/* SAGUMA — Capa del manual de marca v1 (docs/SAGUMA-manual-de-marca-v1.md)
   Se carga en la home, el cotizador y las fichas de producto, después de
   brand/saguma-tokens.css y de saguma.css. Las secciones propias de la home
   están en assets/home.css. También la cargan contacto, privacidad y
   términos. invierno/ todavía carga solo saguma.css con DM Sans/Serif/Mono:
   por eso la marca va en una capa aparte y no la pisa hasta que se migre.
   Criterio: claridad primero, un solo punto de óxido, nada decorativo
   (sin degradés, sombras ni blur). */

/* ── Variables heredadas → tokens de marca ─────────────────────────
   saguma.css usa --navy, --orange, --blue, etc. en cientos de reglas.
   Remapearlas acá alinea todo de una vez sin tocar el archivo compartido. */
:root{
  --navy:var(--saguma-azul);--navy-mid:var(--saguma-azul);--navy-light:var(--saguma-azul);
  --blue:var(--saguma-azul);--blue-light:var(--saguma-azul);--sky:var(--saguma-ambar);
  --orange:var(--saguma-oxido);--orange-light:var(--saguma-ambar);--orange-dark:var(--saguma-oxido);
  --cream:var(--saguma-crema);--warm:var(--saguma-arena);--white:var(--saguma-blanco);
  --text:var(--saguma-azul);--muted:var(--saguma-grafito);--border:var(--saguma-arena);
  --shadow:none;--shadow-lg:none;
}

body{font-family:var(--font-texto);color:var(--saguma-azul);background:var(--saguma-crema);font-size:17px;line-height:26px;}
::selection{background:var(--saguma-arena);color:var(--saguma-azul);}
:focus-visible{outline-color:var(--saguma-azul);}
.skip-link{top:-80px;font-family:var(--font-texto);box-shadow:none;}
.skip-link:focus{top:12px;}

/* ── Firma: barra óxido debajo de títulos principales (ámbar sobre azul) ── */
.section-title::after,.cot-intro-title::after,.legal-titulo::after,.ficha-h1::after,.ficha-cierre-h2::after{
  content:'';display:block;width:56px;height:6px;margin-top:16px;background:var(--saguma-oxido);
}
.section-header .section-title::after{margin-left:auto;margin-right:auto;}
.section-dark .section-title::after,.ficha-h1::after,.ficha-cierre-h2::after{background:var(--saguma-ambar);}

/* ── Botones ───────────────────────────────────────────────────── */
.btn{font-family:var(--font-texto);font-size:16px;font-weight:600;letter-spacing:0;padding:14px 22px;border-radius:var(--radio-medio);}
.btn-primary,.btn-primary:hover{background:var(--saguma-oxido);color:var(--saguma-blanco);box-shadow:none;transform:none;}
.btn-primary:hover{text-decoration:underline;text-underline-offset:3px;}
.btn-outline{background:transparent;color:var(--saguma-crema);border:1.5px solid var(--saguma-crema);}
.btn-outline:hover{background:rgba(244,241,236,.1);color:var(--saguma-crema);border-color:var(--saguma-crema);}

/* ── Header: barra blanca con logo horizontal color ────────────── */
.nav-bar{background:var(--saguma-blanco);backdrop-filter:none;border-bottom:1px solid var(--saguma-arena);}
.nav-bar.scrolled{box-shadow:none;}
.nav-logo{padding:6px 0;}
.nav-logo img{display:block;height:36px;width:auto;min-width:120px;}
.nav-links a{color:var(--saguma-azul);font-family:var(--font-texto);font-size:15px;font-weight:600;letter-spacing:0;border-radius:var(--radio-medio);}
.nav-links a:hover{color:var(--saguma-azul);background:var(--saguma-crema);}
.nav-links a.active{color:var(--saguma-azul);background:transparent;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;}
.nav-links a.nav-cta,.nav-links a.nav-cta:hover{background:var(--saguma-oxido)!important;color:var(--saguma-blanco)!important;box-shadow:none!important;padding:10px 18px!important;text-decoration:none;margin-left:8px;}
.nav-toggle{color:var(--saguma-azul);display:none;align-items:center;justify-content:center;}
/* Con "Calzado" el menú tiene hasta 6 ítems: en tablet se achica el aire y
   "Inicio" se oculta (el logo ya lleva a la home) para que entre en una línea. */
