@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:300;font-display:swap;
  src:url("/gomeralia/fonts/RobotoCondensed-300.woff2") format("woff2")}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;font-display:swap;
  src:url("/gomeralia/fonts/RobotoCondensed-400.woff2") format("woff2")}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;
  src:url("/gomeralia/fonts/RobotoCondensed-700.woff2") format("woff2")}

/*
Theme Name: Gomeralia Catering
Description: Tema a medida de Gomeralia Catering. Trece plantillas, fotos en /img/ con rutas fijas. La carpeta DEBE llamarse gomeralia.
Author: Gomeralia
Version: 3.0
*/

:root{
  --gris:#343233;
  --gris75:#5a585a;
  --gris50:#8b8a8a;
  --beige:#baa88c;
  --beige50:#dcd3c4;
  --crema:#faf3e1;
  --negro:#111011;
  --blanco:#ffffff;
  --t:"Roboto Condensed",Arial Narrow,sans-serif;
  --maxw:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--gris);color:var(--crema);font-family:var(--t);font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--beige);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 34px}

/* LOGOTIPO — SVG real extraído del brandbook. Hereda el color por currentColor. */
.logo{display:block;height:40px;width:auto;color:var(--crema)}
.logo:hover{color:var(--beige)}

/* redes y flotante */
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:38px;height:38px;border:1px solid var(--gris75);display:flex;align-items:center;justify-content:center}
.soc a:hover{background:var(--beige);border-color:var(--beige)}
.soc svg{width:17px;height:17px;fill:var(--crema)}
.soc a:hover svg{fill:var(--gris)}
.wa{position:fixed;right:22px;bottom:22px;z-index:90;width:56px;height:56px;border-radius:50%;
  background:var(--crema);display:flex;align-items:center;justify-content:center;border:1px solid var(--gris)}
.wa svg{width:26px;height:26px;fill:var(--gris)}
.wa:hover{background:var(--beige)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gris75)}
.gal .ph{border:0;min-height:190px;background:var(--gris);opacity:1;color:var(--gris50)}
@media(max-width:920px){.gal{grid-template-columns:1fr 1fr}}

/* etiquetas y titulares */
.lbl{font-family:var(--t);font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;line-height:1.9}
.tit{font-family:var(--t);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1;text-wrap:balance}
.sub{font-weight:300;font-size:20px;line-height:1.55;max-width:62ch}
h3{font-family:var(--t);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.05em;line-height:1.15;margin-bottom:8px}

/* semitono */
.dot{background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);background-size:7px 7px;border-radius:50%;color:var(--beige)}
.dot.fade{-webkit-mask-image:radial-gradient(circle at 35% 30%,#000 15%,transparent 78%);mask-image:radial-gradient(circle at 35% 30%,#000 15%,transparent 78%)}

/* barra */
.top{position:sticky;top:0;z-index:60;background:var(--gris);border-bottom:1px solid var(--gris75)}
.top .wrap{display:flex;align-items:center;gap:26px;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.top .logo{font-size:23px;margin-right:auto;color:var(--crema)}
nav{display:flex;gap:1px;flex-wrap:wrap}
nav button{background:none;border:0;color:var(--beige);font-family:var(--t);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:9px 13px;cursor:pointer}
nav button:hover{color:var(--crema)}
nav button[aria-current="true"]{color:var(--gris);background:var(--crema)}
.btn{font-family:var(--t);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:12px 20px;cursor:pointer;border:1px solid var(--crema);background:transparent;color:var(--crema);white-space:nowrap}
.btn:hover{background:var(--crema);color:var(--gris)}
.btn.solid{background:var(--crema);color:var(--gris)}
.btn.solid:hover{background:var(--beige);border-color:var(--beige)}
.btn.dark{border-color:var(--gris);color:var(--gris)}
.btn.dark:hover{background:var(--gris);color:var(--crema)}
.lang{font-family:var(--t);font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--beige)}
.lang b{color:var(--crema)}

/* bandas segun proporcion 40/30/20 */
.band{padding:100px 0}
.b-gris{background:var(--gris);color:var(--crema)}
.b-beige{background:var(--beige);color:var(--gris)}
.b-crema{background:var(--crema);color:var(--gris)}
.b-gris .lbl,.b-gris .sub{color:var(--beige)}
.b-beige .lbl{color:var(--gris)}
.b-crema .lbl{color:var(--beige)}
.b-crema .sub,.b-beige .sub{color:var(--gris75)}
.head{margin-bottom:54px;max-width:76ch}
.head .lbl{margin-bottom:16px}
.head .tit{font-size:clamp(30px,4.2vw,52px);margin-bottom:18px}

/* marca de agua con el símbolo */
.wm{position:relative}
.wm .mark{position:absolute;bottom:16px;right:16px;width:44px;height:auto;color:var(--crema);opacity:.92;z-index:4;pointer-events:none}
.wm .mark.dark{color:var(--gris)}

/* huecos de foto */
.ph{border:1px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:22px;min-height:210px;opacity:.55}
.ph b{font-family:var(--t);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.ph span{font-family:var(--t);font-weight:300;font-size:12.5px;letter-spacing:.06em;word-break:break-all}

/* portada */
.hero{padding:96px 0 0;position:relative;overflow:hidden}
.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;position:relative;z-index:2}
.hero .tit{font-size:clamp(46px,7.6vw,104px);margin:22px 0 26px}
.hero .tit em{font-style:normal;color:var(--beige)}
.corner{position:absolute;top:70px;right:34px;z-index:3;text-align:right}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--gris75);margin-top:80px}
.stat{padding:26px 0}
.stat b{display:block;font-weight:700;font-size:42px;line-height:1;color:var(--crema)}
.stat span{font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--beige)}

