/** Shopify CDN: Minification failed

Line 396:0 All "@import" rules must come first
Line 1370:10 Expected identifier but found whitespace
Line 1370:11 Unexpected "clamp("

**/
/* ============================================================
   IRBIS – Header Custom CSS v2
   Archivo: assets/irbis-custom.css
   ============================================================ */

/* --- Google Fonts (si no está cargando desde irbis-fonts snippet) --- */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* --- Variables de marca --- */
:root {
  --irbis-navy:      #30437B;
  --irbis-navy-dark: #1e2d56;
  --irbis-orange:    #E86A2A;
  --irbis-font-head: 'Unbounded', system-ui, sans-serif;
  --irbis-font-body: 'Inter', system-ui, sans-serif;
}

/* ============================================================
   TOP BAR
   ============================================================ */

.header-head {
  background-color: var(--irbis-navy-dark) !important;
  border-bottom: none !important;
}

/* Texto e items de la top bar — NO afectar SVGs con fill */
.header-head .text-sm-left,
.header-head .text-sm-center,
.header-head .text-sm-right,
.header-head .text-center,
.header-head .text-left,
.header-head .text-right,
.header-head span:not([class*="icon"]),
.header-head p,
.header-head div:not([class*="icon"]) {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: var(--irbis-font-body) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.header-head a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: var(--irbis-font-body) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.2s !important;
}

.header-head a:hover {
  color: #ffffff !important;
  border-bottom-color: var(--irbis-orange) !important;
}

/* Íconos de redes sociales en top bar — preservar color propio del SVG */
.header-head .social-icons a,
.header-head .social-icons svg,
.header-head .social-icons [class^="icon-"],
.header-head .social-icons .icon {
  color: rgba(255, 255, 255, 0.75) !important;
  fill: rgba(255, 255, 255, 0.75) !important;
}

.header-head .social-icons a:hover,
.header-head .social-icons a:hover svg,
.header-head .social-icons a:hover [class^="icon-"] {
  color: var(--irbis-orange) !important;
  fill: var(--irbis-orange) !important;
}

/* ============================================================
   HEADER PRINCIPAL — Layout y espaciado
   ============================================================ */

.header-bottom .container-fluid {
  padding: 0 40px !important;
}

.header-bottom .row.row-header {
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 72px !important;
}

/* Logo centrado */
.header-bottom .col-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 20px !important;
}

/* Col izquierda */
.header-bottom .col-md-4.header-top__left {
  display: flex !important;
  align-items: center !important;
}

/* Col derecha */
.header-bottom .header-top__right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Menú debajo del header — alinear al centro y reducir padding */
.header-bottom .col-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Mobile toggle */
@media (min-width: 992px) {
  .toggle-menu-mobile {
    display: none !important;
  }
}

/* ============================================================
   FONDO Y BORDE DEL HEADER
   ============================================================ */

.site-header {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(48, 67, 123, 0.08) !important;
  box-shadow: none !important;
}

.site-header--sticky.active {
  background-color: #ffffff !important;
  box-shadow: 0 2px 20px rgba(48, 67, 123, 0.08) !important;
}

/* ============================================================
   LOGO
   ============================================================ */

.site-header__logo img {
  max-height: 52px !important;
  width: auto !important;
}

/* ============================================================
   MENÚ DE NAVEGACIÓN
   ============================================================ */

.site-nav,
.site-nav__link {
  font-family: var(--irbis-font-head) !important;
}

.site-nav__link {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: var(--irbis-navy) !important;
  padding: 26px 18px !important;
  transition: color 0.2s !important;
}

.site-nav__link:hover,
.site-nav--active .site-nav__link,
.site-nav .site-nav__item:hover > .site-nav__link {
  color: var(--irbis-orange) !important;
}

.site-nav__link::before {
  border-bottom-color: var(--irbis-orange) !important;
}

/* ============================================================
   ÍCONOS DE LA DERECHA (search, wishlist, cart, account)
   ============================================================ */

