/** Shopify CDN: Minification failed

Line 34:0 Unexpected ","

**/
/* ===========================================================
   CAPITÁN MANOLO — Global CSS
   Archivo: /assets/capitan-global.css
   Descripción: Variables CSS, utilidades base y componentes
                compartidos por todas las secciones custom.
   Compatible con: Shopify Horizon
   Versión: 1.0
   ============================================================

   ÍNDICE
   1. Variables CSS (custom properties)
   2. Reset suave para secciones custom
   3. Tipografía base
   4. Contenedor principal
   5. Botones
   6. Badges y etiquetas
   7. Títulos de sección
   8. Línea decorativa
   9. Accesibilidad
   10. Utilidades responsive
   ============================================================ */


/* ============================================================
   1. VARIABLES CSS
   Cambia estos valores para ajustar toda la tienda de golpe.
   ============================================================ */

,root {
  --capitan-navy:        #1B2E5E;   /* Azul marino: fondo header, footer, acentos */
  --capitan-agua:        #3EC6C6;
  --capitan-blanco:      #FFFFFF;
  --capitan-rojo:        #E8281E;
  --capitan-amarillo:    #FFD000;
  --capitan-gris-fondo:  #F5F7FA;
  --capitan-gris-texto:  #6B7280;
  --capitan-gris-borde:  #E5E7EB;
  --capitan-negro:       #111827;
  --capitan-font-titulo: 'Nunito', 'Arial Rounded MT Bold', Arial, sans-serif;
  --capitan-font-cuerpo: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --capitan-text-xs:   0.75rem; --capitan-text-sm:   0.875rem; --capitan-text-base: 1rem;
  --capitan-text-lg:   1.125rem; --capitan-text-xl:   1.25rem; --capitan-text-2xl:  1.5rem;
  --capitan-text-3xl:  1.875rem; --capitan-text-4xl:  2.25rem; --capitan-text-5xl:  3rem; --capitan-text-6xl:  3.75rem;
  --capitan-space-1:0.25rem; --capitan-space-2:0.5rem; --capitan-space-3:0.75rem; --capitan-space-4:1rem;
  --capitan-space-6:1.5rem; --capitan-space-8:2rem; --capitan-space-10:2.5rem; --capitan-space-12:3rem;
  --capitan-space-16:4rem; --capitan-space-20:5rem; --capitan-space-24:6rem;
  --capitan-radius-sm:6px; --capitan-radius-md:12px; --capitan-radius-lg:20px; --capitan-radius-xl:28px; --capitan-radius-pill:9999px;
  --capitan-shadow-sm:0 2px 8px rgba(27,46,94,0.07); --capitan-shadow-md:0 4px 20px rgba(27,46,94,0.11);
  --capitan-shadow-lg:0 8px 40px rgba(27,46,94,0.16); --capitan-shadow-xl:0 16px 60px rgba(27,46,94,0.20);
  --capitan-transition-fast:all 0.15s ease; --capitan-transition:all 0.25s ease; --capitan-transition-slow:all 0.4s ease;
  --capitan-z-base:1; --capitan-z-dropdown:200; --capitan-z-sticky:300; --capitan-z-modal:400; --capitan-z-toast:500;
}
.capitan-section *,.capitan-section *::before,.capitan-section *::after{box-sizing:border-box}
.capitan-section img{max-width:100%;height:auto;display:block}
.capitan-section a{text-decoration:none;color:inherit}
.capitan-section ul,.capitan-section ol{list-style:none;margin:0;padding:0}
.capitan-font-titulo{font-family:var(--capitan-font-titulo)}
.capitan-font-cuerpo{font-family:var(--capitan-font-cuerpo)}
.capitan-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--capitan-space-6)}
.capitan-container--narrow{max-width:860px;margin-inline:auto;padding-inline:var(--capitan-space-6)}
@media(max-width:767px){.capitan-container,.capitan-container--narrow{padding-inline:var(--capitan-space-4)}}
.capitan-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--capitan-space-2);padding:0.875rem 2rem;border-radius:var(--capitan-radius-pill);font-family:var(--capitan-font-titulo);font-size:var(--capitan-text-base);font-weight:800;line-height:1;letter-spacing:0.01em;text-align:center;white-space:nowrap;cursor:pointer;border:2px solid transparent;transition:var(--capitan-transition);text-decoration:none;position:relative;overflow:hidden}
.capitan-btn--primary{background-color:var(--capitan-amarillo);color:var(--capitan-navy);border-color:var(--capitan-amarillo);box-shadow:var(--capitan-shadow-sm)}
.capitan-btn--primary:hover,.capitan-btn--primary:focus-visible{background-color:#e6bb00;border-color:#e6bb00;transform:translateY(-2px);box-shadow:var(--capitan-shadow-md);color:var(--capitan-navy)}
.capitan-btn--secondary{background-color:transparent;color:var(--capitan-blanco);border-color:var(--capitan-blanco)}
.capitan-btn--secondary:hover,.capitan-btn--secondary:focus-visible{background-color:var(--capitan-blanco);color:var(--capitan-navy);transform:translateY(-2px);box-shadow:var(--capitan-shadow-md)}
.capitan-btn--outline-navy{background-color:transparent;color:var(--capitan-navy);border-color:var(--capitan-navy)}
.capitan-btn--outline-navy:hover,.capitan-btn--outline-navy:focus-visible{background-color:var(--capitan-navy);color:var(--capitan-blanco);transform:translateY(-2px);box-shadow:var(--capitan-shadow-md)}
.capitan-btn--lg{padding:1.1rem 2.5rem;font-size:var(--capitan-text-lg)}
.capitan-btn--sm{padding:0.6rem 1.25rem;font-size:var(--capitan-text-sm)}
.capitan-btn:disabled,.capitan-btn[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none}
.capitan-btn:focus-visible{outline:3px solid var(--capitan-agua);outline-offset:3px}
.capitan-badge{display:inline-flex;align-items:center;gap:var(--capitan-space-2);font-family:var(--capitan-font-titulo);font-size:var(--capitan-text-xs);font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--capitan-agua);margin-bottom:var(--capitan-space-3)}
.capitan-tag{display:inline-block;padding:0.3rem 0.75rem;border-radius:var(--capitan-radius-pill);font-family:var(--capitan-font-titulo);font-size:var(--capitan-text-xs);font-weight:800;letter-spacing:0.05em;text-transform:uppercase;line-height:1}
.capitan-tag--rojo{background-color:var(--capitan-rojo);color:var(--capitan-blanco)}
.capitan-tag--amarillo{background-color:var(--capitan-amarillo);color:var(--capitan-navy)}
.capitan-tag--navy{background-color:var(--capitan-navy);color:var(--capitan-blanco)}
.capitan-tag--agua{background-color:var(--capitan-agua);color:var(--capitan-blanco)}
.capitan-section-header{text-align:center;margin-bottom:var(--capitan-space-12)}
.capitan-section-header--left{text-align:left}
.capitan-section-title{font-family:var(--capitan-font-titulo);font-weight:900;color:var(--capitan-navy);line-height:1.15;margin:0 0 var(--capitan-space-4)}
.capitan-section-title--xl{font-size:clamp(var(--capitan-text-3xl),5vw,var(--capitan-text-5xl))}
.capitan-section-title--lg{font-size:clamp(var(--capitan-text-2xl),4vw,var(--capitan-text-4xl))}
.capitan-section-title--md{font-size:clamp(var(--capitan-text-xl),3vw,var(--capitan-text-3xl))}
.capitan-section-title .highlight{color:var(--capitan-rojo)}
.capitan-section-subtitle{font-family:var(--capitan-font-cuerpo);font-size:var(--capitan-text-lg);color:var(--capitan-gris-texto);line-height:1.65;margin:0;max-width:600px}
.capitan-section-header:not(.capitan-section-header--left) .capitan-section-subtitle{margin-inline:auto}
.capitan-divider{width:56px;height:4px;background-color:var(--capitan-rojo);border-radius:2px;margin-top:var(--capitan-space-4)}
.capitan-divider--center{margin-inline:auto}
.capitan-divider--wide{width:100px}
.capitan-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.capitan-section *,.capitan-section *::before,.capitan-section *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}
@media(max-width:767px){.capitan-hide-mobile{display:none!important}}
@media(min-width:768px) and (max-width:1023px){.capitan-hide-tablet{display:none!important}}
@media(min-width:1024px){.capitan-hide-desktop{display:none!important}}

