/* hammick.us — v3 (13/10/2026). Sitio por páginas con menús desplegables.
   Colores corporativos: oro (perfiles de cajas y botones, acentos) y negro con brillo, sobre blanco perla.
   Títulos en Cormorant Garamond, texto en Inter Tight. Generado junto a build.py: los estilos se editan aquí. */
:root{
  --perla:#F8F6F0;--perla2:#F1EDE3;--blanco:#FFFFFF;--negro:#0B0B0B;--tinta:#1A1714;--suave:#4E4842;
  --oro:#B8873A;--oro-osc:#7A5524;--oro-claro:#E2BF6B;--oro-perfil:#C9A469;
  --oro-grad:linear-gradient(135deg,#7A5524 0%,#B8873A 22%,#F3DC95 46%,#C99A45 64%,#8B6333 100%);
  --negro-brillo:linear-gradient(180deg,#2C2A27 0%,#141312 42%,#060606 100%);
  --brillo-borde:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.6);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:'Inter Tight',system-ui,-apple-system,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--perla);color:var(--tinta);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--oro-osc)}a:hover{color:var(--oro)}img,svg{max-width:100%}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;line-height:1.08}
h3{font-size:24px}
p{margin:0}
.saltar{position:absolute;left:-999px}.saltar:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:30}
.ancho{max-width:1200px;margin:0 auto;padding:0 24px}
.eti{font-size:12px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--oro)}
.oro-texto{background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.filete{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--oro-perfil),transparent)}