@media(min-width:769px){.nav-links a{white-space:nowrap;}}
@media(min-width:769px) and (max-width:1023px){
  .nav-links{gap:2px;}
  .nav-links a{padding:8px 10px;font-size:14px;}
  .nav-links a[href="/"]{display:none;}
}
.nav-toggle svg{display:block;}
@media(max-width:768px){
  .nav-toggle{display:flex;}
  .nav-links{background:var(--saguma-blanco);border-bottom:1px solid var(--saguma-arena);}
  .nav-links a.nav-cta{margin:8px 0 0;text-align:center;}
}

/* ── Secciones ─────────────────────────────────────────────────── */
.section-white{background:var(--saguma-crema);}
.section-label{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--saguma-grafito);}
.section-dark .section-label{color:rgba(244,241,236,.8);}
.section-title{font-family:var(--font-titulos);font-weight:700;font-size:clamp(30px,3.5vw,36px);line-height:1.17;color:var(--saguma-azul);margin-bottom:20px;}
.section-dark .section-title{color:var(--saguma-crema);}
.section-desc{font-size:17px;line-height:26px;color:var(--saguma-grafito);}
.section-dark .section-desc{color:rgba(244,241,236,.8);}

/* Banda al cotizador: el único botón óxido de la sección. */
.cta-band{background:var(--saguma-azul);border-radius:var(--radio-grande);}
.cta-band-text{color:rgba(244,241,236,.85);font-size:17px;line-height:26px;}
.cta-band-text strong{font-family:var(--font-titulos);font-weight:700;font-size:24px;line-height:30px;color:var(--saguma-crema);}

