body{font-family:var(--sans);font-size:18px;line-height:1.6;color:var(--g2);background:var(--g9)}
.wrap{width:var(--wrap);margin-inline:auto}
h1,h2,h3{font-family:var(--cond);font-weight:700;line-height:.95;letter-spacing:-.005em;text-transform:uppercase;color:var(--white)}
h2{font-size:clamp(2.6rem,4.2vw,4.6rem)}
.kicker{font-family:var(--cond);font-weight:700;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--hot);margin-bottom:18px}
.hot{color:var(--hot)}
main{padding-top:var(--hdr)}
.home main{padding-top:0}
[data-pending]{}
html.review [data-pending]{outline:2px dashed #ffd400;outline-offset:4px}

/* Cabecera */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hdr);background:rgba(17,19,22,.92);backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .35s,height .35s}
.home .hdr{background:linear-gradient(180deg,rgba(10,11,13,.7),rgba(10,11,13,0));border-bottom-color:transparent}
.home .hdr.is-scrolled,.hdr.is-scrolled{background:rgba(17,19,22,.97);border-bottom-color:rgba(255,255,255,.08)}
.hdr__in{width:var(--wrap);margin:auto;height:100%;display:flex;align-items:center;gap:44px}
.brand{display:flex;align-items:baseline;gap:7px;text-decoration:none;font-family:var(--cond);text-transform:uppercase;line-height:1}
.brand b{font-size:31px;letter-spacing:.01em;color:var(--white)}
.brand b+b{color:var(--hot)}
.brand small{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.22em;color:var(--g3);margin-left:4px}
.nav{display:flex;align-items:center;gap:32px}
.nav > a,.dd > button{font-weight:600;font-size:16px;text-decoration:none;color:var(--g1)}
.nav > a:hover,.dd > button:hover{color:var(--hot)}
.hdr__right{margin-left:auto;display:flex;align-items:center;gap:26px}
.hdr__tel{display:flex;align-items:center;gap:9px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--white)}
.hdr__tel svg{width:18px;height:18px;color:var(--hot)}
.open-now{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--g3);white-space:nowrap}
.open-now i{width:9px;height:9px;border-radius:50%;background:var(--g6)}
.open-now.is-open i{background:#2fd06b;box-shadow:0 0 0 4px rgba(47,208,107,.18)}
.open-now em{font-style:normal}
@media (max-width:1280px){.open-now{display:none}}

/* Pie */
.ftr{background:var(--g9);color:var(--g2);padding:0 0 0;font-size:16px;border-top:1px solid var(--g7);overflow:hidden}
.ftr__big{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(6rem,15.5vw,17rem);line-height:.82;color:var(--g8);white-space:nowrap;text-align:center;padding-top:40px;letter-spacing:-.01em;user-select:none}
.ftr__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:56px 0 8px}
.ftr .ftr__h{font-family:var(--cond);font-weight:700;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--white);margin-bottom:14px}
.ftr p+p{margin-top:10px}
.ftr a{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.ftr a svg{width:18px;height:18px;color:var(--hot)}
.ftr a:hover{color:var(--hot)}
.ftr li{margin-bottom:8px}
.ftr__legal{margin-top:40px;padding:18px 0;border-top:1px solid var(--g7);font-size:14px;color:var(--g3);display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}

/* Producción 11/11/2026: logo, idioma, cajón móvil */
.skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--hot);color:#111;padding:10px 16px;font-weight:600}
.skip:focus{left:12px;top:12px}
.brand img{display:block;width:auto;height:56px}
.lang{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;font-weight:600;font-size:15px;text-decoration:none;color:var(--g1);white-space:nowrap}
.lang .flag{width:22px;height:15px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.lang:hover{color:var(--hot)}
.burger{display:none;width:46px;height:46px;border:1.5px solid rgba(255,255,255,.35);background:none;border-radius:2px;cursor:pointer;position:relative;flex:none}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:transform .25s,top .25s}
.burger span:first-child{top:17px}.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)}
.drawer{position:fixed;inset:var(--hdr) 0 0 0;z-index:99;background:var(--g9);overflow-y:auto;padding:18px 16px 110px;display:flex;flex-direction:column}
.drawer[hidden]{display:none}
.drawer a{display:block;padding:13px 4px;font-family:var(--cond);font-weight:700;font-size:26px;text-transform:uppercase;text-decoration:none;color:#fff;border-bottom:1px solid var(--g7)}
.drawer a.sub{font-family:var(--sans);font-weight:400;font-size:17px;text-transform:none;color:var(--g2);padding:9px 4px 9px 18px;border-bottom:0}
.drawer .btn{margin-top:22px;font-family:var(--sans);font-size:17px;text-transform:none;border-bottom:0;color:#111}
.ftr__logo{width:120px;height:auto;margin-bottom:18px}
.ftr__h--2{margin-top:26px}
.ftr__links{display:inline-flex;flex-wrap:wrap;gap:4px 18px}
.ftr__links a{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:1400px){.hdr__in{gap:30px}.nav{gap:24px}.hdr__right{gap:18px}}
@media (max-width:1180px){.hdr__tel{display:none}}
@media (max-width:1023px){
  .nav,.hdr__cta{display:none}
  .burger{display:block}
  .hdr__right{gap:10px}
  .brand img{height:46px}
}
@media (max-width:767px){
  .brand img{height:40px}
  .ftr__grid{grid-template-columns:1fr 1fr;gap:34px 24px;padding-top:40px}
  .ftr__grid > div:first-child{grid-column:1/-1}
  .ftr__big{font-size:22vw;padding-top:28px}
  .ftr__legal{flex-direction:column;align-items:flex-start;padding-bottom:96px}
}