/* rejillas */
.grid{display:grid;gap:1px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.b-gris .grid{background:var(--gris75)}
.b-crema .grid{background:var(--beige)}
.b-beige .grid{background:var(--gris)}
.cell{padding:32px 28px}
.b-gris .cell{background:var(--gris)}
.b-crema .cell{background:var(--crema)}
.b-beige .cell{background:var(--beige)}
.cell .n{font-weight:700;font-size:11px;letter-spacing:.2em;display:block;margin-bottom:14px}
.b-gris .cell .n{color:var(--beige)}
.b-crema .cell .n,.b-beige .cell .n{color:var(--gris75)}
.cell p{font-weight:300;font-size:16px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.split{display:grid;grid-template-columns:210px 1fr;gap:44px;align-items:start}
.rail{border-top:2px solid currentColor;padding-top:12px;position:sticky;top:104px}

/* listas de carta */
ul.li{list-style:none}
ul.li li{font-weight:300;font-size:17px;padding:11px 0;border-bottom:1px solid currentColor}
ul.li li::marker{content:""}
.fam{margin-bottom:46px}
.fam .n{font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--beige)}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.chip{border:1px solid currentColor;padding:8px 14px;font-weight:400;font-size:13px;letter-spacing:.06em;text-transform:uppercase}

/* fincas */
.zona{font-weight:700;font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:42px 0 14px;color:var(--beige)}
.fincas{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1px;background:var(--gris75)}
.finca{background:var(--gris);padding:20px}
.finca b{display:block;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.04em}
.finca span{font-weight:300;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--beige)}
.finca:hover{background:var(--beige)}
.finca:hover b,.finca:hover span{color:var(--gris)}

/* ficha tecnica */
.sheet{border:1px solid currentColor}
.sheet .row{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid currentColor}
.sheet .row:last-child{border-bottom:0}
.sheet .k{padding:14px 18px;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-right:1px solid currentColor}
.sheet .v{padding:14px 18px;font-weight:300;font-size:16px}

/* citas */
.quote p{font-weight:300;font-size:19px;line-height:1.5}
.quote cite{display:block;margin-top:12px;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:var(--beige)}
.b-crema .quote cite{color:var(--gris75)}

/* formulario */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:block;font-weight:700;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;color:var(--beige)}
.form input,.form select,.form textarea{width:100%;background:transparent;border:1px solid var(--gris75);color:var(--crema);padding:12px 14px;font-family:var(--t);font-weight:300;font-size:16px;border-radius:0}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--beige);outline:none}
.form option{background:var(--gris)}
.full{grid-column:1/-1}

/* avisos */
.note{border-left:3px solid var(--beige);padding:16px 20px;font-weight:300;font-size:15px;margin-top:30px;background:rgba(186,168,140,.1)}
.note b{font-weight:700;letter-spacing:.04em}
/* acordeón de dudas */
.faq details{border-bottom:1px solid currentColor}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:700;font-size:19px;
  display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details p{font-weight:300;font-size:17px;padding:0 0 22px;max-width:70ch}
/* foto dentro de una tarjeta de formato */
.cell > .marco{margin:-32px -28px 22px;min-height:220px}
.cell > .marco img{width:100%;height:220px;object-fit:cover}
/* texto y foto en paralelo */
.dos-fotos{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:stretch}
.dos-fotos > .marco{min-height:420px}
.dos-fotos > .marco img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.dos-fotos.inv > .marco{order:-1}
/* tira de cuatro fotos entre bloques */
.tira{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gris)}
.tira .marco{aspect-ratio:1/1}
.tira img{width:100%;height:100%;object-fit:cover;display:block}
.para-quien{margin-top:14px;font-weight:700;font-size:15px;letter-spacing:.02em}
@media(max-width:860px){
  .dos-fotos{grid-template-columns:1fr;gap:30px}
  .dos-fotos.inv > .marco{order:0}
  .dos-fotos > .marco{min-height:280px}
  .tira{grid-template-columns:1fr 1fr}
}
.b-crema .note,.b-beige .note{border-left-color:var(--gris);background:rgba(52,50,51,.07)}