/* ── Footer (fondo azul: logo negativo) ────────────────────────── */
.footer{background:var(--saguma-azul);color:rgba(244,241,236,.8);}
.footer-logo{margin-bottom:20px;}
.footer-logo img{display:block;height:36px;width:auto;min-width:120px;}
.footer-desc{font-size:15px;line-height:23px;}
.footer-title{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:rgba(244,241,236,.7);}
.footer-links a{color:rgba(244,241,236,.8);font-size:15px;}
.footer-links a:hover{color:var(--saguma-crema);text-decoration:underline;}
.footer-contact-item{font-size:15px;}
.footer-contact-item svg{stroke:rgba(244,241,236,.7);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.footer-bottom{border-top-color:rgba(244,241,236,.16);font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;color:rgba(244,241,236,.7);}
.section-dark :focus-visible,.cta-band :focus-visible,.footer :focus-visible,.portada :focus-visible{outline-color:var(--saguma-ambar);}

.toast{font-family:var(--font-texto);box-shadow:none;border-radius:var(--radio-medio);}

/* ══ COTIZADOR (/cotizador/) ═════════════════════════════════════
   El óxido queda solo en el botón de avance; pasos, progreso,
   selección y foco van en azul. */
#cotizador{background:var(--saguma-crema);}
.cot-intro-title{font-family:var(--font-titulos);font-weight:700;font-size:clamp(38px,5vw,56px);line-height:1.07;color:var(--saguma-azul);margin-bottom:24px;}
/* Firma azul: el botón óxido de avance ya está en la misma vista. */
.cot-intro-title::after{background:var(--saguma-azul);}
.cot-intro-sub,.cot-ayuda{font-size:17px;line-height:26px;color:var(--saguma-grafito);}
.cot-ayuda a{color:var(--saguma-oxido);text-decoration:underline;text-underline-offset:3px;border-bottom:none;}
.cotizador-wrap{border:1.5px solid var(--saguma-arena);border-top:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);box-shadow:none;}
.cotizador-header{background:var(--saguma-azul);}
.cotizador-header h2,.cotizador-header h3{font-family:var(--font-titulos);font-weight:700;font-size:24px;line-height:30px;color:var(--saguma-crema);}
.cotizador-header p{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,241,236,.85);}
.cotizador-steps{border-bottom-color:var(--saguma-arena);}
.cot-step{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--saguma-grafito);}
.cot-step.active{color:var(--saguma-azul);font-weight:500;}
.cot-step.active::after{background:var(--saguma-azul);}
.cot-step.done{color:var(--saguma-azul);}
.cot-progreso-label{font-family:var(--font-mono);font-weight:500;}
.cot-progreso-label strong{color:var(--saguma-azul);}
.cot-progreso-track{background:var(--saguma-arena);}
.cot-progreso-fill{background:var(--saguma-azul);}
.cot-instruccion{font-size:15px;color:var(--saguma-grafito);margin-bottom:20px;}
.cat-select-card{border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.cat-select-card:hover{border-color:var(--saguma-azul);}
.cat-select-card.selected{border:2px solid var(--saguma-azul);background:var(--saguma-crema);}
.cat-select-img-wrap,.cat-select-no-img,.prod-img-empty{background:var(--saguma-arena);}
.cat-select-name{font-family:var(--font-texto);font-weight:800;font-size:14px;color:var(--saguma-azul);}
.cat-select-count,.summary-talles,.talle-label,.talle-summary,.qty-warning,.qty-total-num{font-family:var(--font-mono);font-weight:500;}
.cat-count-bar{font-family:var(--font-mono);font-weight:500;color:var(--saguma-azul);}
.items-table th{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--saguma-grafito);border-bottom-color:var(--saguma-arena);}
.items-table td{border-bottom-color:var(--saguma-arena);font-size:14px;}
.items-table tr:hover{background:var(--saguma-crema);}
@media(max-width:600px){.items-table td[data-label]::before{font-family:var(--font-mono);font-weight:500;}}
.item-check{accent-color:var(--saguma-azul);}
.item-qty,.item-custom,.item-color,.talle-input,.form-input,.form-textarea,.form-select{font-family:var(--font-texto);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-medio);background:var(--saguma-blanco);color:var(--saguma-azul);}
.item-qty:focus,.item-custom:focus,.item-color:focus,.form-input:focus,.form-textarea:focus,.form-select:focus,.talle-input:focus{border-color:var(--saguma-azul);box-shadow:none;outline:none;}
.talle-input.has-value{border-color:var(--saguma-azul);background:var(--saguma-crema);}
.form-label{font-family:var(--font-texto);font-weight:600;font-size:14px;letter-spacing:0;text-transform:none;color:var(--saguma-azul);}
.talle-card{border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.talle-product{font-weight:800;color:var(--saguma-azul);}
.talle-badge{font-family:var(--font-mono);font-weight:500;border-radius:var(--radio-chico);}
.talle-badge.pending{background:var(--saguma-crema);color:var(--saguma-azul);}
.talle-note,.cot-nota{margin-top:16px;padding:12px 16px;background:var(--saguma-crema);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-medio);font-size:14px;line-height:21px;color:var(--saguma-grafito);}
.cot-nota strong{color:var(--saguma-azul);}
.cot-aviso{margin-top:16px;padding:12px 16px;background:var(--saguma-crema);border:1.5px solid var(--saguma-arena);border-left:6px solid var(--saguma-azul);border-radius:var(--radio-medio);font-size:15px;font-weight:600;color:var(--saguma-azul);}
.cot-actions{border-top-color:var(--saguma-arena);box-shadow:none;}
.btn-back{color:var(--saguma-azul);border:1.5px solid var(--saguma-azul);}
.btn-back:hover{color:var(--saguma-azul);border-color:var(--saguma-azul);background:var(--saguma-crema);}
.summary-section{background:var(--saguma-crema);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.summary-title{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--saguma-grafito);}
.summary-item{font-size:15px;}
.cot-success h3{font-family:var(--font-titulos);font-weight:700;font-size:28px;color:var(--saguma-azul);}
.cot-success p{font-size:15px;color:var(--saguma-grafito);}
.cot-error{border-color:var(--saguma-arena);}
.cot-error a{color:var(--saguma-oxido);text-decoration:underline;}
.btn-wa-sm{font-family:var(--font-texto);border-radius:var(--radio-medio);}
.img-lightbox img{box-shadow:none;}