.site-header__link {
  color: var(--irbis-navy) !important;
  font-family: var(--irbis-font-head) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  transition: color 0.2s !important;
}

.site-header__link:hover {
  color: var(--irbis-orange) !important;
}

/* SVGs de search y cart */
.site-header__search-pop .svg-search,
.site-header__cart .svg-cart {
  color: var(--irbis-navy) !important;
  fill: var(--irbis-navy) !important;
  width: 20px !important;
  height: 20px !important;
}

.site-header__search-pop:hover .svg-search,
.site-header__cart:hover .svg-cart {
  color: var(--irbis-orange) !important;
  fill: var(--irbis-orange) !important;
}

/* Badge del carrito */
.site-header__cart-indicator {
  background-color: var(--irbis-orange) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* Account text */
.header--acount a,
.header--acount {
  font-family: var(--irbis-font-head) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--irbis-navy) !important;
}

.header--acount a:hover {
  color: var(--irbis-orange) !important;
}

/* ============================================================
   DROPDOWN MENÚ
   ============================================================ */

.site-nav__dropdown,
.meganav__list,
.meganav {
  background-color: var(--irbis-navy-dark) !important;
  border: none !important;
}

.meganav__link,
.site-nav__dropdown li a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: var(--irbis-font-head) !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}

.meganav__link:hover,
.site-nav__dropdown li a:hover {
  color: var(--irbis-orange) !important;
}

/* ============================================================
   MINI CART
   ============================================================ */

.mini-cart-content {
  border-radius: 0 16px 16px 16px !important;
  box-shadow: 0 8px 40px rgba(48, 67, 123, 0.12) !important;
}

/* ============================================================
   HAMBURGER MOBILE
   ============================================================ */

.bar1, .bar2, .bar3 {
  background-color: var(--irbis-navy) !important;
}

/* ============================================================
   DRAWER / SIDEBAR MOBILE
   ============================================================ */

#NavDrawer {
  background: var(--irbis-navy-dark) !important;
}