/* pie */
footer{background:var(--negro);color:var(--crema);padding:70px 0 40px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
footer h4{font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;color:var(--beige)}
footer li{list-style:none;padding:4px 0;font-weight:300;font-size:15px}
footer li:hover{color:var(--beige)}
footer a:hover{color:var(--beige)}
.sheet .v a{border-bottom:1px solid var(--beige)}
.sello{width:112px;height:112px}

.page{display:none}
.page.on{display:block}

@media(max-width:920px){
  .heroGrid,.two,.form{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .rail{position:static}
  .g2,.g3{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .corner{display:none}
  .band{padding:66px 0}
}

/* ===== v3 · portada ===== */
.confianza{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--gris75);
  border-bottom:1px solid var(--gris75);margin-top:56px}
.confianza .it{padding:28px 24px;border-left:1px solid rgba(255,255,255,.09)}
.confianza .it:first-child{border-left:0;padding-left:0}
.confianza .dato{font-size:38px;font-weight:700;line-height:1;color:var(--crema)}
.confianza .est{color:var(--beige);font-size:15px;letter-spacing:2px;margin-top:8px}
.confianza .pie{font-size:13px;font-weight:300;color:var(--beige50);margin-top:8px;line-height:1.35}
.confianza .pie b{color:var(--crema);font-weight:400}
.confianza .frase{font-size:21px;font-weight:300;line-height:1.15;color:var(--crema)}

.serv2{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.09)}
.serv2 .foto{min-height:400px}
.serv2 .txt{display:flex;flex-direction:column;justify-content:center;padding:54px 58px}
.serv2:nth-of-type(even) .foto{order:2}
.serv2 .n{font-size:12px;letter-spacing:.2em;color:var(--beige);margin-bottom:14px}
.serv2 h3{font-size:clamp(28px,3.6vw,44px);font-weight:700;text-transform:uppercase;line-height:1.02}
.serv2 p{font-size:17px;font-weight:300;color:var(--beige50);margin-top:16px;max-width:44ch}
.serv2 .mas{margin-top:24px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--crema);border-bottom:1px solid var(--beige);padding-bottom:5px;align-self:flex-start;
  background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:inherit}
.serv2 .mas:hover{color:var(--beige)}
@media(max-width:940px){
  .confianza{grid-template-columns:repeat(2,1fr)}
  .confianza .it:nth-child(odd){border-left:0;padding-left:0}
  .serv2{grid-template-columns:1fr}
  .serv2:nth-of-type(even) .foto{order:0}
  .serv2 .txt{padding:38px 26px}
  .serv2 .foto{min-height:300px}
}
@media(max-width:600px){.confianza{grid-template-columns:1fr}
  .confianza .it{border-left:0;padding:20px 0;border-top:1px solid rgba(255,255,255,.09)}
  .confianza .it:first-child{border-top:0}}

/* ===== v3 · espacios ===== */


/* ---------- cabecera ---------- */
.esp2 .head{padding:86px 0 58px;max-width:760px}
.esp2 .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--beige);margin-bottom:20px}
h1{font-size:clamp(38px,6vw,68px);line-height:1.02;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
.esp2 .lede{font-size:20px;font-weight:300;color:var(--beige50);margin-top:26px;max-width:640px}
.esp2 .lede p+p{margin-top:14px}

/* ---------- barra de zonas ---------- */
.esp2 .zonas{display:flex;gap:26px;flex-wrap:wrap;align-items:baseline;
  border-top:1px solid var(--gris75);border-bottom:1px solid var(--gris75);
  padding:16px 0;margin-bottom:64px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.esp2 .zonas span{color:var(--gris50)}
.esp2 .zonas a{color:var(--beige50);border-bottom:1px solid transparent;padding-bottom:2px}
.esp2 .zonas a:hover{color:var(--crema);border-bottom-color:var(--beige)}

/* ---------- encabezado de zona ---------- */
.esp2 .zona{padding-top:22px;margin-bottom:34px;display:flex;align-items:baseline;gap:18px}
.esp2 .zona h2{font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--beige);white-space:nowrap}
.esp2 .zona .rule{flex:1;height:1px;background:var(--gris75)}
.esp2 .zona .num{font-size:13px;color:var(--gris50);letter-spacing:.1em}

/* ---------- rejilla ---------- */
.esp2 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 30px;margin-bottom:78px}

.esp2 .card{display:flex;flex-direction:column}
.esp2 .shot{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#3d3b3c}
.esp2 .shot img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .5s ease}
.esp2 .card:hover .shot img{transform:scale(1.045);filter:brightness(1.05)}

/* marca de agua: el gorro, esquina inferior derecha */
.esp2 .mark{position:absolute;right:14px;bottom:14px;width:38px;height:auto;
  color:var(--crema);opacity:.9;z-index:3;pointer-events:none;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}

/* hueco mientras no hay foto */
.esp2 .shot.vacio{display:flex;align-items:center;justify-content:center;border:1px solid var(--gris75)}
.esp2 .shot.vacio em{font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris50)}

.esp2 .salir{position:absolute;top:0;right:0;background:var(--crema);color:var(--gris);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;
  opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}
.esp2 .card:hover .salir,.esp2 .shot:focus-visible .salir{opacity:1;transform:none}

.esp2 .card h3{font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;margin-top:18px;line-height:1.1}
.esp2 .card .mun{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--beige);margin-top:7px}
.esp2 .card p{font-size:15.5px;font-weight:300;color:var(--beige50);margin-top:12px}
.esp2 .card p b{color:var(--crema);font-weight:400}

/* ---------- llamada al final de zona ---------- */
.esp2 .cta-zona{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;
  gap:24px;flex-wrap:wrap;background:#3b393a;padding:26px 30px;margin-top:4px}
.esp2 .cta-zona p{font-size:18px;font-weight:300;color:var(--beige50)}
.esp2 .btn{display:inline-block;background:var(--crema);color:var(--gris);font-weight:700;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:14px 26px;white-space:nowrap}
.esp2 .btn:hover{background:var(--beige)}

/* ---------- tu propio espacio ---------- */
.esp2 .abierto{background:var(--crema);color:var(--gris);padding:52px 46px;margin-bottom:12px;
  display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:start}
.esp2 .abierto h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;text-transform:uppercase;
  line-height:1.04;max-width:9ch}