/* ══ FICHAS DE PRODUCTO (/productos/<slug>/) ═════════════════════ */
.ficha-hero{background:var(--saguma-azul);}
.ficha-hero-velo{background:rgba(10,30,61,.9);}
.ficha-hero-grilla{display:none;}
.ficha-migas{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;color:rgba(244,241,236,.75);}
.ficha-migas a{color:rgba(244,241,236,.75);}
.ficha-migas a:hover{color:var(--saguma-crema);text-decoration:underline;}
.ficha-migas strong{color:var(--saguma-crema);font-weight:500;}
.ficha-badge{background:transparent;border:1px solid rgba(244,241,236,.3);border-radius:var(--radio-chico);font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--saguma-crema);}
.ficha-badge-punto{background:var(--saguma-ambar);border-radius:1px;}
.ficha-h1{font-family:var(--font-titulos);font-weight:700;font-size:clamp(38px,5.2vw,56px);line-height:1.07;color:var(--saguma-crema);margin-bottom:24px;}
/* Zilla se carga sin itálica: el énfasis va en ámbar, sin degradé. */
.ficha-h1 em{font-style:normal;background:none;-webkit-text-fill-color:currentColor;color:var(--saguma-ambar);}
.ficha-hero-sub{font-size:17px;line-height:26px;color:rgba(244,241,236,.85);}
.hero-chip{font-size:15px;font-weight:600;color:var(--saguma-crema);}
.btn-cta-grande{padding:14px 22px;font-size:16px;}
.ficha-hero-img{background:var(--saguma-arena);box-shadow:none;border-radius:var(--radio-grande);}
.ficha-stats{background:var(--saguma-azul);border:1px solid rgba(244,241,236,.24);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--radio-grande);}
.ficha-stat-num{font-family:var(--font-titulos);font-weight:700;color:var(--saguma-crema);}
.ficha-stat-lbl{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.14em;color:rgba(244,241,236,.8);}

