@font-face{font-family:"Satoshi";src:url("/fuentes/Satoshi-Variable.woff2") format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Stardom";src:url("/fuentes/Stardom-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#3e284d;--bg2:#382448;--bg3:#2a1a35;--acento:#e59632;--suave:#aa9fb3;--claro:#aa8dbb;
  --superficie:#463054;--linea:rgba(170, 141, 187, .22);--boton:#aa8dbb;--boton-texto:#2a1a35;
  --texto:#ddd3e7;--ancho:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:#fff;font:400 17px/1.6 "Satoshi",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
.env{width:min(var(--ancho),calc(100% - 48px));margin-inline:auto}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:4px}
.ojo{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acento);margin:0 0 16px}
/* Stardom SOLO en el h1: lo dice el manual de la marca con esas palabras (saykin.css). */
h1{font-family:"Stardom",Georgia,serif;font-weight:400;font-size:clamp(42px,5.4vw,66px);line-height:1.04;letter-spacing:-.01em;margin:0}
h2{font-size:clamp(30px,3.5vw,42px);line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:0}
h3{font-size:19px;line-height:1.3;font-weight:700;margin:0}
.boton{display:inline-flex;align-items:center;gap:10px;background:var(--boton);color:var(--boton-texto);
  border:1px solid var(--boton);border-radius:12px;padding:14px 22px;font:700 15px/1.1 "Satoshi",Arial,sans-serif;
  text-decoration:none;transition:transform .18s ease,filter .18s ease}
.boton:hover{filter:brightness(1.06);transform:translateY(-1px)}
.boton:active{transform:translateY(1px) scale(.985)}
.boton svg{width:18px;height:18px;flex:none}
.enlace{font-weight:700;font-size:15px;text-decoration:none;border-bottom:1px solid var(--linea);padding-bottom:3px}
.enlace:hover{border-bottom-color:var(--acento)}