.esp2 .abierto p{font-weight:300;font-size:18px;color:#4a4749;max-width:62ch}
.esp2 .abierto p+p{margin-top:14px}
.esp2 .abierto .btn{background:var(--gris);color:var(--crema);margin-top:24px}
.esp2 .abierto .btn:hover{background:var(--beige);color:var(--gris)}

/* ---------- cierre ---------- */
.esp2 .cierre{border-top:1px solid var(--gris75);padding:70px 0 96px;
  display:grid;grid-template-columns:1fr 1fr;gap:56px}
.esp2 .cierre h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;text-transform:uppercase;line-height:1.06}
.esp2 .cierre p{font-weight:300;color:var(--beige50);margin-top:18px}
.esp2 .cierre .btn{margin-top:26px}

@media(max-width:940px){
  .esp2 .grid{grid-template-columns:repeat(2,1fr);gap:32px 22px}
  .esp2 .cierre{grid-template-columns:1fr;gap:34px}
  .esp2 .abierto{grid-template-columns:1fr;gap:22px;padding:40px 30px}
  .esp2 .abierto h2{max-width:none}
}
@media(max-width:600px){
    .esp2 .head{padding:56px 0 40px}
  .esp2 .grid{grid-template-columns:1fr;gap:38px}
  .esp2 .zonas{gap:16px}
  .esp2 .salir{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}


/* ===== v4 · pie compacto ===== */
footer .fgrid{display:grid!important;grid-template-columns:auto 1fr auto;gap:28px 40px;align-items:center}
.pie-datos{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:14.5px;font-weight:300}
.pie-datos a{display:inline-flex;align-items:center;gap:8px;color:var(--beige)}
.pie-datos a:hover{color:var(--crema)}
.pie-datos svg{width:16px;height:16px;flex:none;fill:currentColor}
.mosaico4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gris75)}
.mosaico4 .marco{aspect-ratio:3/4;position:relative}
.mosaico4 img{width:100%;height:100%;object-fit:cover;display:block}
.mosaico4 .marco:has(.pide){background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 12px,transparent 12px 24px);
  border:1px dashed currentColor;display:flex;align-items:center;justify-content:center}
@media(max-width:860px){.mosaico4{grid-template-columns:repeat(2,1fr)}}
.mosaico{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gris75);margin-top:52px}
.mosaico .marco{aspect-ratio:3/4;position:relative}
.mosaico img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.mosaico{grid-template-columns:repeat(2,1fr)}}
.banda-vacia{width:100%;height:clamp(200px,26vw,360px);display:flex;align-items:center;
  justify-content:center;position:relative;border-top:1px dashed var(--gris50);
  border-bottom:1px dashed var(--gris50);
  background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 12px,transparent 12px 24px)}
/* huecos de foto numerados */
.slot{position:absolute;top:0;left:0;z-index:5;background:#111;color:#fff;font-family:var(--t);
  font-weight:700;font-size:10px;letter-spacing:.12em;padding:5px 9px}
body.sinslots .slot{display:none}
.tira-vacia .marco{background:repeating-linear-gradient(45deg,rgba(0,0,0,.045) 0 10px,transparent 10px 20px);
  border:1px dashed currentColor;display:flex;align-items:center;justify-content:center;position:relative}
.pide{font-family:var(--t);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  opacity:.55;text-align:center;padding:0 14px}
#slotsoff{position:fixed;right:14px;bottom:88px;z-index:95;background:#111;color:#fff;border:0;
  font-family:var(--t);font-size:10px;letter-spacing:.12em;padding:9px 12px;cursor:pointer}
/* banner de entrada */
.banner{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--gris);
  color:var(--crema);border-top:1px solid var(--gris75);transition:transform .3s ease}
.banner.fuera{transform:translateY(110%)}
.banner-in{max-width:var(--maxw);margin:0 auto;padding:22px 34px;display:grid;
  grid-template-columns:1fr auto;gap:20px 40px;align-items:center}
.banner b{display:block;font-family:var(--t);font-weight:700;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--beige);margin-bottom:8px}
.banner p{font-weight:300;font-size:14.5px;line-height:1.6;max-width:82ch}
.banner-btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.banner-in{grid-template-columns:1fr;padding:20px 22px}
  .banner-btns .btn{flex:1}}
.pielink{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;opacity:.7}
.pielink:hover{opacity:1;text-decoration:underline}
.enlace{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}
/* páginas legales */
.legaldoc{max-width:78ch;margin-top:38px}
.legaldoc h2{font-family:var(--t);font-weight:700;font-size:19px;letter-spacing:.02em;
  margin:44px 0 14px;padding-top:18px;border-top:1px solid var(--gris75)}