.drawer__nav-link--top-level {
  color: #ffffff !important;
  font-family: var(--irbis-font-head) !important;
  font-size: 11px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.drawer__nav-link--top-level:hover {
  color: var(--irbis-orange) !important;
}

/* ============================================================
   RESPONSIVE — Mobile
   ============================================================ */

@media (max-width: 991px) {
  .header-bottom .row.row-header {
    flex-wrap: wrap !important;
    min-height: 60px !important;
  }
  
  .header-bottom .col-logo {
    padding: 12px 16px !important;
  }

  .header-bottom .container-fluid {
    padding: 0 16px !important;
  }
}

/* ============================================================
   FIX: menú alineado izquierda sin desbordarse sobre el logo
   Solo en desktop
   ============================================================ */

@media (min-width: 992px) {
  /* Los links del menú más compactos para que quepan */
  .header-top__left .site-nav__link {
    padding: 26px 12px !important;
  }

  .header-top__left .site-nav {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  /* Cada columna respeta su tercio */
  .header-bottom .col-md-4.header-top__left {
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
    overflow: visible !important;
  }

  .header-bottom .col-logo {
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
    z-index: 1 !important;
  }

  .header-bottom .header-top__right {
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
  }
}

/* Mobile fix — carrito en su lugar */
@media (max-width: 991px) {
  .header-bottom .row-header {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .toggle-menu-mobile {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 8px !important;
  }

  .col-logo {
    flex: 1 !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
  }

  .header-top__right {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 8px !important;
  }

  /* Ocultar elementos que no van en mobile */
  .header-top__right .header--acount,
  .header-top__right .mr-4,
  .header-top__right .site-header__search-pop,
  .header-top__right .wishlist-right {
    display: none !important;
  }

  /* Mostrar solo el carrito en mobile */
  .header-top__right .js-mini-cart {
    display: flex !important;
  }
}

/* Fuente del menú — Archivo Medium como en el diseño */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&display=swap');

.site-nav__link {
  font-family: 'Archivo', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;
}

/* Fix columna derecha — una sola línea horizontal */
.header-bottom__right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}

.header-bottom__right .header--acount,
.header-bottom__right .mr-4,
.header-bottom__right .site-header__search-wrap,
.header-bottom__right .wishlist-right,
.header-bottom__right .js-mini-cart {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
/* ============================================================
   Sección central — título, descripción y cards de íconos
   ============================================================ */

/* Título principal de la sección */
.index-section h2,
.index-section .section-title-1,
.index-section .section-title-0,
.shopify-section h2 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* Párrafo descriptivo */
.index-section > .container p,
.index-section > .container-fluid p,
.shopify-section > .container p {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: rgba(48, 67, 123, 0.75) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Títulos de las cards de íconos */
.pro__ser--box h3,
.pro__ser--box h4,
.pro__ser--box h5,
.pro__ser--box .title,
[class*="pro__ser"] h3,
[class*="pro__ser"] h4,
[class*="pro__ser"] h5 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Texto descriptivo de las cards */
.pro__ser--box p,
[class*="pro__ser"] p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: rgba(48, 67, 123, 0.65) !important;
  line-height: 1.6 !important;
}

/* Íconos de las cards — color naranja */
.pro__ser--box svg,
.pro__ser--box [class^="icon-"],
.pro__ser--box img,
[class*="pro__ser"] svg,
[class*="pro__ser"] [class^="icon-"] {
  color: #E86A2A !important;
  fill: #E86A2A !important;
}

/* ============================================================
   Rich Text — título e IRBIS Calcetería + párrafo
   ============================================================ */

#shopify-section-rich-text h1,
#shopify-section-rich-text h2,
#shopify-section-rich-text h3,
.shopify-section .rte h1,
.shopify-section .rte h2,
.shopify-section .rte h3 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(24px, 2.8vw, 38px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.01 !important;
}

#shopify-section-rich-text p,
.shopify-section .rte p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  color: rgba(48, 67, 123, 0.7) !important;
  line-height: 1.7 !important;
}

/* ============================================================
   Services — cards de íconos
   ============================================================ */

/* Títulos de cada card */
#shopify-section-services h3,
#shopify-section-services h4,
#shopify-section-services h5,
#shopify-section-services .pro__ser--box > *:first-child {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
}

/* Texto de cada card */
#shopify-section-services p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: rgba(48, 67, 123, 0.65) !important;
  line-height: 1.6 !important;
}

/* Íconos en naranja */
#shopify-section-services svg,
#shopify-section-services [class^="icon-"],
#shopify-section-services img.icon {
  color: #E86A2A !important;
  fill: #E86A2A !important;
}

/* ============================================================
   Rich Text — IRBIS Calcetería
   ============================================================ */

#shopify-section-rich_text_bwki7Y .section-title-1,
#shopify-section-rich_text_bwki7Y h3 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

#shopify-section-rich_text_bwki7Y .rte p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  color: rgba(48, 67, 123, 0.7) !important;
  line-height: 1.7 !important;
}

/* ============================================================
   Services — cards de íconos
   (pega el ID de esa sección cuando lo veas en el inspector)
   ============================================================ */

#shopify-section-1622833097e2ca621b .pro__ser--box,
#shopify-section-1622833097e2ca621b [class*="pro__ser"] > div {
  position: relative !important;
  border-radius: 0 16px 16px 16px !important;
  border: 1px solid rgba(48, 67, 123, 0.1) !important;
  padding: 28px 24px !important;
  transition: border-color 0.2s, transform 0.2s !important;
  overflow: hidden !important;
}

#shopify-section-1622833097e2ca621b .pro__ser--box::before,
#shopify-section-1622833097e2ca621b [class*="pro__ser"] > div::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background: #E86A2A !important;
}