/* --- cabecera: la de la portada, con «Clientes» marcado --- */
.cab{position:sticky;top:0;z-index:20;background:rgba(42,26,53,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.cab-in{display:flex;align-items:center;gap:32px;min-height:72px}
.marca img{height:34px;width:auto}
.menu{display:flex;gap:28px;margin-left:auto}
.menu a{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:#e3d9ee;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover{color:#fff}
.menu a[aria-current="page"]{color:#fff;border-bottom-color:var(--acento)}
.cab .boton{padding:10px 16px;font-size:14px;font-weight:600;white-space:nowrap}
/* Entre la hamburguesa y 1199 px el menu entero no deja sitio al boton, que se partia en dos renglones
   (medido de 1060 a 1120). «Contacto» lleva al mismo sitio que el boton, asi que en ese tramo se
   esconde y el boton se queda. Es lo mismo que se hace en la portada (sonda 4854). */
@media (max-width:1199px){.menu a[href="/#formulario"]{display:none}}
.menu-movil{display:none;margin-left:auto}
.menu-movil summary{list-style:none;cursor:pointer;width:46px;height:46px;border:1px solid var(--linea);border-radius:12px;display:grid;place-items:center}
.menu-movil summary::-webkit-details-marker{display:none}
.menu-movil summary span,.menu-movil summary span::before,.menu-movil summary span::after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;content:""}
.menu-movil summary span::before{position:absolute;top:-6px}
.menu-movil summary span::after{position:absolute;top:6px}
.menu-movil[open] summary{border-color:var(--claro)}
.menu-movil nav{position:absolute;left:0;right:0;top:100%;background:var(--bg3);border-bottom:1px solid var(--linea);padding:10px 24px 22px;display:grid}
.menu-movil nav a{padding:13px 0;border-bottom:1px solid var(--linea);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.menu-movil nav a[aria-current="page"]{color:var(--acento)}
.menu-movil nav .boton{margin-top:18px;justify-content:center;letter-spacing:0;text-transform:none;font-size:15px;border-bottom:1px solid var(--boton)}

/* --- portada de la pagina --- */
.heroe{padding:92px 0 104px;background:radial-gradient(760px 420px at 82% 38%,rgba(229,150,50,.07),transparent 62%),var(--bg)}
.heroe-in{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}
.bajada{font-size:clamp(19px,2vw,23px);line-height:1.38;font-weight:700;color:var(--claro);margin-top:26px;max-width:30ch}
.texto{color:var(--suave);margin-top:18px;max-width:54ch}
.acciones{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:32px}
.minis{display:grid;gap:16px}
.minis .et{margin-bottom:2px}
.mini{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:16px 20px 16px 16px;border-radius:20px;
  background:var(--superficie);border:1px solid var(--linea);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.mini:hover{transform:translateY(-2px);border-color:rgba(229,150,50,.6)}
.mini b{display:block;font-size:18px;line-height:1.3}
.mini small{display:block;color:var(--suave);font-size:14px;line-height:1.45;margin-top:3px}
.mini .flecha{color:var(--acento);font-size:22px;line-height:1}
/* Pistas minmax(0,1fr): con pistas automaticas la rejilla crece hasta el tamaño propio del logo
   (el SVG de Grandes Sueños trae 505x505) y el 100% del <img> deja de ser el de la caja. */
.logo-caja{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;border-radius:14px;width:118px;height:84px;padding:12px;flex:none}
/* El logo LLENA su caja y se encoge dentro: con max-height:100% el SVG de Grandes Sueños (505x505
   de tamaño propio) se salia, porque el alto de una pista de rejilla automatica no es un alto fijo. */
.logo-caja img{width:100%;height:100%;object-fit:contain}

/* --- cada caso --- */
.caso{padding:108px 0;border-top:1px solid var(--linea)}
.caso.banda{background:var(--bg2)}
.caso-cab{display:flex;align-items:center;gap:30px;margin-bottom:48px}
.caso-cab .logo-caja{width:176px;height:122px;padding:18px;border-radius:18px}
.que-es{color:var(--claro);font-weight:700;font-size:19px;line-height:1.4;margin-top:10px}
.web-cliente{display:inline-flex;gap:6px;margin-top:10px;font-size:15px;font-weight:700;color:var(--acento);text-decoration:none;border-bottom:1px solid transparent}
.web-cliente:hover{border-bottom-color:var(--acento)}
.caso-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:start}
.et{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin:0 0 14px}
.encargo{font-size:19px;line-height:1.62;color:#f1eaf7}
.cifras{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cifras li{border-top:2px solid var(--acento);padding-top:14px}
.cifras b{display:block;font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}
.cifras span{display:block;color:var(--suave);font-size:14px;line-height:1.45;margin-top:8px}
.galeria{margin:0}
.galeria figcaption{color:var(--suave);font-size:14px;line-height:1.5;margin-top:16px}
.navegador{border-radius:12px;overflow:hidden;background:#1d1224;border:1px solid rgba(255,255,255,.09);box-shadow:0 34px 70px -26px rgba(0,0,0,.7)}
.barra{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#28192f;border-bottom:1px solid rgba(255,255,255,.07)}
.barra i{width:9px;height:9px;border-radius:50%;background:#4f3c5c;flex:none}
.barra span{margin-left:10px;font-size:12px;color:#bdb0cc;background:#1b1121;border-radius:999px;padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.movil{border-radius:28px;overflow:hidden;border:7px solid #130b18;background:#130b18;box-shadow:0 34px 70px -22px rgba(0,0,0,.8)}
.movil img{border-radius:20px}
.lienzo{position:relative;padding:0 14% 10% 0}
.lienzo .movil{position:absolute;right:0;bottom:0;width:26%}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trio figure{margin:0}
.trio figcaption{margin-top:12px}
.pareja{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.foto{border-radius:14px;overflow:hidden;box-shadow:0 34px 70px -24px rgba(0,0,0,.75);transform:rotate(-1.6deg)}
.hecho{margin-top:76px}
.bloques{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bloque{background:var(--superficie);border:1px solid var(--linea);border-radius:20px;padding:26px 24px 24px}
.num{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--acento)}
.bloque h3{margin:8px 0 14px}
.bloque ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.bloque li{position:relative;padding-left:18px;color:var(--texto);font-size:15px;line-height:1.55}
.bloque li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;border-radius:50%;background:var(--acento)}
.caso-grid.dos{grid-template-columns:1.1fr .9fr}
.cifras.columna{grid-template-columns:1fr;margin-top:0;gap:20px}
.cifras.columna li{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:baseline}
.cifras.columna span{margin-top:0;font-size:15px}
.galeria-ancha{margin-top:60px}
.galeria-2{margin-top:72px}
.lateral{display:grid;grid-template-columns:1.45fr .55fr;gap:56px;align-items:center}
/* Al lado, sin solaparse: montado encima, el movil tapaba justo el importe y la vuelta de la
   taquilla, que es lo que la imagen tiene que enseñar (medido en la captura de la primera pasada). */
.lateral .lienzo{display:grid;grid-template-columns:1fr 25%;gap:22px;align-items:end;padding:0}
.lateral .lienzo .movil{position:static;width:auto}
.lateral figcaption{font-size:18px;line-height:1.6;color:#f1eaf7;margin-top:0}
.lateral figcaption .et{display:block;margin-bottom:12px}
.en-marcha{margin-top:60px;border-left:3px solid var(--acento);padding:4px 0 4px 24px;max-width:820px}
.en-marcha ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.en-marcha li{color:#f1eaf7;font-weight:500;line-height:1.55}

/* --- todo lo que hacemos --- */
.capacidades{padding:108px 0;background:var(--bg3);border-top:1px solid var(--linea)}
.cap-cab{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:46px}
.cap-cab p{color:var(--suave)}
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.cap{border:1px solid var(--linea);border-radius:18px;padding:22px 22px 20px;background:rgba(70,48,84,.5)}
.cap h3{font-size:17px;margin:6px 0 8px}
.cap p{color:var(--suave);font-size:14.5px;line-height:1.55}
.letra-pequena{color:var(--suave);font-size:13px;line-height:1.55;margin-top:30px;max-width:86ch}

/* --- cierre: la banda lila de la portada --- */
.cierre{background:#b495c6;color:#1b1220;padding:92px 0;text-align:center}
.cierre .ojo{color:#3e284d}
.cierre h2{color:#1b1220}
.cierre .texto-cierre{color:#2a1a35;max-width:58ch;margin:18px auto 0;font-size:18px;line-height:1.6}
.cierre .acciones{justify-content:center}
.cierre .boton{background:#2a1a35;color:#fff;border-color:#2a1a35}
.cierre .boton.hueco{background:transparent;color:#2a1a35;border-color:rgba(42,26,53,.55)}
.pruebas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;margin-top:34px;font-size:15px;color:#2a1a35;list-style:none;padding:0}
.pruebas a{font-weight:700;text-decoration:none;border-bottom:1px solid rgba(42,26,53,.45)}
.contacto-cierre{margin-top:18px;font-size:15px;color:#2a1a35}
.contacto-cierre a{font-weight:700;text-decoration:none}

@media (max-width:1040px){
  /* solo el boton de la barra: el de dentro del menu del movil es el mismo aviso y tiene que verse */
  .menu,.cab-in>.boton{display:none}
  .menu-movil{display:block}
  .heroe-in,.caso-grid,.caso-grid.dos,.cap-cab,.lateral{grid-template-columns:1fr}
  .lateral{gap:28px}
  .heroe-in{gap:48px}
  .caso-grid{gap:44px}
  .bloques,.rejilla{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .env{width:calc(100% - 32px)}
  .cab-in{min-height:64px}
  .heroe{padding:56px 0 68px}
  .caso,.capacidades{padding:76px 0}
  .cierre{padding:72px 0}
  .caso-cab{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:36px}
  .caso-cab .logo-caja{width:150px;height:104px}
  .bloques,.rejilla,.trio,.pareja{grid-template-columns:1fr}
  .cifras{grid-template-columns:1fr;gap:18px}
  .cifras.columna li{grid-template-columns:1fr;gap:4px}
  .mini{grid-template-columns:auto 1fr;padding:14px}
  .mini .flecha{display:none}
  .logo-caja{width:96px;height:70px;padding:10px}
  .lienzo{padding:0 12% 12% 0}
  .lienzo .movil{width:30%;border-width:5px;border-radius:18px}
  .lienzo .movil img{border-radius:13px}
  .foto{transform:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* --- PANDA --- */
@media (min-width:1041px){.heroe-in{grid-template-columns:1.05fr .95fr}}   /* dentro de la media: fuera, pisaba la columna única del móvil */
.escena{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.circulo{width:min(300px,70vw);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,#6b5a95,#4a3b6c 72%);box-shadow:0 30px 60px rgba(20,10,28,.45)}
.circulo svg{width:90%;height:auto;overflow:visible}
.bocadillos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:min(420px,100%)}
.bur{max-width:86%;border-radius:16px;padding:10px 14px;font-size:15px;line-height:1.45;background:var(--superficie);border:1px solid var(--linea)}
.bur b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:2px}
.bur.panda{align-self:flex-start;background:#4a3b6c;border-color:rgba(180,149,198,.45)}
.bur.nino{align-self:flex-end;background:rgba(229,150,50,.14);border-color:rgba(229,150,50,.45)}
.escena.anima .bur{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.escena.anima .bur.ve{opacity:1;transform:none}
.nota-escena{color:var(--suave);font-size:13px;text-align:center}
.pasos3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pasos3 li{background:var(--superficie);border:1px solid var(--linea);border-radius:20px;padding:26px 24px}
.pasos3 .num{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:var(--acento);color:#2a1a35;font-size:15px;letter-spacing:0}
.pasos3 h3{margin:16px 0 10px}
.pasos3 p{color:var(--suave);font-size:15.5px;line-height:1.6}
.sec{padding:100px 0;border-top:1px solid var(--linea)}
.sec.banda{background:var(--bg2)}
.sec-cab{max-width:760px;margin-bottom:44px}
.sec-cab p{color:var(--suave);margin-top:16px}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.lista-puntos{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.lista-puntos li{position:relative;padding-left:22px;color:var(--texto);line-height:1.55}
.lista-puntos li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--acento)}
.pronto3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pronto3 li{border:1px dashed rgba(229,150,50,.55);border-radius:20px;padding:24px}
.chapa{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2a1a35;background:var(--acento);border-radius:999px;padding:4px 10px}
.pronto3 h3{margin:14px 0 8px}
.pronto3 p{color:var(--suave);font-size:15px;line-height:1.6}
.necesita{margin-top:34px;color:var(--claro);font-weight:500}
.faq details{border-bottom:1px solid var(--linea);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--acento);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--suave);margin-top:10px;max-width:70ch}
.form-lista{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:640px;margin:30px auto 0;text-align:left}
.form-lista label{display:block;font-size:13px;font-weight:700;color:#2a1a35;margin-bottom:6px}
.form-lista input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(42,26,53,.35);background:#fff;color:#1b1220}
.form-lista .ancho{grid-column:1/-1}
.form-lista .trampa{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-lista button{grid-column:1/-1;justify-self:center;cursor:pointer}
.form-lista button:disabled{opacity:.6;cursor:default}
.lista-msg{grid-column:1/-1;text-align:center;min-height:1.5em;color:#2a1a35;font-weight:700}
.lista-msg.mal{color:#7a1f1f}
.legal-lista{font-size:13px;color:#2a1a35;margin-top:16px}
.legal-lista a{font-weight:700}
@media (max-width:1040px){.pasos3,.pronto3{grid-template-columns:1fr}.dos{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){.sec{padding:72px 0}.form-lista{grid-template-columns:1fr}}

/* --- RESERVAS --- */
@media (min-width:1041px){.heroe-in{grid-template-columns:1.15fr .85fr;align-items:center}}
/* rv-movil y no «movil»: «movil» ya es una regla del CSS común (un marco de móvil con borde de 7 px) */
.rv-movil{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:center}
.rv-movil video{display:block;width:min(100%,360px);height:auto;aspect-ratio:9/16;border-radius:28px;background:#2a1a35;
  box-shadow:0 30px 60px rgba(20,10,28,.45);border:1px solid var(--linea)}
.nota-escena{color:var(--suave);font-size:13px;text-align:center}
.precio-caja{display:grid;grid-template-columns:auto 1fr;gap:28px 40px;align-items:center;border:1px solid var(--linea);border-radius:24px;
  padding:32px;background:rgba(255,255,255,.04)}
.precio-caja .cifra{font-size:clamp(64px,9vw,112px);font-weight:800;letter-spacing:-.04em;line-height:1}
.precio-caja .cifra small{font-size:.32em;letter-spacing:0;font-weight:600;color:var(--suave);margin-left:8px}
.precio-caja .mes{color:var(--suave);font-size:15px;margin-top:4px}
.precio-caja .pack{display:inline-block;margin:0 0 10px;background:var(--acento);color:#1B1220;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 12px}
.precio-caja .lista-puntos{margin:0}
.prueba-caja{margin-top:18px;border:1px dashed rgba(229,150,50,.65);border-radius:20px;padding:22px 24px}
.prueba-caja h3{margin:0 0 8px}
.prueba-caja p{color:var(--suave);font-size:15px;line-height:1.6;margin:0}
.lanza{display:inline-block;margin-top:14px;background:var(--acento);color:#1B1220;font-weight:700;font-size:14px;border-radius:999px;padding:8px 16px}
.wa-btn{display:inline-flex;align-items:center;gap:10px;margin-top:14px;background:#25D366;color:#062b17;font-weight:700;border-radius:999px;padding:12px 20px;text-decoration:none}
.wa-btn svg{width:22px;height:22px}
.o-bien{color:var(--suave);font-size:14px;margin-top:14px}
.form-lista textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(42,26,53,.35);background:#fff;color:#1b1220;min-height:96px;resize:vertical}
@media (max-width:1040px){.precio-caja{grid-template-columns:1fr}}
/* el pack: AGENDA + ESTUDIO = Pack Restaurante */
.pack2{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch}
.prod{min-width:0;border:1px solid var(--linea);border-radius:22px;padding:28px 28px 26px;background:rgba(70,48,84,.5)}
.prod-chapa{display:inline-block;font-weight:800;font-size:13px;letter-spacing:.14em;border-radius:999px;padding:6px 14px;color:#1B1220;background:var(--claro)}
.prod--estudio .prod-chapa{background:var(--acento)}
.prod h3{font-size:24px;margin:14px 0 18px;letter-spacing:-.01em}
.prod ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.prod li{padding-left:30px;position:relative}
.prod li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;
  font-size:12px;font-weight:800;background:rgba(95,208,138,.18);color:#5fd08a}
.prod li b{display:block;font-size:16px}
.prod li span{display:block;color:var(--suave);font-size:14.5px;line-height:1.55;margin-top:2px}
.mas{align-self:center;justify-self:center;font-size:48px;font-weight:800;line-height:1;color:var(--acento)}
.igual{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border-radius:20px;padding:18px 24px;background:var(--acento);
  color:#1B1220;text-decoration:none}
.igual:hover{filter:brightness(1.05)}
.igual-signo{font-size:30px;font-weight:800;line-height:1}
.igual b{font-size:20px}
.igual-precio{font-size:20px;font-weight:700}
.igual-ir{margin-left:auto;font-weight:700}
@media (max-width:1040px){.pack2{grid-template-columns:minmax(0,1fr)}.igual-ir{margin-left:0}}

/* --- PRODUCTO (web/saykin-producto) --- */
.funciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.funcion{min-width:0;border:1px solid var(--linea);border-radius:20px;padding:24px;background:rgba(70,48,84,.5)}
.funcion h3{font-size:19px;margin:0 0 8px;letter-spacing:-.01em}
.funcion p{color:var(--suave);font-size:15px;line-height:1.6;margin:0}
.funcion .ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(229,150,50,.16);font-size:22px;margin-bottom:12px}
/* en el cierre (fondo lila) el «O si lo prefieres» de /reservas/ casi no se lee: aquí va oscuro */
.cierre .o-bien{color:#3a2748}
.aviso-honesto{margin-top:22px;border:1px dashed rgba(229,150,50,.65);border-radius:18px;padding:18px 22px;color:var(--suave);font-size:15px;line-height:1.6}
@media (max-width:1040px){.funciones{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:640px){.funciones{grid-template-columns:minmax(0,1fr)}}

/* --- la barra de la portada (6635): mismos valores que .barra de saykin.es --- */
.cab{z-index:40;background:rgba(48,30,60,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(170,141,187,.18)}
.cab .cab-in{justify-content:space-between;gap:24px;padding:18px 0;min-height:0}
.cab .marca{display:block;flex:none}
.cab .marca img{width:132px;height:42px;display:block}
.cab .menu{display:flex;align-items:center;gap:26px;margin-left:0}
.cab .menu a{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#AA9FB3;padding:0 0 3px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.cab .menu a:hover,.cab .menu a[aria-current="page"]{color:#FFFFFF;border-color:#E59632}
.cab .menu a[href="/#formulario"]{display:inline}
.cab .menu-movil{display:none;margin-left:0}
.cab .menu-movil summary{width:48px;height:48px;border:1px solid rgba(170,141,187,.42);border-radius:12px;background:transparent;color:#FFFFFF}
.cab .menu-movil summary:hover{background:rgba(170,141,187,.14);border-color:#AA8DBB}
.cab .menu-movil summary svg{width:22px;height:22px;display:block}
.cab .menu-movil[open] .bm-abrir,.cab .menu-movil:not([open]) .bm-cerrar{display:none}
.cab .menu-movil nav{z-index:41;background:#301E3C;border-bottom:1px solid rgba(170,141,187,.22);padding:4px 16px 16px;box-shadow:0 18px 40px rgba(0,0,0,.34)}
.cab .menu-movil nav a{min-height:52px;display:flex;align-items:center;padding:0;font-size:14px;font-weight:700;letter-spacing:.1em;color:#AA9FB3;border-bottom:1px solid rgba(170,141,187,.16)}
.cab .menu-movil nav a:last-child{border-bottom:0}
.cab .menu-movil nav a[aria-current="page"]{color:#FFFFFF}
@media (min-width:901px){.cab .menu{display:flex}.cab .menu-movil{display:none}
  /* /legajo/ y /estudio/ traen un botón del Área que encoge hasta 1040 px; la portada solo por debajo de 900 */
  .cab .saykin-area{display:inline-flex;margin-left:0;padding:10px 18px;font-size:14px}}
@media (min-width:901px) and (max-width:1079px){.cab .menu a[href="/#formulario"]{display:none}}
@media (min-width:901px) and (max-width:959px){.cab .menu{gap:16px}}
@media (max-width:900px){.cab .cab-in{padding:12px 0}.cab .menu{display:none}.cab .menu-movil{display:block}
  .cab .saykin-area{display:inline-flex;margin-left:auto;padding:8px 14px;font-size:13px}}

.saykin-area{display:inline-flex;align-items:center;gap:8px;flex:none;background:#E59632;color:#1B1220;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em;text-decoration:none;white-space:nowrap}.saykin-area:hover{filter:brightness(1.06)}.saykin-area svg{width:16px;height:16px;flex:none}@media (max-width:901px){.saykin-area{display:none}}
/* los style="…" de la página, pasados a clases (la CSP de esta ruta no deja aplicarlos en línea) */
.sa1{background:#2f1d3b !important;color:#AA9FB3 !important;border-top:1px solid rgba(170,141,187,.22) !important;font:14px/1.6 'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important;padding:36px 0 28px !important}
.sa2{width:min(1120px,calc(100% - 32px)) !important;margin:0 auto !important}
.sa3{display:flex !important;flex-wrap:wrap !important;gap:16px 32px !important;align-items:center !important;justify-content:space-between !important}
.sa4{display:block !important}
.sa5{width:158px !important;height:50px !important;display:block !important}
.sa6{display:flex !important;flex-wrap:wrap !important;gap:0 24px !important;align-items:center !important}
.sa7{color:#e6dcf0 !important;text-decoration:none !important;min-height:44px !important;display:inline-flex !important;align-items:center !important;font-size:15px !important}
.sa8{color:#e6dcf0 !important;text-decoration:underline !important;min-height:44px !important;display:inline-flex !important;align-items:center !important}
.sa9{margin:10px 0 0 !important;font-size:13px !important;color:#a293b5 !important}
.sa10{margin:20px 0 0 !important;padding-top:16px !important;border-top:1px solid rgba(170,141,187,.14) !important;color:#a293b5 !important;font-size:13px !important}