.legaldoc h2:first-child{margin-top:0;border-top:0;padding-top:0}
.legaldoc p{font-weight:300;font-size:16px;line-height:1.72;margin:0 0 14px}
.legaldoc ul.li{margin:6px 0 18px}
.legaldoc ul.li li{font-size:16px;padding:9px 0}
.legaldoc .sheet{margin:20px 0 24px}
/* contacto */
.horario{margin-top:30px;border-left:2px solid var(--beige);padding:4px 0 4px 20px}
.horario b{display:block;font-family:var(--t);font-weight:700;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--beige)}
.horario span{display:block;margin-top:7px;font-size:19px;font-weight:300}
.horario em{display:block;margin-top:10px;font-style:normal;font-weight:300;font-size:15px;
  line-height:1.55;color:var(--beige);max-width:52ch}
.form label i{color:var(--beige);font-style:normal}
.captcha{display:flex;align-items:center;gap:14px;border:1px solid var(--gris75);padding:16px 18px}
.captcha .cbox{width:22px;height:22px;border:1px solid currentColor;flex:none}
.captcha span{font-size:14px;font-weight:300}
.captcha em{display:block;font-style:normal;font-size:12.5px;opacity:.6;margin-top:3px}
.consent{display:flex;align-items:flex-start;gap:11px}
.consent input{width:17px;height:17px;margin-top:2px;flex:none;accent-color:var(--beige)}
.consent label{font-size:14.5px;font-weight:300;line-height:1.5}
.consent a{text-decoration:underline}
.micro{margin-top:12px;font-size:12.5px;font-weight:300;opacity:.62;text-align:center}
.gracias{display:none;border:1px solid var(--beige);padding:44px 34px;text-align:center}
.gracias svg{width:46px;height:46px;color:var(--beige);margin-bottom:18px}
.gracias b{display:block;font-family:var(--t);font-weight:700;font-size:clamp(26px,3.2vw,38px);
  color:var(--beige);line-height:1.1}
.gracias p{margin-top:14px;font-size:18px;font-weight:300}
.gracias span{display:block;margin-top:18px;font-size:14px;font-weight:300;opacity:.7}
/* rectángulos de enlace */
.enlaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.enlaces button{text-align:left;background:transparent;cursor:pointer;font-family:inherit;
  border:1px solid currentColor;padding:26px 26px 24px;color:inherit;display:grid;
  grid-template-columns:1fr auto;gap:6px 16px;align-items:start;transition:background .18s,color .18s}
.enlaces button b{font-family:var(--t);font-weight:700;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase}
.enlaces button span{grid-column:1/-1;font-weight:300;font-size:16px;line-height:1.5}
.enlaces button i{font-style:normal;font-size:19px;line-height:1}
.b-gris .enlaces button:hover{background:var(--crema);color:var(--gris)}
.b-crema .enlaces button:hover,.b-beige .enlaces button:hover{background:var(--gris);color:var(--crema)}
/* frases cortas apiladas */
.tanda{margin:26px 0 8px}
.tanda span{display:block;font-family:var(--t);font-weight:700;line-height:1.24;
  font-size:clamp(18px,2.1vw,27px);letter-spacing:-.01em}
.tanda span:nth-child(even){padding-left:1.4em;opacity:.62}
.lema{margin-top:26px;font-family:var(--t);font-weight:700;line-height:1.12;
  font-size:clamp(22px,2.6vw,34px);color:var(--beige)}
.b-crema .lema,.b-beige .lema{color:var(--gris)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips span{border:1px solid currentColor;padding:8px 14px;font-weight:300;font-size:14.5px;opacity:.85}
.cifras-claro{background:var(--beige)}
.cifras-claro > div{background:var(--crema)}
.cifras-claro b{color:var(--gris)}
.cifras-claro span{color:var(--gris)}
.cifras-claro em{color:var(--gris50)}
/* gastronomía */
.numfam{font-family:var(--t);font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--beige)}
.b-crema .numfam,.b-beige .numfam{color:var(--gris50)}
.tirafoto{width:100%;height:clamp(240px,34vw,460px);object-fit:cover;display:block}
.carta{margin-top:26px;border-top:1px solid currentColor}
.carta summary{list-style:none;cursor:pointer;padding:16px 0;font-family:var(--t);font-weight:700;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px}
.carta summary::-webkit-details-marker{display:none}
.carta summary::after{content:"+";font-size:20px;line-height:1}
.carta[open] summary::after{content:"\2013"}
ul.platos{list-style:none;margin:0 0 22px;padding:0}
ul.platos li{font-weight:300;font-size:16px;line-height:1.5;padding:9px 0;border-top:1px solid currentColor;opacity:.9}
.estaciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;
  background:var(--gris75);margin-top:54px}
.estaciones .est{background:var(--crema);padding:24px 24px 26px}
.estaciones b{display:block;font-family:var(--t);font-weight:700;font-size:17px;margin-bottom:8px}
.estaciones span{display:block;font-weight:300;font-size:15px;line-height:1.5}
/* títulos destacados */
.titulos{display:flex;flex-wrap:wrap;gap:10px}
.titulos span{border:1px solid var(--gris75);padding:10px 16px;font-weight:300;font-size:15.5px;
  color:var(--crema)}
/* cifras de filmografía */
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gris75)}
.cifras > div{background:var(--gris);padding:38px 30px 34px}
.cifras b{display:block;font-family:var(--t);font-weight:700;line-height:.9;
  font-size:clamp(52px,7vw,92px);color:var(--beige);letter-spacing:-.02em}