#shopify-section-1622833097e2ca621b .pro__ser--box:hover,
#shopify-section-1622833097e2ca621b [class*="pro__ser"] > div:hover {
  border-color: #E86A2A !important;
  transform: translateY(-4px) !important;
}

#shopify-section-1622833097e2ca621b h3,
#shopify-section-1622833097e2ca621b h4,
#shopify-section-1622833097e2ca621b h5 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

#shopify-section-1622833097e2ca621b p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: rgba(48, 67, 123, 0.65) !important;
  line-height: 1.6 !important;
}

#shopify-section-1622833097e2ca621b svg,
#shopify-section-1622833097e2ca621b [class^="icon-"] {
  color: #E86A2A !important;
  fill: #E86A2A !important;
}
/* ============================================================
   Sección Marcas que ya trabajan con IRBIS
   ============================================================ */

#shopify-section-162283278205359d1 .subtop {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #E86A2A !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
}

#shopify-section-162283278205359d1 h1 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(20px, 3vw, 42px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.01 !important;
}

#shopify-section-162283278205359d1 p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  color: rgba(48, 67, 123, 0.65) !important;
  line-height: 1.7 !important;
}
/* ============================================================
   FOOTER — Estilo IRBIS
   ============================================================ */

.site-footer {
  background-color: #1e2d56 !important;
  color: rgba(255,255,255,0.7) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Logo — invertido a blanco */
.site-footer .site-header__logo img,
.site-footer img[src*="logo"] {
  filter: brightness(0) invert(1) !important;
  max-height: 64px !important;
  width: auto !important;
}

/* Títulos de columna */
.site-footer .site-footer__section-title,
.site-footer h3,
.site-footer h4,
.site-footer h5 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
}

/* Links de navegación */
.site-footer a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.site-footer a:hover {
  color: #E86A2A !important;
}

/* Texto corrido */
.site-footer p,
.site-footer address,
.site-footer li {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.7 !important;
}

/* Input del newsletter */
.site-footer input[type="email"],
.site-footer .footer-email input,
.footer-email .form-control {
  background: rgba(255,255,255,0.06) !important;
  border: none !important;
  border-bottom: 2px solid rgba(255,255,255,0.2) !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  padding: 10px 0 !important;
}

.site-footer input[type="email"]:focus,
.footer-email .form-control:focus {
  border-bottom-color: #E86A2A !important;
  box-shadow: none !important;
}

.site-footer input[type="email"]::placeholder {
  color: rgba(255,255,255,0.3) !important;
}

/* Botón suscribir */
.site-footer .btn-underline,
.site-footer button[type="submit"],
.site-footer input[type="submit"] {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #E86A2A !important;
  border-bottom-color: #E86A2A !important;
  background: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.site-footer .btn-underline:hover {
  color: #c95820 !important;
  border-bottom-color: #c95820 !important;
}

/* Íconos de redes sociales */
.site-footer .social-icons a,
.site-footer [class*="icon-instagram"],
.site-footer [class*="icon-youtube"] {
  color: rgba(255,255,255,0.6) !important;
  fill: rgba(255,255,255,0.6) !important;
  font-size: 18px !important;
  margin-right: 12px !important;
  transition: color 0.2s !important;
}

.site-footer .social-icons a:hover,
.site-footer .social-icons a:hover svg {
  color: #E86A2A !important;
  fill: #E86A2A !important;
}

/* Línea divisora y copyright */
.site-footer__copyright,
.site-footer .copyright {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.3) !important;
  font-size: 12px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  padding-top: 20px !important;
  margin-top: 40px !important;
}

.site-footer__copyright a {
  color: rgba(255,255,255,0.3) !important;
  font-size: 12px !important;
}

.site-footer__copyright a:hover {
  color: rgba(255,255,255,0.7) !important;
}

/* ============================================================
   PÁGINA DE PRODUCTO — Estilo IRBIS
   ============================================================ */