/* BREADCRUMB */
.capitan-bc{background:transparent;border-top:1px solid rgba(27,46,94,0.15)}
.capitan-bc__inner{max-width:1400px;margin-inline:auto;padding-inline:clamp(20px,4vw,60px);padding-block:9px}
.capitan-bc__list{display:flex;align-items:center;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}
.capitan-bc__item{font-size:0.78rem;color:var(--capitan-gris-texto);line-height:1}
.capitan-bc__link{color:var(--capitan-gris-texto);text-decoration:none;transition:color 0.15s}
.capitan-bc__link:hover{color:var(--capitan-navy);text-decoration:underline}
.capitan-bc__sep{color:var(--capitan-gris-borde);font-size:0.85rem;padding-inline:3px;list-style:none;user-select:none}
.capitan-bc__item--current{color:var(--capitan-navy);font-weight:600;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:639px){.capitan-bc__inner{padding-block:7px}.capitan-bc__item{font-size:0.72rem}.capitan-bc__item--current{max-width:160px}}

/* HEADER */
.header-logo,.header-logo a,.header-logo__link{display:block;line-height:0}
.header-logo img,.header-logo__image,[class*='header-logo'] img{height:110px!important;width:auto!important;max-height:none!important;max-width:none!important}
@media(max-width:749px){.header-logo img,.header-logo__image,[class*='header-logo'] img{height:56px!important}}
.header-section .section--page-width,.header-section .section--full-width-margin{max-width:100%!important;margin-inline:0!important}
.header-section .header__columns,.header-section .spacing-style{max-width:100%!important;padding-inline:20px!important}
#header-component{--color-foreground:#1B2E5E;--color-foreground-rgb:27,46,94;--color-account-icon:#1B2E5E}
#header-component .header-actions__action{color:#1B2E5E!important}
.menu-list__link{color:#1B2E5E!important;font-weight:700}
.header--links,.menu-list__link:hover,.menu-list__link:focus-visible{color:#1B2E5E!important;text-decoration:underline!important;text-decoration-color:#F5C518!important;text-underline-offset:5px!important;text-decoration-thickness:2.5px!important}
a[href*="/collections/ofertas"],.menu-list a[href*="ofertas"]{color:#E53935!important}

/* MOBILE MENU DRAWER */
.menu-drawer{background-color:#1B2E5E!important;border-right:4px solid #FFD000!important;--color-background:#1B2E5E;--color-foreground:#FFFFFF;--color-foreground-rgb:255,255,255;--color-border:rgba(255,208,0,0.2);--menu-top-level-font-color:#FFFFFF;--menu-top-level-font-color-rgb:255,255,255;--menu-parent-font-color:rgba(255,255,255,0.88);--menu-parent-active-font-color:#FFD000;--menu-child-font-color:rgba(255,255,255,0.75);--menu-child-active-font-color:#FFD000}
.menu-drawer::before{content:'';display:block;width:100%;height:5px;background:linear-gradient(90deg,#FFD000 0%,#E8281E 100%);flex-shrink:0}
.menu-drawer__submenu{background-color:#1B2E5E!important}
.menu-drawer .menu-drawer__menu-item{color:#FFFFFF!important}
.menu-drawer .menu-drawer__menu-item:hover,.menu-drawer .menu-drawer__menu-item:focus-visible{color:#FFD000!important}
.header .menu-list__link,.header-navigation .menu-list__link,.header__menu .menu-list__link,header nav a{color:#1B2E5E!important;font-weight:700}
header a[href*="ofertas"],.header a[href*="ofertas"],nav a[href*="ofertas"],.menu-list a[href*="ofertas"]{color:#E53935!important}

/* FIX: Header siempre visible con fondo blanco */
.header-section{position:sticky!important;top:0!important;z-index:400!important}
#header-component[transparent]{--closed-underlay-height:100%!important}
.header[data-sticky-state='idle']{opacity:1!important}

/* FIX REAL: Header underlay — fondo blanco (el gradient falla cuando --top-row-height no está definido) */
.header__underlay-closed{background:#ffffff!important}