/* ============================================================
   Santa María Uniformes — Tema CLARO + paleta AZUL oficial (sept 2026)
   Se carga DESPUÉS de css/smu-theme.css. Invierte la base del sitio
   a tonos claros manteniendo navy y dorado como identidad.
   Para volver al sitio oscuro: quitar esta línea de las páginas
   (o borrar este archivo) y volver al logo img/logo-santamaria.png en el nav.
   ============================================================ */

:root{
  --paper:#f4f6f9;         /* fondo general (gris azulado muy claro) */
  --paper2:#ffffff;        /* tarjetas y bandas blancas */
  --paper3:#e2e8ef;        /* bordes suaves / cuadros de producto */
  --ink:#12336f;           /* texto principal: azul marino del emblema */
  --ink2:#5b6675;          /* texto secundario */
  --goldtext:#1b4f9c;      /* azul profundo para texto pequeño (nombre histórico de la variable) */
  --line:rgba(18,51,111,0.1);
  --lineStrong:rgba(18,51,111,0.2);

  /* remapeo de variables que usan las 116 páginas */
  --navy2:#ffffff;
  --offwhite:#12336f;
  --mid:#5b6675;
  --light:#1e3a66;
  --lino:#ffffff;
  --lino2:#e2e8ef;
  --tile:radial-gradient(120% 90% at 50% 18%,#ffffff 0%,#f5f7fa 58%,#e6ebf1 100%);
}
body{background:var(--paper);color:var(--ink)}
::selection{background:rgba(35,128,196,0.3);color:var(--ink)}

/* Todo el sitio es claro: no se conserva ningún bloque navy */

/* ---------- Navegación clara con logo navy ---------- */
nav{background:rgba(255,255,255,0.96);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(15,30,48,0.03)}
.nav-links a{color:#4a5563}
.nav-links a:hover{color:var(--goldtext)}
.smu-burger span{background:var(--ink)}
@media(max-width:900px){
  nav .nav-links.smu-open{background:rgba(255,255,255,0.98);border-bottom:1px solid var(--line)}
}
.breadcrumb{border-bottom-color:var(--line)}
.breadcrumb a{color:var(--goldtext)}
.breadcrumb span{color:rgba(15,30,48,0.3)}

/* ---------- Textos dorados pequeños: dorado más profundo ---------- */
.sec-label,.eyebrow-text,.card-cat,.card-cta,.card-price,.sub-cat,.related-h,.ficha-title,
.phone-role,.addr-label,.testi-stars,.epp-sec-num,.proc-title span,.foot-h,.cta-badge{color:var(--goldtext)}
.pc-count{background:#fff;color:var(--goldtext);border-color:rgba(35,128,196,0.55)}
.product-price{color:var(--goldtext)}
h1 em,.stat-num{background:linear-gradient(110deg,#12336f 10%,#2380c4 45%,#12336f 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ghost,.hero-ghost{-webkit-text-stroke:1px rgba(35,128,196,0.16)}
.hero.hero-v2 .hero-bg-glow{background:radial-gradient(ellipse at 60% 45%,rgba(35,128,196,0.18) 0%,transparent 62%)}
.hero-visual img{filter:drop-shadow(0 26px 30px rgba(15,30,48,0.28))}
.hv-polera{filter:drop-shadow(0 18px 24px rgba(15,30,48,0.25))}
.hero-v2 .hero-stats{border-top-color:var(--line)}

/* ---------- Botones ---------- */
.btn-ghost{border-color:var(--lineStrong);color:var(--ink)}
.btn-ghost:hover{border-color:rgba(35,128,196,0.7);background:rgba(35,128,196,0.08)}
.btn-wsp{color:#128c4a;border-color:rgba(18,140,74,0.45);background:rgba(37,211,102,0.08)}
.btn-wsp svg{fill:#128c4a}
.btn-pdf{color:var(--goldtext);border-color:rgba(35,128,196,0.5);background:rgba(35,128,196,0.08)}


/* ---------- Tarjetas y superficies blancas: bordes visibles, sombras suaves ---------- */
.card,.prod-card,.rubro,.testi,.ficha,.related-card,.val-item,.mv-card,.method,.process-visual,.phone-row,.social-btn,.thumb{
  border-color:var(--line);box-shadow:0 4px 14px rgba(15,30,48,0.05)
}
.prod-card:hover{box-shadow:0 16px 36px rgba(15,30,48,0.12)}
.card:hover{border-color:rgba(35,128,196,0.55)}
.card-img,.pc-img,.main-image-frame{border:1px solid var(--paper3);border-bottom:1px solid var(--paper3)}
.card-meta,.ficha-row,.address-row{border-top-color:var(--line);border-bottom-color:var(--line)}
.ficha-row:nth-child(even){background:rgba(15,30,48,0.03)}
.stock-note,.stock-note-p{color:#1b4f9c;background:rgba(35,128,196,0.12);border-left-color:var(--gold)}
.note{background:rgba(35,128,196,0.08);border-left-color:rgba(35,128,196,0.6)}
.rubro-icon,.vi,.mv-icon,.addr-icon,.proc-num,.m-icon{background:rgba(35,128,196,0.1);border-color:rgba(35,128,196,0.45)}
.rubro-icon svg,.vi svg,.mv-icon svg{stroke:var(--goldtext)}
.rubro:hover{background:#fff}
.testi::before{color:rgba(35,128,196,0.28)}
.testi-av{color:var(--ink)}
.social-btn{background:#fff}
.map-overlay-label{color:#f0eee8}

/* ---------- Personalización: banda blanca con tarjetas ---------- */
.custom-wrap{background:#fff;color:var(--ink);border-top:1px solid var(--paper3);border-bottom:1px solid var(--paper3)}
.custom-wrap .sec-h{color:var(--ink)}
.custom-wrap .sec-label{color:var(--goldtext)}
.custom-wrap .method,.custom-wrap .process-visual{background:var(--paper);border-color:var(--line);box-shadow:none}
.custom-wrap .method:hover{background:#fff;border-color:rgba(35,128,196,0.6)}
.custom-wrap .m-icon,.custom-wrap .proc-num{background:rgba(35,128,196,0.12);border-color:rgba(35,128,196,0.5)}
.custom-wrap .m-icon svg{stroke:var(--goldtext)}
.custom-wrap .m-title,.custom-wrap .proc-title,.custom-wrap .proc-num{color:var(--ink)}
.custom-wrap .m-desc,.custom-wrap .proc-desc{color:var(--ink2)}
.custom-wrap .proc-step{border-bottom-color:var(--line)}
.custom-wrap .process-visual>div:first-child{color:var(--goldtext) !important}

#clientes::before{background:var(--paper);border-color:var(--paper3)}
#clientes .sec-label{color:var(--goldtext)}

/* ---------- Llamado final: dorado suave sobre blanco ---------- */
.cta{background:linear-gradient(180deg,#fff 0%,#eef5fb 100%);color:var(--ink);border-top:1px solid var(--paper3);border-bottom:1px solid var(--paper3)}
.cta::before{background:radial-gradient(ellipse at 50% 100%,rgba(35,128,196,0.18) 0%,transparent 60%)}
.cta p{color:var(--ink2)}
.cta-badge{color:var(--goldtext);background:#fff;border-color:rgba(35,128,196,0.5)}
.cta h2 em{background:linear-gradient(110deg,#12336f 10%,#2380c4 45%,#12336f 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.contact-map-section{background:#fff;border-top:none}
.phone-row{background:var(--paper)}
.map-overlay-label{background:#fff;color:var(--ink);border-color:rgba(35,128,196,0.5)}

/* ---------- Pie de página claro ---------- */
footer{background:var(--paper);color:var(--ink);border-top:2px solid var(--gold)}
footer .foot-h{color:var(--goldtext)}
footer .foot-links a{color:var(--ink2)}
footer .foot-links a:hover{color:var(--goldtext)}
.foot-desc{color:var(--ink2)}
.social-btn{background:#fff;border-color:var(--line);color:var(--ink2)}
.social-btn:hover{color:var(--goldtext);border-color:rgba(35,128,196,0.6)}
.foot-bottom{background:var(--paper3);border-top:1px solid var(--line)}
.foot-copy{color:var(--ink2)}
.foot-copy a{color:var(--goldtext)}

/* ---------- Categorías / EPP ---------- */
.head{border-bottom:none}
.epp-filterbar{background:rgba(244,246,249,0.96);border-bottom-color:var(--line)}
.epp-chip{border-color:var(--lineStrong);color:var(--ink)}
.epp-chip .n{color:var(--ink2)}
.epp-chip:hover{color:var(--goldtext)}
.epp-sec-head{border-bottom-color:rgba(35,128,196,0.4)}
.epp-help-inner{background:#fff;color:var(--ink);border-color:rgba(35,128,196,0.45)}
.epp-help-inner p{color:var(--ink2)}
.cert{background:#fff;color:var(--goldtext);border-color:rgba(35,128,196,0.55)}
.card-desc{color:var(--ink2)}

/* ---------- Ficha de producto ---------- */
.product-desc strong{color:var(--ink)}
.feat li,.ficha-val{color:var(--light)}
.img-tag{color:var(--navy)}

/* ============================================================
   Botones flotantes en claro (redes sociales y WhatsApp)
   ============================================================ */
















body .smu-ch-head{background:linear-gradient(135deg,#eef5fb,#fff);border-bottom-color:var(--line)}
body .smu-ch-name{color:var(--ink)}
body .smu-ch-x{color:var(--ink2)}
body .smu-ch-x:hover{color:var(--goldtext)}
body .smu-ch-body{background:#fff}
body .smu-msg.bot{background:var(--paper);color:var(--ink);border-color:var(--line)}
body .smu-msg strong{color:var(--goldtext)}
body .smu-msg em{color:var(--ink2)}
body .smu-chip{background:#fff;border-color:rgba(35,128,196,0.55);color:var(--goldtext)}
body .smu-chip:hover{background:rgba(35,128,196,0.1)}
body .smu-card,body .smu-gi{background:#fff;border-color:var(--line);color:var(--ink)}
body .smu-card:hover,body .smu-gi:hover{border-color:rgba(35,128,196,0.6);background:#fff}
body .smu-card-img{background:var(--paper)}
body .smu-card-t{color:var(--ink)}
body .smu-card-m{color:var(--ink2)}
body .smu-b-ver{background:var(--paper);color:var(--ink)}
body .smu-b-ver:hover{background:var(--paper3)}
body .smu-typing{background:var(--paper)}
body .smu-typing i{background:var(--ink2)}
body .smu-ch-foot{background:var(--paper);border-top-color:var(--line)}
body .smu-ch-input{background:#fff;border-color:var(--lineStrong);color:var(--ink)}
body .smu-ch-input::placeholder{color:#8a94a1}
body .smu-ch-legal{color:#8a94a1}

/* Tintes dorados de smu-theme.css → azul */
::selection{background:rgba(58,155,224,0.35)}
nav{border-bottom:1px solid rgba(35,128,196,0.22)}
.btn-gold:hover{box-shadow:0 8px 22px rgba(35,128,196,0.35)}
.hero.hero-v2 .hero-bg-glow{background:radial-gradient(ellipse at 60% 45%,rgba(35,128,196,0.13) 0%,transparent 62%)}
.hv-ring{border:1px solid rgba(35,128,196,0.16)}
.hv-ring::after{border:1px solid rgba(35,128,196,0.07)}
.hv-tag{box-shadow:0 10px 30px rgba(35,128,196,0.35)}
.hv-tag::after{box-shadow:0 0 0 5px rgba(58,155,224,0.22)}
.ghost{-webkit-text-stroke:1px rgba(35,128,196,0.06)}
.pc-count{border-color:rgba(35,128,196,0.5)}
.custom-wrap .method:hover{border-color:rgba(35,128,196,0.55)}
.custom-wrap .m-icon{background:rgba(35,128,196,0.12);border-color:rgba(35,128,196,0.4)}
.custom-wrap .proc-num{border-color:rgba(35,128,196,0.6);background:rgba(35,128,196,0.1)}
.rubro-icon{background:rgba(35,128,196,0.08);border:1px solid rgba(35,128,196,0.25)}
.rubro:hover .rubro-icon{background:rgba(35,128,196,0.16);border-color:rgba(35,128,196,0.6)}
.cta{border-top:1px solid rgba(35,128,196,0.12)}
.cta::before{background:radial-gradient(ellipse at 50% 100%,rgba(35,128,196,0.12) 0%,transparent 60%)}
.contact-map-section{border-top:1px solid rgba(35,128,196,0.12)}
footer{border-top:1px solid rgba(35,128,196,0.18)}
.ficha{border-color:rgba(35,128,196,0.16)}
.related-card:hover{border-color:rgba(35,128,196,0.4)}
.epp-sec-head{border-bottom-color:rgba(35,128,196,0.22)}
.vi,.mv-icon{background:rgba(35,128,196,0.08);border:1px solid rgba(35,128,196,0.25)}

/* Tintes dorados de las páginas → azul (generado automáticamente) */
:root{--gold:#2380c4;--gold2:#3a9be0;--gold3:#62cdf2}
.logo-sub{background:linear-gradient(90deg,#2380c4,#62cdf2,#2380c4)}
nav{border-bottom:1px solid rgba(35,128,196,0.18)}
.card:hover{border-color:rgba(35,128,196,0.3)}
.stock-note{background:rgba(58,155,224,0.1)}












::selection{background:var(--gold,#2380c4)}
.card::before{background:linear-gradient(100deg,transparent,rgba(98,205,242,.10),transparent)}
.card:hover{border-color:rgba(35,128,196,.5) !important}
.nav-links a::after{background:linear-gradient(90deg,var(--gold,#2380c4),var(--gold3,#62cdf2))}
.smu-topbar{background:linear-gradient(90deg,var(--gold,#2380c4),var(--gold2,#3a9be0),var(--gold,#2380c4))}
.epp-filterbar{border-bottom:1px solid rgba(35,128,196,0.14)}
.epp-chip:hover{border-color:rgba(35,128,196,0.5)}
.epp-sec-head{border-bottom:1px solid rgba(35,128,196,0.18)}
.cert{border:1px solid rgba(35,128,196,0.35)}
.epp-help-inner{border:1px solid rgba(35,128,196,0.22)}
.hero-bg-glow{background:radial-gradient(ellipse,rgba(35,128,196,0.09) 0%,transparent 65%)}
.hero-ghost{-webkit-text-stroke:1px rgba(35,128,196,0.07)}
h1 em{background:linear-gradient(110deg,var(--gold) 20%,var(--gold3) 40%,#e6f5fd 50%,var(--gold3) 60%,var(--gold) 80%)}
.btn-gold{box-shadow:0 6px 22px rgba(35,128,196,0.28)}
.btn-gold:hover{box-shadow:0 10px 30px rgba(35,128,196,0.45)}
.btn-ghost:hover{border-color:rgba(35,128,196,0.55);background:rgba(35,128,196,0.06)}
.ghost{-webkit-text-stroke:1px rgba(35,128,196,0.09)}
.prod-card::before{background:linear-gradient(100deg,transparent,rgba(98,205,242,0.10),transparent)}
.prod-card:hover{border-color:rgba(35,128,196,0.45)}
.pc-img{background:radial-gradient(ellipse at 50% 70%,rgba(35,128,196,0.10) 0%,transparent 65%),linear-gradient(160deg,var(--navy3),#0a1826)}
.pc-count{border:1px solid rgba(35,128,196,0.35)}
.method:hover{border-color:rgba(35,128,196,0.35);background:rgba(35,128,196,0.05)}
.m-icon{background:rgba(35,128,196,0.1);border:1px solid rgba(35,128,196,0.25)}
.process-visual{border:1px solid rgba(35,128,196,0.16);background:rgba(35,128,196,0.03)}
.proc-num{border:1px solid rgba(35,128,196,0.4);background:rgba(35,128,196,0.06)}
.rubro:hover{border-color:rgba(35,128,196,0.4);background:rgba(35,128,196,0.05)}
.testi::before{color:rgba(27,79,156,0.16)}
.testi:hover{border-color:rgba(35,128,196,0.3)}
.testi-av{background:linear-gradient(135deg,rgba(35,128,196,0.25),rgba(35,128,196,0.08));border:1px solid rgba(35,128,196,0.35)}
.cta::before{background:linear-gradient(135deg,rgba(35,128,196,0.09) 0%,transparent 50%,rgba(35,128,196,0.05) 100%)}
.cta-glow{background:radial-gradient(ellipse,rgba(35,128,196,0.08) 0%,transparent 60%)}
.cta-badge{background:rgba(35,128,196,0.1);border:1px solid rgba(35,128,196,0.3)}
.cta h2 em{background:linear-gradient(110deg,var(--gold) 20%,var(--gold3) 45%,#e6f5fd 50%,var(--gold3) 55%,var(--gold) 80%)}
.phone-row:hover{border-color:rgba(35,128,196,0.3)}
.addr-icon{background:rgba(35,128,196,0.1);border:1px solid rgba(35,128,196,0.2)}
.map-overlay-label{border:1px solid rgba(35,128,196,0.3)}
.social-btn:hover{border-color:rgba(35,128,196,0.3)}
.val-item:hover{border-color:rgba(35,128,196,0.3)}
.ab-cta{background:linear-gradient(180deg,transparent,rgba(35,128,196,0.04))}
.btn-ghost{border:1.5px solid rgba(35,128,196,0.4)}
.stock-note-p{background:rgba(58,155,224,0.1)}
.swatch.active{box-shadow:0 0 0 2px rgba(35,128,196,0.3)}
.btn-pdf{background:rgba(35,128,196,0.08);border:1px solid rgba(35,128,196,0.25)}
.note{background:rgba(35,128,196,0.04);border-left:2px solid rgba(35,128,196,0.3)}
.related-card:hover{border-color:rgba(35,128,196,0.25)}
@media(max-width:900px){nav .nav-links.smu-open{border-bottom:1px solid rgba(35,128,196,0.18)}}
/* Chat de Marta */



body .smu-ch-head{border-bottom:1px solid rgba(35,128,196,.25)}
body .smu-ch-av{background:linear-gradient(135deg,#2380c4,#3a9be0)}
body .smu-ch-x:hover{color:#1b4f9c}
body .smu-ch-body::-webkit-scrollbar-thumb{background:rgba(35,128,196,.3)}
body .smu-msg.user{background:linear-gradient(135deg,#2380c4,#3a9be0)}
body .smu-msg strong{color:#1b4f9c}
body .smu-chip{background:rgba(35,128,196,.1);border:1px solid rgba(35,128,196,.4);color:#1b4f9c}
body .smu-chip:hover{background:rgba(35,128,196,.22)}
body .smu-card{border:1px solid rgba(35,128,196,.2)}
body .smu-card:hover{border-color:rgba(35,128,196,.5)}
body .smu-b-add{background:linear-gradient(135deg,#2380c4,#3a9be0)}
body .smu-gi{border:1px solid rgba(35,128,196,.22)}
body .smu-gi:hover{border-color:rgba(35,128,196,.55)}
body .smu-ch-foot{border-top:1px solid rgba(35,128,196,.18)}
body .smu-ch-input:focus{border-color:rgba(35,128,196,.55)}
body .smu-ch-send{background:linear-gradient(135deg,#2380c4,#3a9be0)}

/* ============================================================
   Paleta azul: botones y etiquetas con texto blanco, degradados
   ============================================================ */
:root{--gold:#2380c4;--gold2:#3a9be0;--gold3:#62cdf2;--navy:#12336f}
.smu-topbar,.ticker-item,.btn-gold,.nav-cta,.hv-tag,.epp-chip.active,.img-tag,.pc-count,.cert,.smu-b-add,.smu-ch-av{color:#fff}
.smu-topbar .tb-sep,.ticker-sep{background:rgba(255,255,255,0.55)}
.btn-gold svg{fill:#fff;stroke:#fff}
.hv-tag svg,.smu-ch-send svg{stroke:#fff}
.pc-count,.cert{background:linear-gradient(135deg,var(--gold),var(--gold2));border-color:transparent}

body .smu-ch-av{background:linear-gradient(135deg,#2380c4,#3a9be0)}
body .smu-b-add{background:linear-gradient(135deg,#2380c4,#3a9be0)}
body .smu-ch-send{background:linear-gradient(135deg,#2380c4,#3a9be0)}
body .smu-msg.user{background:linear-gradient(135deg,#2380c4,#3a9be0);color:#fff}
body .smu-msg.user strong{color:#fff}
h1 em,.stat-num,.cta h2 em{background:linear-gradient(110deg,#12336f 10%,#2380c4 45%,#12336f 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero.hero-v2 .hero-bg-glow{background:radial-gradient(ellipse at 60% 45%,rgba(35,128,196,0.16) 0%,transparent 62%)}
.hero-visual img{filter:drop-shadow(0 26px 30px rgba(18,51,111,0.28))}
.cta{background:linear-gradient(180deg,#fff 0%,#e9f4fc 100%)}
.cta::before{background:radial-gradient(ellipse at 50% 100%,rgba(35,128,196,0.16) 0%,transparent 60%)}
.rubro-icon,.vi,.mv-icon,.addr-icon,.proc-num,.m-icon,.custom-wrap .m-icon,.custom-wrap .proc-num{background:rgba(35,128,196,0.1);border-color:rgba(35,128,196,0.4)}
.stock-note,.stock-note-p{color:#1b4f9c;background:rgba(35,128,196,0.1);border-left-color:var(--gold)}
footer{border-top-color:var(--gold)}
.smu-watermark{opacity:0.05}

/* Logo un poco más grande en el nav */
nav .logo-svg-wrap img{height:54px !important}
@media(max-width:900px){nav .logo-svg-wrap img{height:46px !important}}