/* Título del producto */
.product-single__title,
.template-product h1 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(20px, 2.2vw, 30px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

/* Precio */
.product-single__price,
.template-product .product-single__price .money,
[id*="ProductPrice"] .money {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: #E86A2A !important;
}

/* Botón Agregar al carrito */
.template-product .btn-theme,
.template-product .product-form__cart-submit,
.template-product .shopify-payment-button__button--unbranded {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  background-color: #30437B !important;
  color: #ffffff !important;
  border-radius: 0 999px 999px 999px !important;
  padding: 18px 36px !important;
  border: none !important;
  transition: background 0.2s !important;
}

.template-product .btn-theme:hover,
.template-product .product-form__cart-submit:hover {
  background-color: #1e2d56 !important;
  color: #ffffff !important;
}

/* Etiquetas TYPE, SKU */
.template-product .product-single__information .text-body,
.template-product .product-single__information b,
.template-product .product-single__information span {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: rgba(48,67,123,0.5) !important;
}

/* Valores TYPE, SKU */
.template-product .product-single__information a,
.template-product .product-single__information .text-theme {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: #30437B !important;
  font-weight: 500 !important;
}

/* Acordeón DESCRIPCIÓN */
.template-product .nav-tab-info-vertical .card-header,
.template-product #nav-tab-info .nav-item {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
}

.template-product .tab-content p,
.template-product .tab-content li {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: rgba(48,67,123,0.75) !important;
  line-height: 1.7 !important;
}

/* Input de cantidad */
.template-product .js-qty__input {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #30437B !important;
  border-bottom: 2px solid rgba(48,67,123,0.2) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  text-align: center !important;
}

/* Miniaturas de imágenes — borde activo naranja */
.template-product .is-active .product-single__thumbnail,
.template-product .product-single__thumbnail:hover {
  border: 2px solid #E86A2A !important;
  border-radius: 0 8px 8px 8px !important;
}

/* Breadcrumb */
.template-product .breadcrumb,
.template-product .breadcrumb a,
.template-product .breadcrumb span {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: rgba(48,67,123,0.5) !important;
}

.template-product .breadcrumb a:hover {
  color: #E86A2A !important;
}

/* Botón Agregar al carrito — naranja */
.template-product .btn-theme,
.template-product .product-form__cart-submit,
.template-product .shopify-payment-button__button--unbranded {
  background-color: #E86A2A !important;
}

.template-product .btn-theme:hover,
.template-product .product-form__cart-submit:hover {
  background-color: #c95820 !important;
}
/* ============================================================
   CATÁLOGO — Grid de colecciones (selectores exactos)
   ============================================================ */

/* Nombre de colección — selector exacto */
.collection-card-1 a.text-theme,
.collection-card-1 .text-uppercase,
.template-list-collections a.text-theme {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  color: #30437B !important;
}

/* Contador "13 products" */
.collection-card-1 p.pb-5,
.template-list-collections .collection-card-1 p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: rgba(48, 67, 123, 0.5) !important;
  font-weight: 400 !important;
}

/* Imagen con esquina inferior derecha redondeada */
.collection-card-1 .collection-card__image {
  border-radius: 0 0 40px 0 !important;
  overflow: hidden !important;
}

/* Zoom suave en hover */
.collection-card-1 .collection-card__image img {
  transition: transform 0.5s ease !important;
}

.collection-card-1:hover .collection-card__image img {
  transform: scale(1.04) !important;
}

/* ============================================================
   PÁGINA DE COLECCIÓN — Grid de productos + sidebar
   ============================================================ */