.cifras span{display:block;margin-top:14px;font-family:var(--t);font-weight:700;font-size:13px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--crema)}
.cifras em{display:block;margin-top:10px;font-style:normal;font-weight:300;font-size:15px;
  line-height:1.5;color:var(--beige)}
@media(max-width:760px){.cifras{grid-template-columns:1fr}}
.pie-cta{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.pie-cta .btn{padding:11px 18px}
.soc2{display:flex;gap:10px;justify-content:flex-end}
.soc2 a{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--beige);transition:.25s}
.soc2 a:hover{background:var(--beige);color:var(--gris);border-color:var(--beige)}
.soc2 svg{width:17px;height:17px;fill:currentColor}
.pie-bajo{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);
  font-size:12.5px;font-weight:300;color:var(--beige)}
.pie-bajo .legal{display:flex;gap:20px;flex-wrap:wrap}
.pie-bajo a:hover{color:var(--crema)}
@media(max-width:860px){
  footer .fgrid{grid-template-columns:1fr;gap:26px;text-align:center}
  .pie-datos{justify-content:center}
  .pie-cta{justify-content:center}
  .soc2{justify-content:center}
  .pie-bajo{justify-content:center;text-align:center}
}


/* ===== v5 · cabecero ===== */
.drop{position:relative;display:inline-block}
.dropmenu{position:absolute;top:100%;left:0;min-width:210px;background:var(--gris);
  border:1px solid rgba(255,255,255,.16);padding:8px 0;display:none;z-index:60}
.drop:hover .dropmenu,.drop:focus-within .dropmenu{display:block}
.dropmenu button{display:block;width:100%;text-align:left;padding:10px 18px!important;
  font-size:14px!important;letter-spacing:.02em!important;text-transform:none!important}
.dropmenu button:hover{background:rgba(255,255,255,.07);color:var(--crema)}
.idioma{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.14em;
  color:var(--beige);margin:0 6px}
.idioma b{color:var(--crema);font-weight:700}
.idioma i{font-style:normal;opacity:.5}
.idioma a{color:var(--beige)}
.idioma a:hover{color:var(--crema)}
/* reclamo de gastronomía */
.reclamo{display:block;position:relative;min-height:300px;margin-top:10px}
.reclamo .cap{position:absolute;left:0;bottom:0;right:0;padding:28px 30px;
  background:linear-gradient(transparent,rgba(52,50,51,.85))}
.reclamo .cap b{display:block;font-size:26px;font-weight:700;text-transform:uppercase;color:var(--crema);line-height:1.05}
.reclamo .cap span{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--beige);margin-top:8px}