/* botones: perfil de oro */
.boton{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.02em;padding:13px 24px;border-radius:2px;cursor:pointer;font-family:inherit;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s}
.boton-oro{border:1.5px solid var(--oro);color:var(--tinta);background:transparent}
.boton-oro:hover{background:var(--oro-grad);color:var(--negro);border-color:var(--oro-claro)}
.boton-negro{border:1.5px solid var(--oro);color:var(--oro-claro);background:var(--negro-brillo);box-shadow:var(--brillo-borde)}
.boton-negro:hover{color:#F3DC95;box-shadow:var(--brillo-borde),0 0 0 3px rgba(201,164,105,.25)}

/* cabecera: negro con brillo, logo en oro, menus desplegables */
.cabecera{background:var(--negro-brillo);box-shadow:var(--brillo-borde),0 1px 0 var(--oro-osc);position:sticky;top:0;z-index:20}
.cabecera .barra{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo img{height:46px;width:auto;display:block}
.menu-boton{display:none;background:none;border:1.5px solid var(--oro);color:var(--oro-claro);font:inherit;font-size:14px;padding:8px 12px;border-radius:2px;cursor:pointer}
.nav{display:flex;align-items:center;gap:6px}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.nav>ul>li{position:relative}
.nav>ul>li>a{display:flex;align-items:center;gap:6px;padding:12px 12px;color:#EDE6D8;text-decoration:none;font-size:15px;letter-spacing:.01em;border-bottom:2px solid transparent}
.nav>ul>li>a:hover,.nav>ul>li:focus-within>a{color:var(--oro-claro)}
.nav>ul>li>a.activa{color:var(--oro-claro);border-bottom-color:var(--oro)}
.nav .flecha{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.8}
.submenu{list-style:none;margin:0;padding:10px 0;position:absolute;top:100%;left:0;min-width:270px;background:var(--negro-brillo);border:1px solid var(--oro-osc);border-top:2px solid var(--oro);box-shadow:0 18px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.nav>ul>li:hover>.submenu,.nav>ul>li:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.submenu a{display:block;padding:9px 18px;color:#EDE6D8;text-decoration:none;font-size:14.5px}
.submenu a small{display:block;color:#A79E90;font-size:12.5px;margin-top:1px}
.submenu a:hover{background:rgba(201,164,105,.12);color:var(--oro-claro)}
.nav .idioma{margin-left:8px;color:var(--oro-claro);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:1px;border:1px solid var(--oro-osc);padding:7px 10px;border-radius:2px}
.nav .idioma:hover{border-color:var(--oro)}
.nav .boton{margin-left:10px;padding:9px 15px;font-size:13.5px}
.nav .boton-app{margin-left:6px}

/* cabecera de pagina */
.portada{padding:72px 0 56px;border-bottom:1px solid rgba(184,135,58,.25);background:radial-gradient(1200px 400px at 85% -10%,rgba(226,191,107,.18),transparent 60%),var(--perla)}
.portada .miga{font-size:13px;color:var(--suave);margin-bottom:22px}.portada .miga a{color:var(--suave);text-decoration:none}.portada .miga a:hover{color:var(--oro)}
.portada h1{font-size:clamp(42px,5.4vw,72px);max-width:900px;margin:12px 0 20px}
.portada p.sub{font-size:18.5px;line-height:1.65;color:var(--suave);max-width:760px}
.portada .botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.portada.con-panel .ancho{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.portada.con-panel .texto{flex:1 1 460px;min-width:0}

/* bloques */
.bloque{padding:80px 0;scroll-margin-top:80px}
.bloque+.bloque{border-top:1px solid rgba(184,135,58,.18)}
.bloque.claro{background:var(--perla2)}
.bloque.negro{background:var(--negro-brillo);color:#EDE6D8}.bloque.negro h2{color:#fff}.bloque.negro .intro p{color:#C9C1B3}
.intro{max-width:760px;margin-bottom:40px;display:flex;flex-direction:column;gap:14px}
.intro h2{font-size:clamp(34px,3.8vw,50px)}
.intro p{font-size:17px;line-height:1.7;color:var(--suave)}

/* cajas: perfil de oro */
.cajas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.caja{background:var(--blanco);border:1px solid var(--oro-perfil);border-radius:3px;padding:28px;display:flex;flex-direction:column;gap:10px;position:relative}
.caja::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--oro-grad);border-radius:3px 3px 0 0}
.caja .num{font-family:var(--serif);font-size:30px;line-height:1}
.caja h3{font-size:25px}
.caja p,.caja li{font-size:15.5px;line-height:1.65;color:var(--suave)}
.caja ul{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.bloque.negro .caja{background:rgba(255,255,255,.03);border-color:var(--oro-osc)}.bloque.negro .caja h3{color:#fff}.bloque.negro .caja p,.bloque.negro .caja li{color:#C9C1B3}

.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;counter-reset:paso}
.pasos .caja h3::before{counter-increment:paso;content:counter(paso,decimal-leading-zero);display:block;font-size:14px;font-family:var(--sans);font-weight:600;letter-spacing:2px;color:var(--oro);margin-bottom:8px}

.servicio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;padding:40px 0;border-top:1px solid rgba(184,135,58,.3);scroll-margin-top:90px}
.servicio:first-of-type{border-top:0;padding-top:0}
.servicio h3{font-size:32px}
.servicio p{font-size:16.5px;line-height:1.75;color:var(--suave)}
.servicio ul{margin:14px 0 0;padding-left:18px;color:var(--suave);display:flex;flex-direction:column;gap:6px}

/* panel ilustrativo */
.panel{flex:1 1 440px;min-width:0;background:var(--negro-brillo);border:1px solid var(--oro-osc);border-radius:4px;padding:22px;color:#EDE6D8;box-shadow:var(--brillo-borde),0 30px 60px rgba(0,0,0,.25);font-size:14px}
.panel .cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid rgba(201,164,105,.25)}
.panel .cab strong{font-size:15px;display:block}.panel .cab small{font-family:var(--mono);font-size:12px;color:#A79E90}
.panel .chip{font-family:var(--mono);font-size:11px;border:1px solid var(--oro);color:var(--oro-claro);padding:5px 9px;border-radius:2px}
.panel .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0}
.panel .kpi{border:1px solid rgba(201,164,105,.3);border-radius:3px;padding:12px;display:flex;flex-direction:column;gap:4px}
.panel .kpi span{font-size:12px;color:#A79E90}.panel .kpi b{font-family:var(--mono);font-weight:500;font-size:22px}
.panel .tabla{overflow-x:auto}
.panel table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
.panel th{color:#A79E90;text-align:left;padding:9px 6px;font-weight:500;border-bottom:1px solid rgba(201,164,105,.25)}
.panel td{padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.07);font-family:var(--mono)}
.panel tr:last-child td{border-bottom:0}
.panel .nota{margin-top:16px;border-left:2px solid var(--oro);background:rgba(255,255,255,.04);padding:14px;display:flex;gap:12px;color:#C9C1B3;font-size:13px;line-height:1.5}
.ok{color:#A9C9A4}.dif{color:var(--oro-claro)}.plazo{color:#E0A3A3}

/* inicio: hero con escena animada */
.inicio-hero{padding:56px 0 48px;background:radial-gradient(900px 420px at 85% 10%,rgba(226,191,107,.22),transparent 60%),var(--perla);overflow:hidden}
.inicio-hero .ancho{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
.inicio-hero h1{font-size:clamp(40px,4.6vw,64px);margin:12px 0 18px}
.inicio-hero p.sub{font-size:18px;line-height:1.7;color:var(--suave)}
.inicio-hero .botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.visual{position:relative}
.escena{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 40px rgba(122,85,36,.16))}
.escena .scan{animation:escanea 3.6s ease-in-out infinite}
@keyframes escanea{0%{transform:translateY(0)}50%{transform:translateY(254px)}100%{transform:translateY(0)}}
.escena .linea{animation:resalta 3.6s ease-in-out infinite}
.escena .l2{animation-delay:.6s}.escena .l3{animation-delay:1.2s}
@keyframes resalta{0%,30%,100%{fill:#E6E0D3}40%,60%{fill:#E2BF6B}}
.escena .flujo path{stroke-dasharray:6 10;animation:fluye 1.6s linear infinite}
@keyframes fluye{to{stroke-dashoffset:-32}}
.escena .anillo{transform-origin:320px 200px;animation:gira 14s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.escena .onda{transform-origin:320px 200px;animation:onda 2.4s ease-out infinite}
@keyframes onda{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.escena .chip{opacity:0;animation:aparece 7.2s ease-in-out infinite}
.escena .c2{animation-delay:1.2s}.escena .c3{animation-delay:2.4s}
@keyframes aparece{0%{opacity:0;transform:translateX(10px)}8%,70%{opacity:1;transform:none}85%,100%{opacity:0}}
.consola{position:absolute;left:4%;right:30%;bottom:-12px;background:var(--negro-brillo);border:1px solid var(--oro-osc);border-radius:4px;box-shadow:var(--brillo-borde),0 18px 40px rgba(0,0,0,.3);font-family:var(--mono);font-size:12.5px;color:#D8D0C2}
.consola-cab{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(201,164,105,.22)}
.consola-cab i{width:8px;height:8px;border-radius:50%;background:#3A3631}.consola-cab i:first-child{background:var(--oro)}
.consola-cab span{margin-left:auto;font-size:10.5px;color:#8E8577;letter-spacing:.5px}
.consola-lineas{padding:10px 14px;min-height:98px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}
.consola-lineas p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.consola-lineas p:not(:last-child){opacity:.55}
.consola-lineas em{color:var(--oro-claro);font-style:normal}

/* franja en movimiento */
.franja{background:var(--negro-brillo);box-shadow:var(--brillo-borde);overflow:hidden;border-top:1px solid var(--oro-osc);border-bottom:1px solid var(--oro-osc)}
.franja-pista{display:flex;width:max-content;animation:desliza 38s linear infinite}
.franja span{padding:16px 26px;font-family:var(--serif);font-size:22px;color:#EDE6D8;white-space:nowrap;position:relative}
.franja span::after{content:"✦";position:absolute;right:-6px;color:var(--oro);font-size:12px;top:50%;transform:translateY(-50%)}
@keyframes desliza{to{transform:translateX(-50%)}}

/* productos en fila, sin cajas */
.productos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.producto-item{padding:8px 26px 10px;border-left:1px solid rgba(184,135,58,.35);text-decoration:none;color:var(--tinta);display:flex;flex-direction:column;gap:12px;transition:background .25s}
.producto-item:first-child{border-left:0;padding-left:0}
.producto-item:hover{background:linear-gradient(180deg,rgba(226,191,107,.12),transparent);color:var(--tinta)}
.producto-item h3{font-size:26px}
.producto-item p{font-size:15px;line-height:1.6;color:var(--suave)}
.producto-item ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--oro-osc)}
.producto-item ul li::before{content:"— ";color:var(--oro)}
.producto-item .mas{margin-top:auto;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro)}
.icono{width:56px;height:56px;fill:none;stroke:var(--oro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icono .traza{stroke:var(--oro-osc);stroke-width:2.4;stroke-dasharray:60;stroke-dashoffset:0}
.icono .pulso{stroke:var(--oro-claro)}
.producto-item:hover .icono .traza,.chip-prod:hover .icono .traza{animation:dibuja 1.1s ease forwards}
@keyframes dibuja{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
.producto-item .icono .pulso{animation:late 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes late{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.6}}

/* filas de secciones */
.filas{border-top:1px solid rgba(184,135,58,.4)}
.fila{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,1.6fr) 40px;gap:20px;align-items:center;padding:26px 6px;border-bottom:1px solid rgba(184,135,58,.4);text-decoration:none;color:var(--tinta);position:relative}
.fila::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--oro-grad);transition:width .4s}
.fila:hover::after{width:100%}
.fila .n{font-family:var(--serif);font-size:22px;color:var(--oro)}
.fila .t{font-family:var(--serif);font-size:clamp(28px,3vw,40px)}
.fila .d{font-size:15.5px;color:var(--suave)}
.fila .f{font-size:24px;color:var(--oro);transition:transform .3s}
.fila:hover .f{transform:translateX(8px)}
.fila:hover{color:var(--tinta)}

/* llamada final */
.cta-negra{background:var(--negro-brillo);box-shadow:var(--brillo-borde);color:#EDE6D8;padding:56px 0}
.cta-negra .ancho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.cta-negra h2{color:#fff;font-size:clamp(30px,3.4vw,44px)}.cta-negra p{color:#C9C1B3;margin-top:6px}
.boton-oro-lleno{background:var(--oro-grad);color:var(--negro);border:1px solid var(--oro-claro)}
.boton-oro-lleno:hover{color:var(--negro);box-shadow:0 0 0 3px rgba(226,191,107,.3)}

/* como funciona */
.linea-tiempo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}
.linea-tiempo::before{content:"";position:absolute;left:0;right:0;top:19px;height:1px;background:linear-gradient(90deg,var(--oro),var(--oro-claro),var(--oro))}
.linea-tiempo li{position:relative;padding-top:52px}
.linea-tiempo li::before{content:"";position:absolute;top:12px;left:0;width:14px;height:14px;border-radius:50%;background:var(--perla);border:2px solid var(--oro);box-shadow:0 0 0 4px rgba(226,191,107,.25)}
.linea-tiempo .n{font-family:var(--serif);font-size:30px;display:block;margin-bottom:6px}
.linea-tiempo h3{font-size:26px;margin-bottom:8px}
.linea-tiempo p{font-size:15.5px;line-height:1.65;color:var(--suave)}
.tabla-producto{overflow-x:auto;border:1px solid var(--oro-perfil);border-radius:3px;background:var(--blanco)}
.tabla-producto table{width:100%;border-collapse:collapse;min-width:820px}
.tabla-producto th,.tabla-producto td{text-align:left;vertical-align:top;padding:18px 20px;border-bottom:1px solid rgba(184,135,58,.25);font-size:15px;line-height:1.6}
.tabla-producto thead th{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--oro);font-weight:600;background:var(--perla)}
.tabla-producto tbody th a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tinta);font-family:var(--serif);font-size:21px;font-weight:500}
.tabla-producto tbody th .icono{width:40px;height:40px;flex:none}
.tabla-producto td{color:var(--suave)}
.tabla-producto tr:last-child th,.tabla-producto tr:last-child td{border-bottom:0}

/* producto */
.chips-prod{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip-prod{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border:1px solid var(--oro-perfil);border-radius:40px;text-decoration:none;color:var(--tinta);font-weight:600;font-size:14.5px;background:var(--blanco)}
.chip-prod .icono{width:30px;height:30px}
.chip-prod:hover{border-color:var(--oro);color:var(--tinta);box-shadow:0 6px 18px rgba(122,85,36,.15)}
.producto-rejilla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.producto h2{font-size:clamp(36px,4vw,54px);margin:10px 0 14px}
.lema{font-size:18px;line-height:1.65;color:var(--suave)}
.modulos{list-style:none;margin:14px 0 0;padding:0}
.modulos li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:16px 0;border-top:1px solid rgba(184,135,58,.3)}
.modulos .n{font-family:var(--serif);font-size:24px}
.modulos h4{margin:0 0 4px;font-size:17px;font-weight:600}
.modulos p{font-size:15px;line-height:1.6;color:var(--suave)}
.ilustra{aspect-ratio:1/1;max-width:380px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(243,220,149,.35),transparent 62%);border:1px solid rgba(184,135,58,.3);position:relative}
.ilustra::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed var(--oro-perfil);animation:gira 30s linear infinite}
.ilustra .icono{width:46%;height:46%;stroke-width:1.3}
.ilustra .icono .traza{animation:dibuja 2.6s ease-in-out infinite alternate}
.enlace-oro{font-weight:600;text-decoration:none;color:var(--oro-osc);border-bottom:1.5px solid var(--oro);padding-bottom:2px}
.enlace-oro:hover{color:var(--oro)}
.servicio p+p{margin-top:12px}

/* anterior / siguiente: discreto */
.paginacion{display:flex;justify-content:space-between;gap:20px;padding:30px 0 56px;border-top:1px solid rgba(184,135,58,.35);margin-top:8px}
.paginacion a{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--tinta);max-width:48%}
.paginacion .sig{text-align:right;align-items:flex-end}
.paginacion .dir{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--oro)}
.paginacion .nom{font-family:var(--serif);font-size:22px;background:linear-gradient(var(--oro),var(--oro)) no-repeat left bottom/0 1.5px;transition:background-size .35s;padding-bottom:2px}
.paginacion .sig .nom{background-position:right bottom}
.paginacion a:hover .nom{background-size:100% 1.5px}
.paginacion a:hover{color:var(--tinta)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.escena .chip{opacity:1}}

/* formularios */
.formulario{background:var(--blanco);border:1px solid var(--oro-perfil);border-radius:3px;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.formulario label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.formulario input,.formulario select,.formulario textarea{font:inherit;font-weight:400;padding:12px;border:1px solid #CFC6B6;border-radius:2px;background:var(--perla);width:100%}
.formulario .ancha,.formulario button{grid-column:1/-1}
.formulario button{justify-content:center}
.dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:start}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--oro);outline-offset:2px}

/* pie: negro con brillo; Terminos y condiciones visibles */
footer{background:var(--negro-brillo);color:#C9C1B3;box-shadow:inset 0 1px 0 var(--oro-osc)}
footer .rejilla{max-width:1200px;margin:0 auto;padding:52px 24px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
footer img{height:42px;width:auto}
footer h4{margin:0 0 12px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--oro-claro);font-weight:600}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14.5px}
footer a{color:#EDE6D8;text-decoration:none}footer a:hover{color:var(--oro-claro)}
footer .legal-destacado{display:inline-block;border:1px solid var(--oro);padding:10px 14px;border-radius:2px;color:var(--oro-claro);font-weight:600}
footer .legal-destacado:hover{background:rgba(201,164,105,.12)}
footer .base{max-width:1200px;margin:0 auto;padding:18px 24px 30px;border-top:1px solid rgba(201,164,105,.22);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px}
footer .base a{color:var(--oro-claro)}

.legal{background:var(--blanco);border:1px solid var(--oro-perfil);border-radius:3px;padding:40px 32px;margin:0 0 72px}

/* movil */
@media (max-width:980px){
  .menu-boton{display:inline-block}
  .cabecera .barra{flex-wrap:wrap}
  .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 14px}
  .cabecera.abierta .nav{display:flex}
  .nav>ul{flex-direction:column;align-items:stretch}
  .nav>ul>li>a{padding:12px 4px;border-bottom:1px solid rgba(201,164,105,.18);justify-content:space-between}
  .nav .flecha{display:none}
  .submenu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:none;padding:4px 0 8px 12px;min-width:0}
  .submenu a{padding:7px 4px}.submenu a small{display:none}
  .nav .idioma,.nav .boton{margin:12px 0 0;align-self:flex-start}
  .inicio-hero .ancho,.producto-rejilla{grid-template-columns:minmax(0,1fr)}
  .productos{grid-template-columns:1fr 1fr;row-gap:32px}
  .producto-item:nth-child(3){border-left:0;padding-left:0}
  .linea-tiempo{grid-template-columns:1fr 1fr}
  .fila{grid-template-columns:44px minmax(0,1fr) 30px}.fila .d{grid-column:2}
  .consola{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px}
  .nav .boton-app{margin-left:0}
  .servicio,.dos{grid-template-columns:1fr;gap:18px}
  footer .rejilla{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .ancho{padding:0 16px}
  .cabecera .barra{padding:10px 16px}
  .logo img{height:38px}
  .portada{padding:44px 0 36px}.bloque{padding:52px 0}
  .portada p.sub,.inicio-hero p.sub{font-size:16.5px}
  .panel{padding:14px}
  .productos{grid-template-columns:1fr}.producto-item{border-left:0;padding:0 0 22px;border-bottom:1px solid rgba(184,135,58,.3)}
  .linea-tiempo{grid-template-columns:1fr}.linea-tiempo::before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}.linea-tiempo li{padding:0 0 0 34px}.linea-tiempo li::before{top:6px}
  .paginacion .nom{font-size:19px}
  .franja span{font-size:18px;padding:12px 20px}
  footer .rejilla{grid-template-columns:1fr}
  .legal{padding:24px 16px}
}
.cajas.tres{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.cajas.tres{grid-template-columns:1fr}}
/* ajustes v4 */
.nav .boton-oro{color:var(--oro-claro);border-color:var(--oro)}
.nav .boton-oro:hover{color:var(--negro)}
.nav .boton,.nav>ul>li>a{white-space:nowrap}
.intro .eti{color:var(--oro)}
.bloque.negro .intro .eti{color:var(--oro-claro)}
@media (max-width:1240px) and (min-width:981px){.nav>ul>li>a{padding:12px 8px;font-size:14px}.logo img{height:40px}.nav .boton{padding:8px 12px;font-size:13px}}

/* ---------- hojas: apartados que se deslizan bajo la portada (v5) ---------- */
.pestanas{position:sticky;top:70px;z-index:8;background:rgba(248,246,240,.94);backdrop-filter:blur(6px);border-bottom:1px solid rgba(184,135,58,.3)}
.pestanas-fila{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.pestanas-fila::-webkit-scrollbar{display:none}
.pestanas a{flex:none;padding:8px 16px;border-radius:30px;text-decoration:none;color:var(--suave);font-size:14.5px;font-weight:500;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}
.pestanas a:hover{color:var(--tinta);border-color:rgba(184,135,58,.4)}
.pestanas a.activa{color:var(--negro);border-color:var(--oro);background:var(--blanco);box-shadow:0 3px 10px rgba(122,85,36,.12)}
.hojas{position:relative;padding:36px 0 20px;perspective:1600px}
.hoja{position:relative;background:var(--blanco);border:1px solid rgba(201,164,105,.55);border-radius:4px;padding:52px 52px 28px;margin-bottom:32px;
  box-shadow:0 7px 0 -1px #F8F4EB,0 7px 0 0 rgba(201,164,105,.45),0 14px 0 -2px #F1EBDF,0 14px 0 -1px rgba(201,164,105,.32),0 30px 44px rgba(122,85,36,.16)}
.hoja-n{position:absolute;top:18px;right:24px;font-family:var(--mono);font-size:11.5px;letter-spacing:1px;color:var(--oro)}
.hoja-pie{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:16px;border-top:1px dashed rgba(184,135,58,.45)}
.hoja-pie a{font-size:14px;font-weight:600;color:var(--oro-osc);text-decoration:none}
.hoja-pie a:hover{color:var(--oro)}
.hoja .intro{margin-bottom:32px}
.hoja .servicio{border-top:0;padding:0}
.hoja.negra{background:var(--negro-brillo);border-color:var(--oro-osc);color:#EDE6D8;box-shadow:var(--brillo-borde),0 7px 0 -1px #22201D,0 7px 0 0 var(--oro-osc),0 14px 0 -2px #181614,0 14px 0 -1px rgba(122,85,36,.7),0 30px 46px rgba(0,0,0,.28)}
.hoja.negra h2{color:#fff}.hoja.negra .intro p{color:#C9C1B3}
.hoja.negra .caja{background:rgba(255,255,255,.03);border-color:var(--oro-osc)}.hoja.negra .caja h3{color:#fff}.hoja.negra .caja p{color:#C9C1B3}
.hoja.negra .hoja-pie{border-top-color:rgba(201,164,105,.35)}.hoja.negra .hoja-pie a{color:var(--oro-claro)}
/* con JavaScript: una hoja a la vez */
.js .hoja{display:none;margin-bottom:12px}
.js .hoja.activa,.js .hoja.saliendo{display:block}
.js .hoja.saliendo{position:absolute;left:0;right:0;top:36px;z-index:1;pointer-events:none;animation:hoja-sale .6s cubic-bezier(.4,0,.2,1) forwards}
.js .hoja.activa{z-index:2}
.js .hoja.entrando{animation:hoja-entra .65s cubic-bezier(.2,.75,.25,1) both}
@keyframes hoja-entra{0%{opacity:0;transform:translate3d(0,-70px,0) rotateX(14deg) rotate(-1.4deg);box-shadow:0 40px 70px rgba(122,85,36,.25)}
  60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes hoja-sale{0%{opacity:1;transform:none}100%{opacity:0;transform:translate3d(14px,26px,0) rotate(1.6deg) scale(.95)}}
.chips-prod .chip-prod.activa{border-color:var(--oro);box-shadow:0 0 0 3px rgba(226,191,107,.3)}
@media (max-width:980px){.pestanas{top:62px}.hoja{padding:40px 22px 22px}.hoja-n{top:12px;right:14px}}
@media (max-width:620px){.hojas{padding-top:22px}.js .hoja.saliendo{top:22px}}
@media (prefers-reduced-motion:reduce){.js .hoja.saliendo{display:none}}
.nav>ul>li.cerrado>.submenu{opacity:0!important;visibility:hidden!important}

/* v6: portadas centradas, pestañas centradas, enfoques 2 x 2, botón en la esquina de la portada */
.portada .ancho{text-align:center;position:relative}
.portada h1,.portada p.sub{margin-left:auto;margin-right:auto}
.portada .botones{justify-content:center}
.portada-esquina{position:absolute;right:24px;top:-34px}
.pestanas-fila{justify-content:center}
.cajas.dos-col{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.pestanas-fila{justify-content:flex-start}.portada-esquina{position:static;display:flex;justify-content:flex-end;margin-bottom:16px}}
@media (max-width:620px){.cajas.dos-col{grid-template-columns:1fr}.portada-esquina{justify-content:center}}
.aviso-cookies{position:fixed;left:16px;right:16px;bottom:16px;max-width:520px;margin:0 auto;z-index:50;background:var(--negro-brillo);color:#EDE6D8;border:1px solid var(--oro);border-radius:3px;padding:14px 16px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.aviso-cookies button{font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:2px;cursor:pointer;border:1px solid var(--oro);background:transparent;color:var(--oro-claro)}
.aviso-cookies button[data-c="si"]{background:var(--oro-grad);color:var(--negro)}