/* Título de la colección (Caballero) */
.template-collection h1,
.template-collection .page-header h1,
.template-collection .title-blog-page {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(22px, 2.5vw, 34px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* Nombre del producto en la card */
.template-collection .product-card__name,
.template-collection .product-card__info a {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
  line-height: 1.4 !important;
}

/* Precio en la card */
.template-collection .product-card__price .money,
.template-collection .global-price .money {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #E86A2A !important;
}

/* ---- SIDEBAR FILTROS ---- */

/* Títulos de filtro (CATEGORIAS, PROVEEDORES, TIPO, etc.) */
.template-collection .collection-sidebar .title_block,
.template-collection .sidebar .title_block {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
}

/* Links de filtro */
.template-collection .collection-sidebar a,
.template-collection .sidebar a {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: rgba(48, 67, 123, 0.7) !important;
  transition: color 0.2s !important;
}

.template-collection .collection-sidebar a:hover,
.template-collection .sidebar a:hover,
.template-collection .collection-sidebar li.active a {
  color: #E86A2A !important;
}

/* Checkboxes — color naranja al activar */
.template-collection input[type="checkbox"]:checked {
  accent-color: #E86A2A !important;
}

/* Etiqueta de precio (PRECIO) */
.template-collection .collection-sidebar .slider-range-wr .amount {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: #30437B !important;
}

/* Slider de precio */
.template-collection #js-slider-range {
  border-color: #30437B !important;
}

.template-collection #js-slider-range .ui-slider-handle {
  background-color: #E86A2A !important;
}

/* Botón "Ordenar por" */
.template-collection .collection-sort__input,
.template-collection select {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: #30437B !important;
  border-color: rgba(48, 67, 123, 0.2) !important;
}

/* Botones de vista (grid 2, 3, 4 columnas) */
.template-collection .js-btn-view.active::before {
  background: #E86A2A !important;
  box-shadow: 13px 0 0 #E86A2A, 26px 0 0 #E86A2A !important;
}

/* Hover sobre card de producto */
.template-collection .product-card:hover .product-card__name {
  color: #E86A2A !important;
}

/* Imagen con esquina inferior derecha redondeada */
.template-collection .product-card__image-wr {
  border-radius: 0 0 24px 0 !important;
  overflow: hidden !important;
}

/* Separadores del sidebar */
.template-collection .collection-sidebar > div {
  border-bottom-color: rgba(48, 67, 123, 0.08) !important;
}

/* ============================================================
   CARRITO DE COMPRA
   ============================================================ */

/* Título "CARRITO DE COMPRA" */
.template-cart h1,
.template-cart .page-header h1 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* Nombre del producto en el carrito */
.template-cart .cart-table a,
.template-cart .cart__meta a {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
  line-height: 1.5 !important;
}

.template-cart .cart-table a:hover {
  color: #E86A2A !important;
}

/* Botón "Quitar" */
.template-cart .cart__remove a,
.template-cart a[href*="remove"] {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  color: rgba(48, 67, 123, 0.4) !important;
  text-decoration: underline !important;
  transition: color 0.2s !important;
}

.template-cart a[href*="remove"]:hover {
  color: #E86A2A !important;
}

/* Precios */
.template-cart .cart__item-total,
.template-cart .money {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #30437B !important;
}

/* Total grande */
.template-cart .cart__subtotal .money,
.template-cart .js-cart-total {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #30437B !important;
}

/* Texto debajo del total */
.template-cart .cart__taxes,
.template-cart .cart__subtotal p,
.template-cart .mini-cart-taxes {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: rgba(48, 67, 123, 0.5) !important;
}

/* Campo de notas */
.template-cart .cart__note,
.template-cart textarea {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  border: 1px solid rgba(48, 67, 123, 0.15) !important;
  border-radius: 0 12px 12px 12px !important;
  color: #30437B !important;
  padding: 12px 16px !important;
}

.template-cart textarea:focus {
  border-color: #E86A2A !important;
  outline: none !important;
}

/* Label "Instrucciones especiales" */
.template-cart label[for*="note"],
.template-cart .cart__note-label {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #E86A2A !important;
}