.var-card{background:var(--saguma-blanco);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.var-card:hover{transform:none;box-shadow:none;border-color:var(--saguma-azul);}
.var-img{background:var(--saguma-arena);}
.var-tag{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;border-radius:var(--radio-chico);}
.var-tag-azul{background:var(--saguma-blanco);color:var(--saguma-azul);}
.var-tag-naranja{background:var(--saguma-azul);color:var(--saguma-crema);}
.var-nombre{font-family:var(--font-titulos);font-weight:700;font-size:24px;line-height:30px;color:var(--saguma-azul);}
.var-desc{font-size:15px;line-height:23px;color:var(--saguma-grafito);}
.var-feats li{font-size:15px;color:var(--saguma-azul);}
.var-pie{border-top-color:var(--saguma-arena);}
.var-nota{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;color:var(--saguma-grafito);}
.var-link{font-size:15px;color:var(--saguma-azul);}
.var-link:hover{gap:6px;text-decoration:underline;text-underline-offset:3px;}

.spec-card{background:var(--saguma-blanco);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.spec-icono{background:transparent;border:none;width:24px;height:24px;border-radius:0;margin-bottom:16px;}
.spec-icono svg{width:24px;height:24px;}
.spec-label{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--saguma-grafito);}
.spec-valor{font-family:var(--font-titulos);font-weight:700;font-size:22px;line-height:28px;color:var(--saguma-azul);}
.spec-nota{font-size:15px;line-height:23px;color:var(--saguma-grafito);}
.rubros-bloque{background:var(--saguma-azul);border-radius:var(--radio-grande);}
.rubros-bloque .spec-label{color:rgba(244,241,236,.8);}
.rubros-lista li{font-size:15px;color:var(--saguma-crema);background:transparent;border:1px solid rgba(244,241,236,.3);border-radius:var(--radio-chico);}

.faq-item{background:var(--saguma-blanco);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.faq-q{font-family:var(--font-texto);font-size:17px;font-weight:600;color:var(--saguma-azul);}
.faq-q:hover{color:var(--saguma-azul);text-decoration:underline;text-underline-offset:3px;}
.faq-mas{background:var(--saguma-crema);color:var(--saguma-azul);}
.faq-a p{font-size:16px;line-height:25px;color:var(--saguma-grafito);}

.ficha-cierre{background:var(--saguma-azul);border-radius:var(--radio-grande);}
.ficha-cierre-glow{display:none;}
.ficha-cierre-h2{font-family:var(--font-titulos);font-weight:700;font-size:clamp(30px,4vw,42px);line-height:1.15;color:var(--saguma-crema);margin-bottom:24px;}
.ficha-cierre-sub{font-size:17px;line-height:26px;color:rgba(244,241,236,.85);}
.ficha-cierre-nota{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;color:rgba(244,241,236,.8);}
.ficha-hero :focus-visible,.ficha-cierre :focus-visible,.rubros-bloque :focus-visible{outline-color:var(--saguma-ambar);}

.barra-fija{background:var(--saguma-blanco);backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--saguma-arena);box-shadow:none;}
.barra-fija-cta{border-radius:var(--radio-medio);font-size:16px;}
.barra-fija-wa{border:1.5px solid var(--saguma-arena);border-radius:var(--radio-medio);}

/* ══ PÁGINAS INSTITUCIONALES (/contacto/, /privacidad/, /terminos/) ══ */
.breadcrumb{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;color:var(--saguma-grafito);margin-bottom:24px;}
.breadcrumb a{color:var(--saguma-grafito);text-decoration:none;}
.breadcrumb a:hover{color:var(--saguma-azul);text-decoration:underline;}
.breadcrumb span{margin:0 6px;opacity:.6;}
.breadcrumb strong{font-weight:500;color:var(--saguma-azul);}
.legal-titulo{font-family:var(--font-titulos);font-weight:700;font-size:clamp(38px,5vw,56px);line-height:1.07;color:var(--saguma-azul);margin:8px 0 20px;}
.legal-intro{font-size:17px;line-height:26px;color:var(--saguma-grafito);max-width:36em;}
.legal-fecha{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--saguma-grafito);}
.legal-body h2{font-family:var(--font-titulos);font-weight:700;font-size:24px;line-height:30px;color:var(--saguma-azul);margin:40px 0 12px;}
.legal-body p,.legal-body li{font-size:17px;line-height:27px;color:var(--saguma-grafito);}
.legal-body strong{font-weight:600;color:var(--saguma-azul);}
.legal-body a{color:var(--saguma-oxido);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;}
.contacto-card{background:var(--saguma-blanco);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
a.contacto-card:hover{border-color:var(--saguma-azul);box-shadow:none;transform:none;}
.contacto-card-icono{background:transparent;border:none;width:24px;height:24px;border-radius:0;color:var(--saguma-azul);margin-bottom:16px;}
.contacto-card-titulo,.contacto-dato-label{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--saguma-grafito);}
.contacto-card-valor{font-family:var(--font-titulos);font-weight:700;font-size:22px;line-height:28px;color:var(--saguma-azul);}
.contacto-card-lead .contacto-card-valor{font-size:26px;line-height:32px;}
.contacto-datos{background:var(--saguma-blanco);border:1.5px solid var(--saguma-arena);border-radius:var(--radio-grande);}
.contacto-dato-valor{font-size:16px;color:var(--saguma-azul);}