/** Shopify CDN: Minification failed

Line 6:0 Unexpected "`"

**/
```css
/* Unioonsa · Borde del buscador del header */
#header-search {
  --uni-search-border: #0167C7;
  --uni-search-border-width: 2px;
  border: var(--uni-search-border-width) solid var(--uni-search-border);
  transition: box-shadow 0.2s ease;
}

#header-search:hover {
  --uni-search-border: #01529F;
}

/* Foco visible y accesible (teclado) */
#header-search:focus-visible {
  outline: none;
  --uni-search-border: #0167C7;
  box-shadow: 0 0 0 3px rgba(1, 103, 199, 0.25);
}

/* Unioonsa · Íconos del header con etiqueta (escritorio) */
.uni-header-label {
  display: none;
}

@media (min-width: 1024px) {
  .header__icons {
    gap: 1rem;
  }

  .header__icons .header__icon:has(.uni-header-label) {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: auto;
    height: auto;
    padding: 8px;
  }

  .header__icons .header__icon:has(.uni-header-label) svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .uni-header-label {
    display: inline;
    font-size: 16;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
  }

  /* Contador de la plantilla: se queda sobre el ícono, no sobre el texto */
  #cart-icon .header__cart-count {
    right: auto;
    left: 22px;
  }
}

/* Unioonsa · Borde del buscador del header */
#header-search {
  --uni-search-border: #0167c7;
  --uni-search-border-width: 2px;
  border: var(--uni-search-border-width) solid var(--uni-search-border);
  transition: box-shadow 0.2s ease;
}

#header-search:hover {
  --uni-search-border: #01529f;
}

/* Foco visible y accesible (teclado) */
#header-search:focus-visible {
  outline: none;
  --uni-search-border: #0167c7;
  box-shadow: 0 0 0 3px rgba(1, 103, 199, 0.25);
}

p.icons-with-text__title {
  color: #0167C7;
  
}

/* Unioonsa · Íconos de la barra de beneficios en azul */
.slider__item:has(.icons-with-text__title) svg.icon {
  color: #0167C7;
}

/* Unioonsa · Menú principal más compacto en laptops (1024–1439 px) */
@media (min-width: 1024px) and (max-width: 1439px) {
  li > .main-nav__row {
    margin-inline: 6px;
  }

  /* Primer y último enlace conservan su margen exterior para no cortarse */
  li:first-child > .main-nav__row {
    margin-inline-start: 12px;
  }

  li:last-child > .main-nav__row {
    margin-inline-end: 12px;
  }
}

/* Unioonsa · Menú en laptops muy pequeñas (1024–1279 px) */
@media (min-width: 1024px) and (max-width: 1279px) {
  li > .main-nav__row {
    margin-inline: 4px;
  }

  li:first-child > .main-nav__row {
    margin-inline-start: 12px;
  }

  li:last-child > .main-nav__row {
    margin-inline-end: 12px;
  }
}

/* Unioonsa · Menú principal repartido a lo ancho cuando sobra espacio */
@media (min-width: 1024px) {
  main-menu.main-menu {
    flex-grow: 1;
    width: 100%;
  }

  #main-menu-content > nav {
    flex-grow: 1;
  }

  #main-menu-content ul.main-nav {
    justify-content: space-between;
  }
}

/* Unioonsa · Enlace de reseñas en la barra superior sin subrayado */
.announcement .announcement__text .rte a {
  text-decoration: none;
  border-bottom: 0;
  background-image: none;
}

.announcement .announcement__text .rte a:hover,
.announcement .announcement__text .rte a:focus-visible {
  color: inherit;
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc-collection-list .card__title {
  color: #111111;
}

.card .card__vendor-logo {
  display: block;
  height: 18px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}

.card .card__sku {
  position: relative;
  z-index: 3;
  font-size: 13px;
  cursor: text;
  user-select: text;
}

/* Unioonsa · Marca clicable en tarjetas (por encima del enlace de la tarjeta) */
.card .card__vendor-link {
  position: relative;
  z-index: 3;
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

.card .card__vendor-link:hover,
.card .card__vendor-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.card .card__vendor-link:hover .card__vendor-logo {
  opacity: 0.8;
}

/* Unioonsa · Área de clic más grande para la marca (sin cambiar el diseño) */
.card .card__vendor-link::before {
  content: "";
  position: absolute;
  inset: -8px -10px -4px -10px;
}

/* Unioonsa · Logo de marca más pequeño en móvil */
@media (max-width: 767px) {
  .card .card__vendor-logo {
    height: 14px;
    max-width: 90px;
  }
}

/* Unioonsa · Ajuste de tamaño para logos compactos (dos renglones) */
.card .card__vendor-logo[alt="Abicor Binzel"] {
  height: 28px;
}

@media (max-width: 767px) {
  .card .card__vendor-logo[alt="Abicor Binzel"] {
    height: 22px;
  }
}

.card .card__vendor-logo[alt="Weston"] {
  height: 24px;
}

@media (max-width: 767px) {
  .card .card__vendor-logo[alt="Weston"] {
    height: 19px;
  }
}

/* Unioonsa · Colecciones: más ancho y columnas automáticas (escritorio) */
@media (min-width: 1024px) {
  .cc-collection-products > .container {
    max-width: 2400px;
  }

  .cc-collection-banner > .container,
  .cc-collection-banner .container {
    max-width: 2400px;
  }

  body:has(.cc-collection-products) .container:has(nav.breadcrumbs) {
    max-width: 2400px;
  }

  .cc-collection-products .main-products-grid[data-layout="grid"] .main-products-grid__results > ul.grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
}

/* Unioonsa · Título de tarjeta de PRODUCTO más ligero (no afecta tarjetas de colección) */
.card--product .card__title {
  font-weight:500;
  color: #111111;

  }

/* =========================================================
   Unioonsa · Precio en tarjetas de producto
   ========================================================= */

/* Precio actual: negro y grande (tamaño fluido: 18px en celular → 25px en escritorio) */
.card--product .price .price__current {
  color: #111111;
  font-size: clamp(18px, 2.2vw + 8px, 25px);
  line-height: 1.2;
}

/* Precio actual en oferta: coral */
.card--product .price--on-sale .price__current {
  color: #E5484D;
}

/* En oferta: precio actual arriba y anterior abajo */
.card--product .price--on-sale .price__default {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* Precio anterior: pequeño, gris y tachado (tamaño fluido: 12px → 14px) */
.card--product .price--on-sale .price__was {
  display: inline-block;
  color: #6B7280;
  font-size: clamp(12px, 0.5vw + 9px, 14px);
  line-height: 1.2;
  background: none;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

/* "Antes:" sin tachar (y sin la línea que el tema dibuja con el borde del ::before) */
.card--product .price--on-sale .price__was::before {
  content: "Antes: ";
  position: static;
  transform: none;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  border: 0;
  box-shadow: none;
  margin-right: 4px;
  text-decoration: none;
}

/* Quita cualquier línea dibujada por el tema en el ::after */
.card--product .price--on-sale .price__was::after {
  content: none;
}


/* =========================================================
   Unioonsa · Tablet chica (600–768 px): 3 columnas y sin líneas divisorias
   ========================================================= */
@media (min-width: 600px) and (max-width: 768px) {
  .cc-collection-products ul.grid.small-cards-mobile {
    border: 0;
    box-shadow: none;
    background: transparent;
  }

  .cc-collection-products ul.grid.small-cards-mobile > li {
    border: 0;
    box-shadow: none;
  }
}

/* =========================================================
   Unioonsa · Menú principal (escritorio)
   Orden en Shopify (Contenido > Menús):
   Herramientas · Material eléctrico · Pinturas · Productos para soldar ·
   Abrasivos · Plomería · Seguridad · Jardinería · Marcas · Ofertas · Más info
   ========================================================= */

/* Base (1024 px o más): el menú ocupa todo el ancho y se reparte de orilla a orilla */
@media (min-width: 1024px) {
  main-menu.main-menu {
    flex-grow: 1;
    width: 100%;
  }

  #main-menu-content > nav {
    flex-grow: 1;
  }

  #main-menu-content ul.main-nav {
    justify-content: space-between;
  }
}

/* Laptops (1024–1439 px): menú más compacto */
@media (min-width: 1024px) and (max-width: 1439px) {
  li > .main-nav__row {
    margin-inline: 6px;
  }

  /* Orillas: el primero (Herramientas) y el último (Más info) conservan 12px para no cortarse */
  li:first-child > .main-nav__row {
    margin-inline-start: 12px;
  }

  li:last-child > .main-nav__row {
    margin-inline-end: 12px;
  }
}

/* Laptops chicas (1024–1279 px): todavía más compacto */
@media (min-width: 1024px) and (max-width: 1279px) {
  li > .main-nav__row {
    margin-inline: 4px;
  }

  li:first-child > .main-nav__row {
    margin-inline-start: 12px;
  }

  li:last-child > .main-nav__row {
    margin-inline-end: 12px;
  }
}

/* Monitores grandes (1600 px o más): categorías y Más info a la izquierda · Marcas y Ofertas a la derecha */
@media (min-width: 1600px) {
  #main-menu-content ul.main-nav {
    justify-content: flex-start;
  }

  /* Marcas y Ofertas se mueven al final */
  #main-menu-content ul.main-nav > li:nth-last-child(3),
  #main-menu-content ul.main-nav > li:nth-last-child(2) {
    order: 1;
  }

  /* Marcas empuja el grupo hacia la derecha */
  #main-menu-content ul.main-nav > li:nth-last-child(3) {
    margin-inline-start: auto;
  }
}

/* Unioonsa · Mega menú: mismo ancho que el header (alineado a la izquierda, sin hueco) */
@media (min-width: 1024px) {
  .main-nav__child.mega-nav > .container {
    max-width: none;
    width: 100%;
    padding-inline: clamp(16px, 2.5vw, 64px);
    box-sizing: border-box;
  }
}

/* Unioonsa · Mega menú: imágenes en columnas automáticas (más columnas, imágenes más nítidas) 
*/ @media (min-width: 1024px) 
{ .mega-nav .main-nav__grandchild-grid 
  { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
  } 
}

/* =========================================================
   Unioonsa · Logo de marca en la ficha de producto
   ========================================================= */

/* Logo y SKU en una fila (si no caben, el SKU pasa abajo) */
.product-vendor-sku {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 20px;
}

.product-vendor--logo a {
  display: inline-block;
}

/* Tamaño general: 18px en celular → 22px en escritorio (fluido, sin saltos) */
.product-vendor__logo {
  display: block;
  height: clamp(18px, 1.2vw + 12px, 22px);
  width: auto;
  max-width: 140px;
  object-fit: contain;
}

.product-vendor--logo a:hover .product-vendor__logo {
  opacity: 0.8;
}

/* Ajustes por marca (el texto debe ser igual al proveedor en Shopify) */

/* Truper: logo ancho y pesado → más pequeño (14px → 17px) */
.product-vendor__logo[alt="Truper"] {
  height: clamp(14px, 0.8vw + 10px, 17px);
}

/* Abicor Binzel: logo compacto en dos renglones → más grande (30px → 38px) */
.product-vendor__logo[alt="Abicor Binzel"] {
  height: clamp(30px, 2vw + 22px, 38px);
  max-width: 160px;
}

/* Weston: letras delgadas e inclinadas → un poco más grande (20px → 25px) */
.product-vendor__logo[alt="Weston"] {
  height: clamp(20px, 1.5vw + 14px, 25px);
}

/* Unioonsa · Valor del SKU en negritas en la ficha de producto */
.product-sku__value {
  font-weight: 600;
  color: #111111;
}

/* Unioonsa · Íconos de características (solo en la página de producto) */
body:has(.cc-main-product) .rte .image-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin: 16px 0;
}

body:has(.cc-main-product) .rte .image-container > div {
  margin: 0;
}

body:has(.cc-main-product) .rte .image-container img {
  display: block;
  width: auto;
  height: clamp(48px, 4vw + 32px, 64px);
  max-width: 100%;
  margin: 0;
  border: 0;
}

/* Página de producto */
.product-vendor__logo[alt="CDC Wire"] {
  height: clamp(24px, 1.5vw + 18px, 30px);
  max-width: 140px;
}

/* Tarjetas de producto (colecciones y búsqueda) */
.card .card__vendor-logo[alt="CDC Wire"] {
  height: 26px;
}

@media (max-width: 767px) {
  .card .card__vendor-logo[alt="CDC Wire"] {
    height: 20px;
  }
}

/* Página de producto */
.product-vendor__logo[alt="Pretul"] {
  height: clamp(24px, 1.2vw + 16px, 30px);
}

/* Tarjetas de producto */
.card .card__vendor-logo[alt="Pretul"] {
  height: 28px;
}

@media (max-width: 767px) {
  .card .card__vendor-logo[alt="Pretul"] {
    height: 20px;
  }
}

/* Grupo GRANDE: logos compactos con texto pequeño adentro */
.product-vendor__logo:is([alt="CDC Wire" i], [alt="Urrea" i]) {
  height: clamp(24px, 1.5vw + 18px, 30px);
  max-width: 140px;
}
.card .card__vendor-logo:is([alt="CDC Wire" i], [alt="Urrea" i]) {
  height: 26px;
}

/* Grupo MEDIO */
.product-vendor__logo:is([alt="Pretul" i], [alt="Harris" i], [alt="K Flex" i], [alt="Volteck" i], [alt="Foset" i], [alt="Mims" i], [alt="Flexovit" i], [alt="Weston Plus" i]) {
  height: clamp(22px, 1.2vw + 16px, 26px);
}
.card .card__vendor-logo:is([alt="Pretul" i], [alt="Harris" i], [alt="K Flex" i], [alt="Volteck" i], [alt="Foset" i], [alt="Mims" i], [alt="Flexovit" i], [alt="Weston Plus" i]) {
  height: 22px;
}

/* Grupo SUAVE: un poco más que el tamaño normal */
.product-vendor__logo[alt="Boomer Light" i] {
  height: clamp(20px, 1vw + 15px, 24px);
}
.card .card__vendor-logo[alt="Boomer Light" i] {
  height: 20px;
}

/* Celular: tarjetas un poco más chicas */
@media (max-width: 767px) {
  .card .card__vendor-logo:is([alt="CDC Wire" i], [alt="Urrea" i]) {
    height: 20px;
  }
  .card .card__vendor-logo:is([alt="Pretul" i], [alt="Harris" i], [alt="K Flex" i], [alt="Volteck" i], [alt="Foset" i], [alt="Mims" i], [alt="Flexovit" i], [alt="Weston Plus" i]) {
    height: 17px;
  }
  .card .card__vendor-logo[alt="Boomer Light" i] {
    height: 15px;
  }
}

/* Tarjetas: Harris, Pretul y Urrea necesitan más altura */
.card .card__vendor-logo:is([alt="Harris" i], [alt="Pretul" i], [alt="Urrea" i]) {
  height: 30px;
  max-width: 120px;
}

@media (max-width: 767px) {
  .card .card__vendor-logo:is([alt="Harris" i], [alt="Pretul" i], [alt="Urrea" i]) {
    height: 22px;
  }
}

/* Tarjetas: Harris, Pretul, Urrea y Mims necesitan más altura */
.card .card__vendor-logo:is([alt="Harris" i], [alt="Pretul" i], [alt="Urrea" i], [alt="Mims" i]) {
  height: 30px;
  max-width: 120px;
}

@media (max-width: 767px) {
  .card .card__vendor-logo:is([alt="Harris" i], [alt="Pretul" i], [alt="Urrea" i], [alt="Mims" i]) {
    height: 22px;
  }
}

/* ---------------------------------------------------------
   Footer: títulos como span (no h2)
   Un span es "en línea" por defecto: se hace bloque para que
   respete el espacio de abajo que le da el tema.
   --------------------------------------------------------- */
footer.footer .uni-footer-title {
  display: block;
  line-height: 1.3;
}



/* ---------------------------------------------------------
   Footer: títulos (span) y textos
   --------------------------------------------------------- */
footer.footer .uni-footer-title {
  display: block;
  line-height: 1.3;
  font-size: clamp(16px, 0.4vw + 14px, 19px);
}

footer.footer .uni-footer-text,
footer.footer .uni-footer-text p,
footer.footer .uni-footer-links,
footer.footer .uni-footer-links a {
  font-size: clamp(15px, 0.3vw + 13px, 17px);
}

/* ---------------------------------------------------------
   Collage con texto (sections/uni-collage-texto.liquid)
   Celular: imágenes arriba, texto abajo
   768px+: imágenes y texto lado a lado
   --------------------------------------------------------- */
.uni-ct__grid {
  display: grid;
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}

/* Collage */
.uni-ct__collage {
  display: grid;
  gap: clamp(8px, 1vw, 12px);
  aspect-ratio: var(--uni-ct-ratio, 4 / 3);
}

.uni-ct__item {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background-color: #F3F4F6;
}

.uni-ct--rounded .uni-ct__item {
  border-radius: 8px;
}

.uni-ct__img,
.uni-ct__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uni-ct__collage--1 {
  grid-template-columns: 1fr;
}

.uni-ct__collage--2 {
  grid-template-columns: 1fr 1fr;
}

/* 3 imágenes en celular: la grande arriba, las dos chicas abajo */
.uni-ct__collage--3 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2fr 1fr;
  aspect-ratio: 1 / 1;
}

.uni-ct__collage--3 .uni-ct__item:first-child {
  grid-column: 1 / -1;
}

/* Texto */
.uni-ct__content {
  max-width: 560px;
}

.uni-ct__content > * {
  margin: 0 0 16px;
}

.uni-ct__content > *:last-child {
  margin-bottom: 0;
}

.uni-ct__subheading {
  color: #0167C7;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}

.uni-ct__text > *:last-child {
  margin-bottom: 0;
}

.uni-ct__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding-top: 8px;
}

/* Tablet y computadora: lado a lado */
@media (min-width: 768px) {
  .uni-ct__grid {
    grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
  }

  .uni-ct--reverse .uni-ct__media {
    order: 2;
  }

  .uni-ct__collage--3 {
    grid-template-columns: 3fr 2fr;
    grid-template-rows: 1fr 1fr;
    aspect-ratio: var(--uni-ct-ratio, 4 / 3);
  }

  .uni-ct__collage--3 .uni-ct__item:first-child {
    grid-column: auto;
    grid-row: 1 / -1;
  }
}

/* ---------------------------------------------------------
   Media con botones (sections/uni-media-botones.liquid)
   Botones en fila; se acomodan solos si no caben
   --------------------------------------------------------- */
.uni-mwt__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* Respeta la alineación de texto elegida en la sección */
.text-center .uni-mwt__buttons {
  justify-content: center;
}

.text-end .uni-mwt__buttons {
  justify-content: flex-end;
}

/* ---------------------------------------------------------
   Encabezado reutilizable (clases uni-hd)
   Lo usan: sections/uni-encabezado.liquid y uni-servicios.liquid
   --------------------------------------------------------- */
.uni-hd-section {
  padding-top: var(--uni-hd-pt, 48px);
  padding-bottom: var(--uni-hd-pb, 24px);
}

.uni-hd > * {
  margin: 0;
}

.uni-hd > * + * {
  margin-top: 12px;
}

.uni-hd__eyebrow {
  color: #0167C7;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}

.uni-hd__text > *:last-child {
  margin-bottom: 0;
}

/* Ancho máximo del texto: crece un poco en pantallas grandes */
.uni-hd--narrow {
  max-width: 680px;
}

.uni-hd--medium {
  max-width: 880px;
}

@media (min-width: 1600px) {
  .uni-hd--narrow {
    max-width: 760px;
  }

  .uni-hd--medium {
    max-width: 1040px;
  }
}

/* ---------------------------------------------------------
   Servicios (sections/uni-servicios.liquid)
   1 columna en celular, 2 en tablet, 2-4 en computadora
   --------------------------------------------------------- */
.uni-sv__header {
  margin-bottom: clamp(24px, 3vw, 40px);
}

.uni-sv__header.uni-hd--center {
  margin-inline: auto;
}

.uni-sv__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 2vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.uni-sv__card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
}

.uni-sv__media {
  position: relative;
  aspect-ratio: var(--uni-sv-ratio, 4 / 3);
  overflow: hidden;
  background-color: #F3F4F6;
}

.uni-sv__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uni-sv__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(18px, 2vw, 24px);
}

.uni-sv__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  color: #0167C7;
  background-color: #E8F1FB;
  border-radius: 50%;
}

.uni-sv__icon .uni-icon {
  width: 20px;
  height: 20px;
}

.uni-sv__title {
  margin: 0 0 8px;
  color: #111111;
  font-size: clamp(18px, 0.6vw + 15px, 21px);
  line-height: 1.25;
}

.uni-sv__text > *:last-child {
  margin-bottom: 0;
}

/* El botón siempre queda abajo, aunque los textos midan distinto */
.uni-sv__actions {
  margin-top: auto;
  padding-top: 20px;
}

@media (min-width: 600px) {
  .uni-sv__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .uni-sv__grid {
    grid-template-columns: repeat(var(--uni-sv-cols, 3), minmax(0, 1fr));
  }
}

/* ---------------------------------------------------------
   Información del local (sections/uni-info-local.liquid)
   Datos: 1 columna en celular, 2 en tablet, 2 o 3 en computadora
   Botones: fila abajo, se acomodan solos
   --------------------------------------------------------- */
.uni-il__header {
  margin-bottom: clamp(24px, 3vw, 40px);
}

.uni-il__box--card,
.uni-il__box--soft {
  padding: clamp(20px, 3vw, 36px);
  border-radius: 10px;
}

.uni-il__box--card {
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
}

.uni-il__box--soft {
  background-color: #F3F4F6;
}

.uni-il__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px clamp(24px, 3vw, 48px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.uni-il__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.uni-il__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #0167C7;
  background-color: #E8F1FB;
  border-radius: 50%;
}

.uni-il__icon .uni-icon {
  width: 20px;
  height: 20px;
}

.uni-il__info {
  min-width: 0;
}

.uni-il__info > p {
  margin: 0;
}

.uni-il__label {
  color: #111111;
  font-weight: 700;
  line-height: 1.3;
}

.uni-il__value {
  margin-top: 4px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.uni-il__value a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.uni-il__value a:hover {
  color: #0167C7;
}

.uni-il__note {
  margin-top: 2px;
  color: #6B7280;
  font-size: 14px;
  line-height: 1.4;
}

/* Fila de botones */
.uni-il__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: clamp(24px, 3vw, 32px);
}

/* Botones con ícono (todas las secciones uni-) */
.uni-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.uni-btn .uni-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

@media (min-width: 600px) {
  .uni-il__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .uni-il__grid {
    grid-template-columns: repeat(var(--uni-il-cols, 2), minmax(0, 1fr));
  }
}

/* ---------------------------------------------------------
   Mapa (sections/uni-mapa.liquid)
   --------------------------------------------------------- */
.uni-mapa-section {
  padding-top: var(--uni-mapa-pt, 0px);
  padding-bottom: var(--uni-mapa-pb, 48px);
}

.uni-mapa {
  overflow: hidden;
  aspect-ratio: var(--uni-mapa-ratio-m, 4 / 3);
  background-color: #F3F4F6;
}

.uni-mapa--rounded {
  border: 1px solid #E5E7EB;
  border-radius: 10px;
}

.uni-mapa iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.uni-mapa__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 24px;
  color: #6B7280;
  text-align: center;
}

@media (min-width: 768px) {
  .uni-mapa {
    aspect-ratio: var(--uni-mapa-ratio-d, 21 / 9);
  }
}

/* Información del local: espacio arriba y abajo editable */
.uni-il {
  padding-top: calc(var(--uni-il-pt, 48px) * 0.75);
  padding-bottom: calc(var(--uni-il-pb, 48px) * 0.75);
}

@media (min-width: 768px) {
  .uni-il {
    padding-top: var(--uni-il-pt, 48px);
    padding-bottom: var(--uni-il-pb, 48px);
  }
}

/* ---------------------------------------------------------
   Texto con tarjetas (sections/uni-texto-tarjetas.liquid)
   Celular: texto arriba y tarjetas abajo
   990px+: texto y tarjetas lado a lado
   --------------------------------------------------------- */
.uni-tt {
  padding-top: calc(var(--uni-tt-pt, 64px) * 0.75);
  padding-bottom: calc(var(--uni-tt-pb, 64px) * 0.75);
}

.uni-tt__grid {
  display: grid;
  gap: clamp(28px, 4vw, 72px);
}

.uni-tt__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

/* Tarjetas apiladas */
.uni-tt__cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.uni-tt__card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.uni-tt--cards-card .uni-tt__card,
.uni-tt--cards-soft .uni-tt__card {
  padding: clamp(18px, 2vw, 24px);
  border-radius: 10px;
}

.uni-tt--cards-card .uni-tt__card {
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
}

.uni-tt--cards-soft .uni-tt__card {
  background-color: #F3F4F6;
}

.uni-tt__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #0167C7;
  background-color: #E8F1FB;
  border-radius: 50%;
}

.uni-tt__icon .uni-icon {
  width: 22px;
  height: 22px;
}

.uni-tt__body {
  flex: 1;
  min-width: 0;
}

.uni-tt__title {
  margin: 0 0 6px;
  color: #111111;
  font-size: clamp(17px, 0.5vw + 14px, 20px);
  font-weight: 700;
  line-height: 1.3;
}

.uni-tt__text > * {
  margin-top: 0;
}

.uni-tt__text > *:last-child {
  margin-bottom: 0;
}

.uni-tt__text ul {
  padding-left: 1.2em;
}

.uni-tt__tag {
  display: inline-block;
  margin-top: 12px;
  padding: 4px 10px;
  color: #01529F;
  background-color: #E8F1FB;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

/* Tabla de horario */
.uni-tt__hours {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.uni-tt__hours th,
.uni-tt__hours td {
  padding: 8px 0;
  border-bottom: 1px solid #E5E7EB;
  line-height: 1.4;
  vertical-align: top;
}

.uni-tt__hours tr:last-child th,
.uni-tt__hours tr:last-child td {
  border-bottom: 0;
}

.uni-tt__hours th {
  padding-right: 16px;
  color: #111111;
  font-weight: 600;
  text-align: left;
}

.uni-tt__hours td {
  text-align: right;
  white-space: nowrap;
}

.uni-tt__note {
  margin-top: 10px;
  color: #6B7280;
  font-size: 14px;
}

/* Computadora: lado a lado */
@media (min-width: 990px) {
  .uni-tt {
    padding-top: var(--uni-tt-pt, 64px);
    padding-bottom: var(--uni-tt-pb, 64px);
  }

  .uni-tt__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    align-items: center;
  }

  .uni-tt--left .uni-tt__content {
    order: 2;
  }

  .uni-tt--sticky .uni-tt__grid {
    align-items: start;
  }

  .uni-tt--sticky .uni-tt__content {
    position: sticky;
    top: 32px;
  }
}

/* Tabla de horario: sin líneas ni fondos del tema */
.uni-tt__hours {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: none;
}

.uni-tt__hours tr,
.uni-tt__hours th,
.uni-tt__hours td {
  border: 0;
  background: none;
}

.uni-tt__hours th,
.uni-tt__hours td {
  padding: 4px 0;
  line-height: 1.5;
  vertical-align: top;
}

.uni-tt__hours th {
  padding-right: 16px;
  color: #111111;
  font-weight: 600;
  text-align: left;
}

.uni-tt__hours td {
  text-align: right;
  white-space: nowrap;
}

/* ---------------------------------------------------------
   Storeify: botón "Añadir a la cotización" a la izquierda
   --------------------------------------------------------- */

/* Contenedor del botón (sea cual sea) */
:is(div, form, p):has(> .storeify-btn-custom) {
  text-align: left;
  justify-content: flex-start;
}

/* El botón */
.storeify-btn-custom {
  margin-left: 0;
  margin-right: auto;
}

/* Storeify: en celular, el botón ocupa todo el ancho */
@media (max-width: 767px) {
  .storeify-btn-custom {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-right: 0;
  }
}

/* ---------------------------------------------------------
   Storeify: botón de cerrar (tacha) de la ventana de cotización
   - Dibuja una X propia, visible siempre.
   - El ícono original queda invisible encima del botón para
     que el clic siga llegando a la app y la ventana se cierre.
   - La clase va repetida para ganarle al CSS de la app sin !important.
   --------------------------------------------------------- */
button.storeify-frm-close.storeify-frm-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background-color: #F3F4F6;
  background-image: none;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  transform: none;
  cursor: pointer;
}

/* Ícono original: invisible pero cubriendo todo el botón */
button.storeify-frm-close.storeify-frm-close > * {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* X propia: dos líneas cruzadas */
button.storeify-frm-close.storeify-frm-close::before,
button.storeify-frm-close.storeify-frm-close::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #111111;
  border-radius: 2px;
  pointer-events: none;
}

button.storeify-frm-close.storeify-frm-close::before {
  transform: rotate(45deg);
}

button.storeify-frm-close.storeify-frm-close::after {
  transform: rotate(-45deg);
}

button.storeify-frm-close.storeify-frm-close:hover {
  background-color: #E5E7EB;
}

button.storeify-frm-close.storeify-frm-close:focus-visible {
  outline: 2px solid #0167C7;
  outline-offset: 2px;
}

/* Celular: más grande para tocar con el dedo */
@media (max-width: 767px) {
  button.storeify-frm-close.storeify-frm-close {
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
  }

  button.storeify-frm-close.storeify-frm-close::before,
  button.storeify-frm-close.storeify-frm-close::after {
    width: 18px;
  }
}