/* Botón "FINALIZAR PEDIDO" */
.template-cart .btn-theme,
.template-cart .btn-cart-checkout,
.template-cart input[type="submit"],
.template-cart button[name="checkout"] {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  background-color: #E86A2A !important;
  color: #ffffff !important;
  border-radius: 0 999px 999px 999px !important;
  padding: 18px 40px !important;
  border: none !important;
  transition: background 0.2s !important;
}

.template-cart .btn-theme:hover,
.template-cart .btn-cart-checkout:hover,
.template-cart button[name="checkout"]:hover {
  background-color: #c95820 !important;
}

/* Separadores entre productos */
.template-cart .cart-table td,
.template-cart .cart-table th {
  border-color: rgba(48, 67, 123, 0.08) !important;
}

/* Input de cantidad */
.template-cart .js-qty__input {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #30437B !important;
  border-bottom: 2px solid rgba(48, 67, 123, 0.15) !important;
  text-align: center !important;
}

/* ============================================================
   CONTACTO — selectores exactos
   ============================================================ */

/* Título */
#shopify-section-template--25662915969135__main h1 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(18px, 2vw, 26px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

/* Párrafo */
#shopify-section-template--25662915969135__main .contact-page__des p,
#shopify-section-template--25662915969135__main p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: rgba(48, 67, 123, 0.65) !important;
  line-height: 1.7 !important;
}

/* Inputs y textarea */
#shopify-section-template--25662915969135__main input,
#shopify-section-template--25662915969135__main textarea {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #30437B !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 2px solid rgba(48, 67, 123, 0.15) !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: border-color 0.2s !important;
}

#shopify-section-template--25662915969135__main input:focus,
#shopify-section-template--25662915969135__main textarea:focus {
  border-bottom-color: #E86A2A !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Botón ENVIAR */
#shopify-section-template--25662915969135__main .btn-theme,
#shopify-section-template--25662915969135__main input[type="submit"],
#shopify-section-template--25662915969135__main button[type="submit"] {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  background-color: #E86A2A !important;
  color: #ffffff !important;
  border-radius: 0 999px 999px 999px !important;
  padding: 18px 40px !important;
  border: none !important;
  transition: background 0.2s !important;
}

#shopify-section-template--25662915969135__main .btn-theme:hover,
#shopify-section-template--25662915969135__main button[type="submit"]:hover {
  background-color: #c95820 !important;
}
/* ============================================================
   SECCIÓN "TAMBIÉN TE PUEDEN INTERESAR"
   ============================================================ */

/* Título de la sección */
.template-product .section-title-1,
.template-product [class*="related"] h2,
.template-product [class*="suggest"] h2,
#shopify-section-product-suggest h2,
#shopify-section-product-suggest .section-title-1 {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: clamp(18px, 2vw, 26px) !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

/* Nombre del producto en las cards */
#shopify-section-product-suggest .product-card__name,
#shopify-section-product-suggest .product-card a {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
  line-height: 1.5 !important;
}

#shopify-section-product-suggest .product-card__name:hover,
#shopify-section-product-suggest .product-card a:hover {
  color: #E86A2A !important;
}

/* Precio */
#shopify-section-product-suggest .product-card__price .money,
#shopify-section-product-suggest .money {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #E86A2A !important;
}

/* Imagen con esquina inferior derecha redondeada */
#shopify-section-product-suggest .product-card__image-wr {
  border-radius: 0 0 24px 0 !important;
  overflow: hidden !important;
}

/* Dots del carrusel */
#shopify-section-product-suggest .slick-dots li button {
  border-color: rgba(48, 67, 123, 0.3) !important;
}

