:root{--azul:#1d5596;--azul2:#2f7cc4;--satin:linear-gradient(135deg,#17467f 0%,#2a6db5 45%,#5b9ad6 62%,#2a6db5 78%,#1b4f8e 100%);--acento:#e07a1f;--gris:#f4f6f8;--texto:#1f2933;--suave:#5b6773;--borde:#dde3e9;--radio:10px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--texto);line-height:1.6;background:#fff}
img{max-width:100%;display:block}
a{color:var(--azul2)}
.contenedor{width:min(1140px,92%);margin:0 auto}
.ph{background:#fff36b;color:#222;padding:0 .3em;border-radius:3px;font-weight:600;outline:1px dashed #c9b200}
/* Encabezado */
.encabezado{background:var(--azul);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.encabezado .contenedor{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;flex-wrap:wrap}
.marca{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:.5rem}
.marca .ph{font-size:1rem}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:1.3rem;border-radius:6px;padding:.2rem .6rem;cursor:pointer}
.nav ul{list-style:none;display:flex;gap:.3rem;margin:0;padding:0}
.nav a{color:#fff;text-decoration:none;padding:.5rem .9rem;border-radius:6px;font-weight:500}
.nav a:hover,.nav a[aria-current="page"]{background:rgba(255,255,255,.15)}
/* Hero */
.hero{background:linear-gradient(135deg,rgba(15,61,94,.95),rgba(27,106,156,.85)),url("../img/tocadores.jpg") center/cover;color:#fff;padding:5rem 0 4.5rem}
.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:0 0 1rem;max-width:20ch}
.hero p{font-size:1.15rem;max-width:58ch;margin:0 0 1.8rem;opacity:.95}
.hero .ph{font-size:1rem}
.botones{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.85rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid transparent;cursor:pointer;font-size:1rem}
.btn-primario{background:var(--acento);color:#fff}
.btn-primario:hover{background:#c96a14}
.btn-secundario{border-color:#fff;color:#fff;background:transparent}
.btn-secundario:hover{background:rgba(255,255,255,.12)}
.btn-oscuro{background:var(--azul);color:#fff}
/* Secciones */
section{padding:3.5rem 0}
.gris{background:var(--gris)}
h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .5rem;color:var(--azul)}
.intro{color:var(--suave);max-width:65ch;margin:0 0 2rem}
.cuadricula{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.ventaja{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:1.5rem}
.ventaja .icono{font-size:2rem;line-height:1}
.ventaja h3{margin:.6rem 0 .4rem;color:var(--azul);font-size:1.15rem}
.ventaja p{margin:0;color:var(--suave)}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.tarjeta:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.tarjeta img,.tarjeta .sin-foto{aspect-ratio:4/3;object-fit:cover;width:100%}
.tarjeta .cuerpo{padding:1rem 1.1rem 1.2rem}
.tarjeta h3{margin:0 0 .3rem;font-size:1.1rem;color:var(--azul)}
.tarjeta p{margin:0;color:var(--suave);font-size:.95rem}
.sin-foto{background:repeating-linear-gradient(45deg,#e9edf1,#e9edf1 12px,#f4f6f8 12px,#f4f6f8 24px);display:flex;align-items:center;justify-content:center;color:#7b8794;font-weight:600;text-align:center;padding:1rem}
.cta{background:var(--azul);color:#fff;text-align:center}
.cta h2{color:#fff}
.cta p{opacity:.9;margin:0 auto 1.5rem;max-width:55ch}
.cta .botones{justify-content:center}
/* Productos */
.aviso{background:#fff8e1;border-left:5px solid var(--acento);padding:1rem 1.2rem;border-radius:6px;margin:0 0 2rem}
.indice{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2.5rem;padding:0;list-style:none}
.indice a{display:inline-block;padding:.4rem .9rem;border:1px solid var(--borde);border-radius:999px;text-decoration:none;color:var(--azul);background:#fff;font-size:.95rem}
.indice a:hover{background:var(--azul);color:#fff}
.categoria{display:grid;grid-template-columns:320px 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--borde);scroll-margin-top:80px}
.categoria .foto img,.categoria .foto .sin-foto{border-radius:var(--radio);aspect-ratio:4/3;object-fit:cover;width:100%}
.categoria h2{margin-bottom:.3rem}
.categoria .desc{color:var(--suave);margin:0 0 1rem}
.lista{list-style:none;margin:0;padding:0;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.lista li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--borde)}
.lista li:nth-child(even){background:var(--gris)}
.lista li:last-child{border-bottom:0}
.precio{font-weight:700;color:var(--azul);white-space:nowrap}
/* Contacto */
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.datos{list-style:none;padding:0;margin:0}
.datos li{padding:.75rem 0;border-bottom:1px solid var(--borde);display:flex;gap:.8rem}
.datos strong{min-width:120px;color:var(--azul)}
form{background:var(--gris);padding:1.5rem;border-radius:var(--radio);border:1px solid var(--borde)}
label{display:block;font-weight:600;margin:.8rem 0 .3rem}
input,textarea,select{width:100%;padding:.7rem .8rem;border:1px solid #c5ced8;border-radius:6px;font:inherit;background:#fff}
textarea{min-height:130px;resize:vertical}
form .btn{margin-top:1.2rem;width:100%}
.nota{font-size:.9rem;color:var(--suave);margin-top:.8rem}
/* Pie */
.pie{background:#0b2c44;color:#cfd8e0;padding:2.5rem 0 1.5rem;font-size:.95rem}
.pie .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}
.pie h4{color:#fff;margin:0 0 .6rem}
.pie a{color:#cfd8e0}
.pie ul{list-style:none;margin:0;padding:0}
.pie li{margin:.25rem 0}
.pie .legal{border-top:1px solid rgba(255,255,255,.15);margin-top:1.8rem;padding-top:1rem;font-size:.85rem;text-align:center}
@media (max-width:800px){
  .nav-toggle{display:block}
  .nav{width:100%;display:none;padding-bottom:.8rem}
  .nav.abierto{display:block}
  .nav ul{flex-direction:column}
  .categoria{grid-template-columns:1fr;gap:1rem}
  .dos-col{grid-template-columns:1fr}
  .hero{padding:3.5rem 0}
}
@media (max-width:480px){.lista li{flex-direction:column;gap:.1rem}}
/* Catálogo */
.filtros{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:0 0 1rem}
.filtros input[type=search]{flex:1 1 260px;width:auto}
.filtros select{flex:0 1 260px;width:auto}
.check{display:flex;align-items:center;gap:.4rem;margin:0;font-weight:500}
.check input{width:auto}
.indice a.activo{background:var(--azul);color:#fff}
.desc-cat{background:var(--gris);padding:.8rem 1rem;border-radius:6px;margin:0 0 1rem}
.conteo{color:var(--suave);margin:0 0 1rem;font-size:.95rem}
.catalogo{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.producto{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column}
.foto-prod{position:relative}
.foto-prod img,.foto-prod .sin-foto{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f4f6f8}
.insignia{position:absolute;top:.6rem;left:.6rem;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff}
.insignia.stock{background:#1e8e3e}.insignia.reservado{background:#d98200}.insignia.vendido{background:#6b7280}
.producto .cuerpo{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;flex:1}
.producto .cat{margin:0;color:var(--suave);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.producto h3{margin:.2rem 0 .5rem;font-size:1.02rem;color:var(--texto);line-height:1.3}
.producto .meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 .6rem}
.producto .precio{font-size:1.25rem}
.cond{font-size:.85rem;background:#e8f3ec;color:#1e6b36;padding:.1rem .5rem;border-radius:4px}
.cond.alerta{background:#fde8e8;color:#9b1c1c}
.producto .notas{font-size:.88rem;color:var(--suave);margin:0 0 .6rem}
.producto .btn{margin-top:auto;text-align:center;padding:.65rem 1rem}
.producto.vendido{opacity:.55;filter:grayscale(1)}
/* Producto agotado (cantidad 0): sigue visible; foto atenuada, insignia roja grande */
.insignia.agotado{background:#c62828;font-size:.95rem;padding:.35rem .85rem;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.producto.agotado .car-host{filter:grayscale(1);opacity:.6}
.producto.agotado .precio{color:#6b7280}
.btn-agotado{background:#fde8e8;color:#9b1c1c;border:1px solid #c62828;font-weight:700;cursor:not-allowed}
.insignia-det.agotado{background:#c62828;font-size:1.05rem;padding:.4rem 1rem;text-transform:uppercase;letter-spacing:.03em}
.aviso-agotado{margin:.6rem 0 .2rem;padding:.6rem .9rem;border-left:5px solid #c62828;background:#fde8e8;color:#9b1c1c;font-weight:700;border-radius:4px}
.det-info.agotado .det-precio .precio{color:#6b7280}
.detalle.agotado #galeria{filter:grayscale(.7);opacity:.8}
.btn-deshabilitado{background:#d1d5db;color:#374151;cursor:default}
.vacio{grid-column:1/-1;color:var(--suave)}
.producto .detalle{color:#9b1c1c}
/* ===== Menú con submenú de categorías ===== */
.encabezado .contenedor{position:relative}
.nav ul{align-items:center}
.nav .drop{position:static}
.drop-cab{display:flex;align-items:center}
.drop-toggle,.sec-toggle{background:none;border:0;color:inherit;cursor:pointer;font-size:1rem;padding:.45rem .5rem;border-radius:6px;line-height:1}
.drop-toggle:hover,.drop-toggle:focus-visible{background:rgba(255,255,255,.15)}
.drop.abierto .drop-toggle{transform:rotate(180deg)}
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--texto);border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:1.4rem 1.6rem 1rem;z-index:20}
.drop.abierto .mega{display:block}
.mega-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.mega-tit{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--acento);margin-bottom:.4rem}
.nav .mega-tit a{color:var(--azul);font-weight:700;font-size:1.05rem;padding:.3rem 0;background:none}
.sec-toggle{display:none;color:var(--azul)}
.mega-sub{list-style:none;margin:0;padding:0;display:block!important}
.nav .mega-sub li{display:block}
.nav .mega a{color:var(--texto);display:flex;justify-content:space-between;gap:.5rem;padding:.32rem .4rem;border-radius:5px;font-weight:400}
.nav .mega a:hover,.nav .mega a:focus-visible{background:var(--gris);color:var(--azul2)}
.nav .mega a.vacia{color:#9aa5b1}
.mega .n{font-size:.75rem;color:var(--suave);background:var(--gris);border-radius:999px;padding:0 .45rem;align-self:center}
.mega-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;border-top:1px solid var(--borde);margin-top:1rem;padding-top:.8rem}
.nav .mega .mega-oferta{background:#fff3e6;color:#9a4d00;font-weight:600;padding:.45rem .8rem}
.nav .mega .mega-todo{color:var(--azul2);font-weight:600;padding:.45rem .8rem}
a:focus-visible,button:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
@media (max-width:800px){
  .nav ul{align-items:stretch}
  .nav .drop{display:block}
  .drop-cab{justify-content:space-between}
  .drop-cab a{flex:1}
  .drop-toggle{font-size:1.2rem;padding:.5rem .9rem}
  .mega{position:static;box-shadow:none;border-radius:8px;padding:.4rem .6rem;margin:.2rem 0 .4rem;background:rgba(255,255,255,.06);color:#fff}
  .mega-cols{grid-template-columns:1fr;gap:0}
  .mega-tit{border-bottom:1px solid rgba(255,255,255,.15);margin:0}
  .nav .mega-tit a{color:#fff;flex:1}
  .sec-toggle{display:block;color:#fff;font-size:1.1rem;padding:.5rem .9rem}
  .mega-col.abierto .sec-toggle{transform:rotate(180deg)}
  .mega-sub{display:none!important;padding:.2rem 0 .5rem .8rem}
  .mega-col.abierto .mega-sub{display:block!important}
  .nav .mega a{color:#e6edf3}
  .nav .mega a.vacia{color:#8ea3b5}
  .nav .mega a:hover,.nav .mega a:focus-visible{background:rgba(255,255,255,.12);color:#fff}
  .mega .n{background:rgba(255,255,255,.15);color:#fff}
  .mega-pie{border-top-color:rgba(255,255,255,.15);flex-direction:column}
  .nav .mega .mega-oferta{background:rgba(224,122,31,.25);color:#fff}
  .nav .mega .mega-todo{color:#fff}
}
.sin-foto.oferta{background:linear-gradient(135deg,#fff3e6,#ffe0bf);color:#9a4d00;font-size:1.4rem}
/* ===== Catálogo: migas, lateral ===== */
.catalogo-sec{padding-top:1.5rem}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 1rem;padding:0;font-size:.9rem;color:var(--suave)}
.migas li+li::before{content:"›";margin-right:.3rem;color:#9aa5b1}
.migas a{color:var(--azul2);text-decoration:none}
.migas a:hover{text-decoration:underline}
.cat-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem;align-items:start}
.lateral{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto}
.lateral details{border:1px solid var(--borde);border-radius:var(--radio);background:#fff}
.lateral summary{font-weight:700;color:var(--azul);padding:.8rem 1rem;cursor:pointer;border-bottom:1px solid var(--borde)}
.arbol,.arbol ul{list-style:none;margin:0;padding:0}
.arbol{padding:.4rem}
.arbol ul{padding-left:.6rem;margin-bottom:.3rem}
.arbol a{display:flex;justify-content:space-between;gap:.4rem;padding:.3rem .5rem;border-radius:5px;text-decoration:none;color:var(--texto);font-size:.93rem}
.arbol a:hover{background:var(--gris)}
.arbol a.activo{background:var(--azul);color:#fff}
.arbol a.activo .n{background:rgba(255,255,255,.25);color:#fff}
.arbol a[data-vacia]{color:#9aa5b1}
.arbol-sec{margin-top:.3rem;border-top:1px solid var(--borde);padding-top:.3rem}
.arbol-sec>a strong{color:var(--azul)}
.arbol-sec>a.activo strong{color:#fff}
.arbol-esp{margin-top:.4rem;border-top:1px solid var(--borde);padding-top:.4rem}
.arbol-esp a{color:#9a4d00;font-weight:600}
.arbol .n{font-size:.75rem;color:var(--suave);background:var(--gris);border-radius:999px;padding:0 .45rem;align-self:center}
.precio.consultar{font-size:1rem;color:var(--acento)}
@media (max-width:800px){
  .cat-layout{grid-template-columns:1fr;gap:1rem}
  .lateral{position:static;max-height:none}
}
/* ===== Accesibilidad e idiomas ===== */
.saltar{position:absolute;left:-999px;top:0;background:#fff;color:var(--azul);padding:.6rem 1rem;z-index:100;border-radius:0 0 6px 0}
.saltar:focus{left:0}
.nav .idiomas{margin-left:.4rem}
.sel-idioma{display:flex;border:1px solid rgba(255,255,255,.45);border-radius:999px;overflow:hidden}
.sel-idioma button{background:none;border:0;color:#fff;font:inherit;font-size:.85rem;font-weight:600;padding:.35rem .7rem;cursor:pointer}
.sel-idioma button+button{border-left:1px solid rgba(255,255,255,.35)}
.sel-idioma button[aria-pressed="true"]{background:#fff;color:var(--azul)}
.sel-idioma button:hover:not([aria-pressed="true"]){background:rgba(255,255,255,.15)}
.sin-foto{flex-direction:column}
@media (max-width:800px){
  .nav .idiomas{margin:.6rem 0 0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.15)}
  .sel-idioma{width:max-content}
  .sel-idioma button{padding:.5rem 1rem}
}
/* ===== Hindi (devanagari): fuentes del sistema, sin descargas ===== */
html[lang="hi"] body,html[lang="hi"] input,html[lang="hi"] textarea,html[lang="hi"] select,html[lang="hi"] button{
  font-family:"Noto Sans Devanagari","Nirmala UI","Mangal","Kohinoor Devanagari","Devanagari Sangam MN","Lohit Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html[lang="hi"] body{line-height:1.7}
html[lang="hi"] .hero h1{line-height:1.35}
/* ===== Carrusel de fotos ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.car{position:relative;overflow:hidden;background:#f4f6f8;outline:none}
.car:focus-visible{outline:3px solid #ffbf47;outline-offset:-3px}
.car-vista{display:block;overflow:hidden;touch-action:pan-y;cursor:pointer}
div.car-vista{cursor:grab}
.car-pista{display:flex;transition:transform .35s ease;will-change:transform}
.car-slide{flex:0 0 100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f4f6f8}
.car-slide img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--azul);
  font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2;padding:0 0 3px}
.car-ant{left:.5rem}.car-sig{right:.5rem}
.car:hover .car-btn,.car:focus-within .car-btn{opacity:1}
.car-btn:hover{background:#fff}
@media (hover:none){.car-btn{opacity:.9}}
.car-puntos{position:absolute;left:0;right:0;bottom:.5rem;display:flex;justify-content:center;gap:.35rem;z-index:2}
.car-punto{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:rgba(255,255,255,.75);padding:0;cursor:pointer}
.car-punto[aria-current="true"]{background:var(--acento);border-color:var(--acento);transform:scale(1.2)}
.car-contador{position:absolute;right:.5rem;bottom:.4rem;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;padding:.05rem .45rem;border-radius:999px;z-index:2}
.car>.sin-foto{aspect-ratio:1/1}
.foto-prod .car-host{width:100%}
.producto h3 a{color:inherit;text-decoration:none}
.producto h3 a:hover{color:var(--azul2);text-decoration:underline}
.acciones-prod{margin-top:auto;display:flex;flex-direction:column;gap:.35rem}
.acciones-prod .btn{margin-top:0}
.ver-detalle{text-align:center;font-size:.9rem;color:var(--azul2);font-weight:600;padding:.2rem}
.insignia{z-index:3}
/* ===== Página de detalle ===== */
.detalle-sec{padding-top:1.5rem}
.detalle{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.2rem;align-items:start}
.car-grande{border-radius:var(--radio);border:1px solid var(--borde)}
.car-grande .car-slide{aspect-ratio:4/3;background:#fff}
.car-grande .car-slide img{object-fit:contain}
.car-grande .car-btn{width:46px;height:46px;font-size:2rem;opacity:.9}
.car-minis{display:flex;gap:.5rem;margin-top:.7rem;overflow-x:auto;padding-bottom:.3rem}
.car-mini{flex:0 0 76px;height:76px;padding:0;border:2px solid var(--borde);border-radius:6px;overflow:hidden;cursor:pointer;background:#fff}
.car-mini img{width:100%;height:100%;object-fit:cover}
.car-mini[aria-current="true"]{border-color:var(--acento)}
.det-info h1{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25;margin:.6rem 0 .4rem;color:var(--azul)}
.insignia-det{display:inline-block;padding:.25rem .8rem;border-radius:999px;font-weight:700;color:#fff;font-size:.9rem}
.insignia-det.stock{background:#1e8e3e}.insignia-det.reservado{background:#d98200}.insignia-det.vendido{background:#6b7280}
.det-precio .precio{font-size:2rem}
.det-precio .precio.consultar{font-size:1.4rem}
.det-tabla{width:100%;border-collapse:collapse;margin:1rem 0 1.2rem}
.det-tabla th,.det-tabla td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--borde);vertical-align:top}
.det-tabla th{color:var(--suave);font-weight:600;width:42%}
.det-acciones{display:flex;flex-wrap:wrap;gap:.6rem}
.btn-grande{font-size:1.1rem;padding:.9rem 1.8rem}
.btn-gris-claro{background:var(--gris);color:var(--azul);border:1px solid var(--borde)}
.det-nota{margin:.6rem 0}
@media (max-width:800px){.detalle{grid-template-columns:minmax(0,1fr);gap:1.2rem}.det-acciones .btn{flex:1 1 100%;text-align:center}}
/* Selector con 5 idiomas: compacto en escritorio */
@media (min-width:801px){.sel-idioma button{padding:.3rem .5rem;font-size:.8rem}}
.det-galeria,.det-info{min-width:0}
/* === Azul satinado / perlado === */
.encabezado{background:var(--satin);background-size:200% 100%}
.encabezado::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 55%)}
.hero{background:linear-gradient(135deg,rgba(23,70,127,.93) 0%,rgba(42,109,181,.86) 45%,rgba(120,170,225,.72) 62%,rgba(42,109,181,.86) 78%,rgba(27,79,142,.93) 100%),url("../img/tocadores.jpg") center/cover}
.cta,.btn-oscuro{background:var(--satin)}
.pie{background:linear-gradient(135deg,#123a69 0%,#1d5596 50%,#3b78b8 64%,#174a85 100%);color:#e3ecf6}
.pie a{color:#e3ecf6}
h2,.ventaja h3,.tarjeta h3,.det-info h1{color:var(--azul);text-shadow:0 1px 0 rgba(255,255,255,.6)}

.logo-marca{height:96px;width:auto;max-width:70vw;object-fit:contain;background:#fff;border-radius:10px;padding:4px 10px;display:block;box-shadow:0 2px 8px rgba(0,0,0,.2)}
@media(max-width:600px){.logo-marca{height:68px}}

/* SKU y precio de Home Depot (data/extras.js) */
.sku{margin:.35rem 0 0;font-size:.9rem;color:var(--suave)}
.sku .sku-et{font-weight:700;color:var(--texto,#222)}
.sku .sku-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--texto,#222);letter-spacing:.02em}
.det-sku{font-size:1rem;margin:-.2rem 0 .4rem}
.precio-hd{margin:.5rem 0 .3rem;padding:.5rem .7rem;border:1px solid #f3c58a;background:#fff7ec;border-radius:6px;font-size:.92rem;line-height:1.35}
.precio-hd p{margin:0;color:#333}
.precio-hd .hd-tachado{text-decoration:line-through;color:#8a8a8a;font-weight:600}
.precio-hd .hd-oferta strong{color:#c0392b;font-size:1.08em}
.det-info .precio-hd{font-size:1.02rem;margin:.2rem 0 1rem}
/* Número de artículo (para que el cliente lo pueda citar; se busca con "260" o "#260") */
.producto .cat .num-art{float:right;margin-left:.5rem;padding:0 .4rem;border:1px solid var(--borde,#d1d5db);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--suave);background:#fff}
.num-art-det{font-weight:700}