/* ===== v6 · cabecero de enlaces directos (sin desplegable) ===== */
.top .wrap{gap:14px;flex-wrap:nowrap}
.top .marca{margin-right:auto;flex:none}
.top nav.nav{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
.top nav.nav button{padding:9px 9px;font-size:11.5px;letter-spacing:.12em;white-space:nowrap}
.top nav.nav .sep{width:1px;height:16px;background:rgba(255,255,255,.2);margin:0 10px;flex:none}
.top .idioma{flex:none}
.top .btn.cta{flex:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:38px;
  background:none;border:1px solid var(--gris75);cursor:pointer;flex:none;padding:0 11px}
.burger span{display:block;height:1.5px;background:var(--crema);transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

@media(max-width:1240px){
  .top nav.nav button{font-size:11px;padding:9px 7px;letter-spacing:.08em}
  .top nav.nav .sep{margin:0 6px}
}
@media(max-width:1080px){
  .burger{display:flex}
  .top .idioma{margin-left:auto}
  .top nav.nav{display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--gris);border-top:1px solid var(--gris75);border-bottom:1px solid var(--gris75);
    flex-direction:column;align-items:stretch;padding:10px 0;z-index:70;
    max-height:calc(100vh - 76px);overflow-y:auto}
  .top nav.nav.abierto{display:flex}
  .top nav.nav button{text-align:left;font-size:15px;letter-spacing:.1em;padding:14px 34px}
  .top nav.nav button[aria-current="true"]{background:var(--crema);color:var(--gris)}
  .top nav.nav .sep{width:auto;height:1px;margin:8px 34px;background:rgba(255,255,255,.14)}
}
@media(max-width:520px){
  .top .btn.cta{padding:11px 13px;font-size:11px}
  .top .logo{height:32px}
}

/* ===== v7 · estrellas en las reseñas ===== */
.quote cite{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quote cite .est5{letter-spacing:2px;font-size:13px;color:var(--beige);line-height:1}
.b-crema .quote cite .est5{color:var(--beige)}

/* ===== v7 · fotos reales en la portada ===== */
.rf{width:100%;height:100%;object-fit:cover;display:block}
.marco{position:relative;overflow:hidden;background:#3d3b3c}
.marco .mark{position:absolute;right:16px;bottom:16px;width:42px;height:auto;color:var(--crema);
  opacity:.92;z-index:3;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.hero .marco{min-height:520px;width:100%}
.serv2 .marco{min-height:400px}
.gal .marco{min-height:190px;aspect-ratio:1/1}
.reclamo.marco{min-height:0;aspect-ratio:16/6;display:block;width:100%;border:0;cursor:pointer;padding:0}
.reclamo .rf{object-position:center 38%}
.reclamo .cap{padding:clamp(24px,4vw,48px) clamp(24px,5vw,70px)}
.reclamo .cap b{font-size:clamp(24px,3.4vw,44px)}
@media(max-width:860px){.reclamo.marco{aspect-ratio:4/5}}
.reclamo .cap{z-index:2}
.pend{position:absolute;top:0;left:0;background:var(--beige);color:var(--gris);
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;z-index:4}
@media(max-width:940px){.serv2 .marco{min-height:300px}.hero .marco{min-height:380px}}

/* ===== v7 · galería clicable ===== */
.gal .tile{position:relative;display:block;border:0;padding:0;margin:0;cursor:pointer;
  background:#3d3b3c;overflow:hidden;aspect-ratio:1/1;font-family:inherit}
.gal .tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.gal .tile:hover img{transform:scale(1.06)}
.gal .tile .et{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 14px;
  background:linear-gradient(transparent,rgba(52,50,51,.88));color:var(--crema);
  font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  display:flex;justify-content:space-between;align-items:baseline;gap:8px;text-align:left}
.gal .tile .et i{font-style:normal;color:var(--beige);font-size:13px;flex:none}
.gal .tile:hover .et i{color:var(--crema)}


/* ===== v8 · web estática: los enlaces del menú se comportan como los botones ===== */
nav a{background:none;border:0;color:var(--beige);font-family:var(--t);font-weight:700;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:9px 13px;cursor:pointer;
  display:inline-block}
nav a:hover{color:var(--crema)}
.top nav.nav a{padding:9px 9px;font-size:11.5px;letter-spacing:.12em;white-space:nowrap;
  display:inline-block}
.top nav.nav a.btn,.top a.btn{padding:12px 20px}
.serv2 a.mas{margin-top:24px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--crema);border-bottom:1px solid var(--beige);padding-bottom:5px;
  align-self:flex-start;display:inline-block}
.serv2 a.mas:hover{color:var(--beige)}
.enlaces a{text-align:left;background:transparent;font-family:inherit;border:1px solid currentColor;
  padding:26px 26px 24px;color:inherit;display:grid;grid-template-columns:1fr auto;gap:6px 16px;
  align-items:start;transition:background .18s,color .18s}
.b-gris .enlaces a:hover{background:var(--crema);color:var(--gris)}
.b-crema .enlaces a:hover,.b-beige .enlaces a:hover{background:var(--gris);color:var(--crema)}
a.pielink{opacity:.7}
a.pielink:hover{opacity:1;text-decoration:underline}
a.enlace{text-decoration:underline}
@media(max-width:1240px){.top nav.nav a{font-size:11px;padding:9px 7px;letter-spacing:.08em}}
@media(max-width:1080px){
  .top nav.nav a{text-align:left;font-size:15px;letter-spacing:.1em;padding:14px 34px;display:block}
  .top nav.nav a.btn{margin:10px 34px;display:inline-block}
}

/* formulario de la web estática */
.form button.btn{width:100%;padding:16px}
.gracias{display:none}

/* ===== v9 · franja de confianza a tres ===== */
.confianza.tres{grid-template-columns:repeat(3,1fr)}
@media(max-width:940px){.confianza.tres{grid-template-columns:1fr}
  .confianza.tres .it{border-left:0;padding:22px 0;border-top:1px solid rgba(255,255,255,.09)}
  .confianza.tres .it:first-child{border-top:0}}
/* el selector de fecha, en la paleta de la web */
.form input[type="date"]{color-scheme:dark;font-family:var(--t)}
.form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}
.form input[type="date"]:hover::-webkit-calendar-picker-indicator{opacity:1}

/* ===== v10 · página activa, WhatsApp flotante y banner de consentimiento ===== */
.top nav.nav a.activo{color:var(--crema);position:relative}
.top nav.nav a.activo::after{content:"";position:absolute;left:9px;right:9px;bottom:2px;height:1px;background:var(--beige)}
.top a.btn.solid.cta.activo{background:var(--beige)}

.wafloat{position:fixed;right:20px;bottom:20px;z-index:80;width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .18s,box-shadow .18s}
.wafloat:hover{transform:scale(1.07);box-shadow:0 8px 26px rgba(0,0,0,.36)}
.wafloat svg{width:30px;height:30px;fill:currentColor}
body.con-banner .wafloat{bottom:calc(20px + var(--altobanner,150px))}
@media(max-width:600px){.wafloat{right:14px;bottom:14px;width:52px;height:52px}.wafloat svg{width:27px;height:27px}}

.banner{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--gris);color:var(--crema);
  border-top:1px solid var(--gris75);transition:transform .32s ease}
.banner.fuera{transform:translateY(115%)}
.banner-in{max-width:var(--maxw);margin:0 auto;padding:22px 34px;display:grid;
  grid-template-columns:1fr auto;gap:18px 40px;align-items:center}
.banner b{display:block;font-family:var(--t);font-weight:700;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--beige);margin-bottom:8px}
.banner p{font-weight:300;font-size:14.5px;line-height:1.6;max-width:86ch}
.banner p a{text-decoration:underline;color:var(--crema)}
.banner-btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.banner-in{grid-template-columns:1fr;padding:18px 20px}
  .banner p{font-size:13.5px}.banner-btns .btn{flex:1;text-align:center}}

/* ===== v11 · WhatsApp con la identidad, cifras de portada y adaptacion a pantallas ===== */