#shopify-section-product-suggest .slick-dots li.slick-active button {
  background: #E86A2A !important;
  border-color: #E86A2A !important;
}
/* Cards de productos — nombre y precio como en la referencia */
.product-card__name,
.product-card a.product-card__name,
.product-card__info .product-card__name {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.product-card__price .money,
.product-card__price > .money {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #30437B !important;
  text-align: center !important;
}

.product-card__info {
  text-align: center !important;
}
font-size: clamp(18px, 2vw, 26px);
/* ============================================================
   MINI CART / POP UP CARRITO
   ============================================================ */

/* Contenedor del mini cart */
.mini-cart-content {
  border-radius: 0 20px 20px 20px !important;
  box-shadow: 0 8px 48px rgba(48, 67, 123, 0.15) !important;
  padding: 24px 20px !important;
  width: 380px !important;
  border: 1px solid rgba(48, 67, 123, 0.08) !important;
}

/* Nombre del producto — más pequeño y legible */
.mini-cart-meta a,
.mini-cart-meta b {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #30437B !important;
  line-height: 1.5 !important;
}

.mini-cart-meta a:hover {
  color: #E86A2A !important;
}

/* Variante / detalles del producto */
.mini-cart-meta p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  color: rgba(48, 67, 123, 0.55) !important;
  line-height: 1.4 !important;
  margin-bottom: 4px !important;
}

/* Precio en el mini cart */
.mini-cart-meta .money,
.js-cart-total {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #E86A2A !important;
}

/* Total */
.mini-cart-total {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #30437B !important;
  border-top: 1px solid rgba(48, 67, 123, 0.08) !important;
  padding-top: 16px !important;
  margin-top: 16px !important;
}

.mini-cart-total .js-cart-total {
  font-size: 16px !important;
  color: #30437B !important;
}

/* Texto de impuestos */
.mini-cart-taxes {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  color: rgba(48, 67, 123, 0.4) !important;
}

/* Botón Finalizar pedido */
.mini-cart-btns .js-cart-btn-checkout,
.mini-cart-btns .btn-theme {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  background-color: #E86A2A !important;
  color: #ffffff !important;
  border-radius: 0 999px 999px 999px !important;
  padding: 14px 24px !important;
  border: none !important;
  width: 100% !important;
  text-align: center !important;
  transition: background 0.2s !important;
}

.mini-cart-btns .js-cart-btn-checkout:hover {
  background-color: #c95820 !important;
}

/* Botón Ver carrito */
.mini-cart-btns .js-cart-btn-cart {
  font-family: 'Unbounded', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.10em !important;
  background: transparent !important;
  color: #30437B !important;
  border: 1px solid rgba(48, 67, 123, 0.2) !important;
  border-radius: 0 999px 999px 999px !important;
  padding: 12px 24px !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 8px !important;
  transition: border-color 0.2s, color 0.2s !important;
}

.mini-cart-btns .js-cart-btn-cart:hover {
  border-color: #E86A2A !important;
  color: #E86A2A !important;
}

/* Botón eliminar producto */
.js-remove-mini-cart {
  color: rgba(48, 67, 123, 0.3) !important;
  transition: color 0.2s !important;
}

.js-remove-mini-cart:hover {
  color: #E86A2A !important;
}

/* Imagen del producto */
.mini-cart-image img {
  border-radius: 0 8px 8px 8px !important;
}

/* Separador entre items */
.mini-cart-item:not(:first-child) {
  padding-top: 16px !important;
  border-top: 1px solid rgba(48, 67, 123, 0.06) !important;
  margin-top: 16px !important;
}
/* Nombre del producto */
.mini-cart-meta a,
.mini-cart-meta b {
  font-family: 'Archivo', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Botón Finalizar pedido */
.mini-cart-btns .js-cart-btn-checkout,
.mini-cart-btns .btn-theme {
  font-family: 'Archivo', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* Botón Ver carrito */
.mini-cart-btns .js-cart-btn-cart {
  font-family: 'Archivo', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}

/* Total */
.mini-cart-total,
.mini-cart-total .js-cart-total {
  font-family: 'Archivo', system-ui, sans-serif !important;
}

/* Precio */
.mini-cart-meta .money,
.js-cart-total {
  font-family: 'Archivo', system-ui, sans-serif !important;
}