/* el boton flotante, en la paleta de la casa */
.wafloat{background:var(--beige);color:var(--gris);border:1px solid var(--beige)}
.wafloat:hover{background:var(--crema);color:var(--gris);border-color:var(--crema)}
.b-crema .wafloat,.b-beige .wafloat{background:var(--gris);color:var(--crema)}

/* cifras: en la portada van sobre gris, con filete beige */
.hero .cifras,.band.b-gris .cifras{background:var(--gris75)}
.hero .cifras > div,.band.b-gris .cifras > div{background:var(--gris)}

/* ---------- ADAPTACION A PANTALLAS ---------- */

/* portatil pequeno y tablet horizontal */
@media(max-width:1180px){
  .wrap{padding:0 26px}
  .heroGrid{gap:38px}
  .cifras b{font-size:clamp(44px,6vw,72px)}
}

/* tablet vertical · iPad */
@media(max-width:1024px){
  .band{padding:74px 0}
  .heroGrid{grid-template-columns:1fr;gap:34px}
  .heroGrid .marco{min-height:340px}
  .dos-fotos{grid-template-columns:1fr;gap:28px}
  .dos-fotos.inv > .marco{order:0}
  .dos-fotos > .marco{min-height:320px}
  .serv2{grid-template-columns:1fr}
  .serv2 .foto{min-height:320px}
  .serv2 .txt{padding:34px 26px 44px}
  .grid.g3{grid-template-columns:repeat(2,1fr)}
  .two{grid-template-columns:1fr;gap:34px}
  .mosaico{grid-template-columns:repeat(3,1fr)}
  .estaciones{grid-template-columns:repeat(2,1fr)}
  .cifras{grid-template-columns:repeat(3,1fr)}
  .enlaces{grid-template-columns:repeat(2,1fr)}
}

/* tablet pequena y movil grande */
@media(max-width:820px){
  .wrap{padding:0 20px}
  .band{padding:60px 0}
  .grid.g2,.grid.g3{grid-template-columns:1fr}
  .mosaico,.mosaico4{grid-template-columns:repeat(2,1fr)}
  .tira{grid-template-columns:repeat(2,1fr)}
  .cifras{grid-template-columns:1fr;gap:1px}
  .cifras > div{padding:28px 24px 26px}
  .cifras b{font-size:54px}
  .enlaces{grid-template-columns:1fr}
  .estaciones{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:26px}
  .rail{position:static;writing-mode:horizontal-tb;transform:none;text-align:left}
  .sheet .row{grid-template-columns:1fr}
  .sheet .k{border-right:0;border-bottom:1px solid currentColor;padding-bottom:8px}
  .form{grid-template-columns:1fr}
  .tirafoto{height:clamp(200px,46vw,320px)}
}

/* movil */
@media(max-width:560px){
  .wrap{padding:0 16px}
  .band{padding:48px 0}
  .tit{letter-spacing:.02em}
  .sub{font-size:17px}
  .cell{padding:26px 20px}
  .note{padding:20px 18px;font-size:15px}
  .mosaico,.mosaico4,.tira{grid-template-columns:repeat(2,1fr)}
  .cifras b{font-size:46px}
  .dos-fotos > .marco{min-height:260px}
  .serv2 .foto{min-height:260px}
  .faq summary{font-size:17px;padding:16px 0}
  .banner-in{padding:16px 16px 18px}
  .banner p{font-size:13px}
  .wafloat{width:50px;height:50px}
  .wafloat svg{width:26px;height:26px}
  ul.platos li{font-size:15px}
  .estaciones .est{padding:20px 18px}
}

/* movil pequeno */
@media(max-width:380px){
  .mosaico,.mosaico4,.tira{grid-template-columns:1fr}
  .cifras b{font-size:40px}
}

/* que ninguna foto se desborde nunca */
img{max-width:100%;height:auto}
.marco img{height:100%}

/* ===== v12 · icono de WhatsApp nítido ===== */
.wafloat svg{width:28px;height:28px;fill:currentColor;display:block;shape-rendering:geometricPrecision}
.wafloat{-webkit-font-smoothing:antialiased;transform:translateZ(0)}
@media(max-width:560px){.wafloat svg{width:25px;height:25px}}

/* ===== v15 · cuatro cifras en cuadro ===== */
.cifras.cuatro{grid-template-columns:repeat(4,1fr);border:1px solid var(--gris75);background:var(--gris75)}
.cifras.cuatro > div{padding:34px 26px 30px}
.cifras.cuatro b{font-size:clamp(38px,4.6vw,62px)}
.cifras.cuatro span{font-size:12px;margin-top:12px}
.cifras.cuatro em{font-size:14.5px;margin-top:9px}
.cifras .est5{display:block;letter-spacing:3px;color:var(--beige);font-size:13px;margin-bottom:6px}
@media(max-width:1080px){.cifras.cuatro{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cifras.cuatro{grid-template-columns:1fr}
  .cifras.cuatro > div{padding:24px 20px 22px}
  .cifras.cuatro b{font-size:40px}}

/* ===== v16 · estrellas sobre el rótulo ===== */
.cifras.cuatro span .est5{display:block;letter-spacing:3px;color:var(--beige);font-size:14px;
  margin-bottom:5px;line-height:1}