:root{--fondo:#0E0E10;--texto:#F5F3EE;--sec:rgba(245,243,238,.65);--oro:#C8A24A;--borde:rgba(255,255,255,.12);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{background:#0E0E10;color:#F5F3EE;font:400 16px/1.6 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
img,svg{display:block}
img{max-width:100%}
a{color:#F5F3EE;text-decoration-color:rgba(200,162,74,.6);text-underline-offset:3px;transition:color .2s}
a:hover{color:#C8A24A}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid #C8A24A;outline-offset:3px}
h1,h2,h3{font-family:Figtree,Inter,sans-serif;font-weight:500;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}
p{text-wrap:pretty}
.etiqueta{font:500 12px/1.3 Inter,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#C8A24A}
.sec{color:rgba(245,243,238,.65)}
.ic{width:20px;height:20px;flex:none}
.saltar{position:absolute;left:12px;top:-60px;z-index:100;background:#F5F3EE;color:#0E0E10;padding:10px 16px;border-radius:999px}
.saltar:focus{top:12px}
.solo-pc{display:none!important}
@media(min-width:1024px){.solo-pc{display:flex!important}.solo-movil{display:none!important}}

/* Fondo ambiental fijo */
.ambiente{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42vmax 42vmax at 88% 12%,rgba(200,162,74,.08),transparent 70%),radial-gradient(48vmax 48vmax at 6% 86%,rgba(200,162,74,.08),transparent 70%),linear-gradient(180deg,#0E0E10 0%,#16161A 100%)}
.ambiente::after{content:'';position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* FONDO DE IDENTIDAD - reemplazar por fondo.webp + hero.mp4 cuando lleguen */
.fondo-identidad{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(60% 50% at 90% 100%,rgba(200,162,74,.08),transparent 70%),linear-gradient(165deg,#0E0E10 0%,#16161A 100%)}
.fondo-identidad::before,.fondo-identidad::after{content:'';position:absolute;pointer-events:none;animation:luz-identidad 8s ease-in-out infinite;will-change:opacity}
.fondo-identidad::before{inset:-20% -10% auto -20%;height:120%;background:linear-gradient(128deg,rgba(226,190,112,.42) 0%,rgba(200,162,74,.18) 22%,rgba(200,162,74,.05) 42%,transparent 60%)}
.fondo-identidad::after{inset:0;background:radial-gradient(55% 45% at 6% 0%,rgba(236,204,136,.30),transparent 70%);animation-delay:-2s}
@keyframes luz-identidad{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.fondo-identidad::before,.fondo-identidad::after{animation:none;opacity:.8}}
/* FIN FONDO DE IDENTIDAD */

/* Cristal */
.cristal{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.18);transition:border-color .25s}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cristal{background:rgba(14,14,16,.85)}}
.cristal-hover:hover{border-color:#C8A24A}

/* Botones */
.btn-primario{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:#C8A24A;color:#0E0E10;font:500 16px/1.2 Inter,sans-serif;text-decoration:none;border:0;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;white-space:nowrap}
.btn-primario:hover{color:#0E0E10;background:#D3AF5E;box-shadow:0 12px 32px rgba(200,162,74,.28)}
.btn-primario:active{transform:scale(.98)}
.btn-sec{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;background:transparent;color:#F5F3EE;border:1px solid rgba(200,162,74,.7);font:500 16px/1.2 Inter,sans-serif;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}
.btn-sec:hover{border-color:#C8A24A;color:#C8A24A}

/* Menú */
.nav{position:fixed;top:12px;left:12px;right:12px;z-index:45;display:flex;align-items:center;gap:20px;height:56px;padding:0 4px 0 20px;max-width:1240px;margin:0 auto;border-radius:999px}
.nav-logo{display:flex;align-items:center;min-height:48px}
.nav-logo img{height:26px;width:auto}
.nav-enlaces{display:none;list-style:none;gap:24px;margin-left:auto;white-space:nowrap}
.nav-enlaces a{font-size:14px;color:rgba(245,243,238,.8);text-decoration:none;padding:12px 0}
.nav-enlaces a:hover{color:#C8A24A}
.nav-cta{display:none;min-height:46px;padding:0 20px;font-size:15px;border:1px solid transparent}
.nav.cta-sec .nav-cta{background:transparent;color:#F5F3EE;border-color:rgba(200,162,74,.7);box-shadow:none}
.nav.cta-sec .nav-cta:hover{color:#C8A24A}
.hamburguesa{margin-left:auto;width:48px;height:48px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.hamburguesa .i-x{display:none}
.hamburguesa[aria-expanded="true"] .i-x{display:block}
.hamburguesa[aria-expanded="true"] .i-menu{display:none}
.menu-movil{position:fixed;top:76px;left:12px;right:12px;z-index:46;padding:8px;display:grid}
.menu-movil a{display:flex;align-items:center;min-height:52px;padding:0 16px;text-decoration:none;border-radius:14px;font-size:17px}
.menu-movil a:hover{background:rgba(255,255,255,.05)}
.nav--logo .nav-enlaces,.nav--logo .nav-cta,.nav--logo .hamburguesa{display:none!important}
.modo-anuncio .nav-enlaces,.modo-anuncio .hamburguesa,.modo-anuncio .menu-movil,.modo-anuncio .pie-redes{display:none!important}
.modo-anuncio .nav-cta{margin-left:auto}
@media(min-width:1024px){
  .nav{top:16px;left:24px;right:24px;height:60px;padding:0 8px 0 24px}
  .nav-enlaces{display:flex}
  .nav-cta{display:inline-flex}
  .hamburguesa,.menu-movil{display:none!important}
}

/* WhatsApp */
.wa-flotante{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25D366;box-shadow:0 10px 28px rgba(0,0,0,.4);transition:bottom 240ms ease,transform .2s}
.wa-flotante:hover{transform:scale(1.05)}
.wa-flotante svg{width:30px;height:30px;fill:#fff}
body.agenda .wa-flotante{width:48px;height:48px}
body.agenda .wa-flotante svg{width:26px;height:26px}

/* Barra inferior */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(14,14,16,.92),rgba(14,14,16,.55));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform 240ms ease}
.barra.oculta{transform:translateY(110%)}
.btn-barra{display:flex;width:calc(100% - 32px);margin:0 16px;min-height:56px}
body.con-barra{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
@media(min-width:1024px){.barra{display:none}body.con-barra{padding-bottom:0}}

/* Aviso de datos */
.aviso{position:fixed;left:12px;right:12px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;padding:10px 10px 10px 16px;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;transition:bottom 240ms ease}
.aviso p{flex:1 1 230px;font-size:14px;line-height:1.4}
.aviso-botones{display:flex;gap:8px}
.aviso button{min-height:40px;padding:0 16px;border-radius:999px;font:500 14px/1 Inter,sans-serif;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:transparent;color:#F5F3EE}
.aviso button:hover{border-color:#C8A24A}
.aviso button[data-cookies="todas"]{background:#F5F3EE;color:#0E0E10;border-color:#F5F3EE}
.aviso--arriba{position:relative;left:auto;right:auto;bottom:auto!important;margin:0 auto 28px}

/* Hero */
.hero-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:100svh auto}
.hero{position:relative;width:100%;height:100svh;overflow:hidden;grid-area:1/1}
.hero::before{content:'';position:absolute;inset:0;background:rgba(14,14,16,.55);z-index:1}
.blur-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 50%);mask-image:linear-gradient(to bottom,transparent 0%,black 50%);z-index:3}
.photo-container{position:absolute;top:84px;bottom:0;left:0;right:0;overflow:hidden;z-index:2}
.photo-anim{position:absolute;inset:0;animation:sube-foto 1200ms var(--ease) both}
.photo-container img{position:absolute;width:125%;left:62%;transform:translateX(-50%);top:0;max-width:none;height:auto}
.hero-sombra{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to bottom,rgba(14,14,16,0),rgba(14,14,16,.92));z-index:3;pointer-events:none}
.hero-marca{display:none;position:absolute;left:48px;bottom:44px;width:calc(58% - 96px);z-index:4;flex-direction:column;gap:18px}
.hero-marca img{width:min(88%,620px);height:auto}
.hero-derecha{display:contents}
.hero-texto{grid-area:1/1;align-self:end;position:relative;z-index:4;padding:0 20px calc(100px + env(safe-area-inset-bottom));display:grid;gap:12px;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.hero-logo-chico{display:none}
.hero-texto h1{font-size:clamp(28px,8vw,32px);max-width:16ch}
.hero-sub{font-size:16px;line-height:1.5;color:#F5F3EE;max-width:34ch}
.hero-form{grid-area:2/1;padding:24px 16px 48px;position:relative;z-index:4}
@keyframes sube-foto{from{transform:translateY(60px);opacity:0;filter:blur(12px)}to{transform:none;opacity:1;filter:blur(0)}}
@keyframes aparece{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes escala{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.anim-logo{animation:aparece 900ms var(--ease) 250ms both}
.anim-1{animation:aparece 700ms var(--ease) 600ms both}
.anim-2{animation:aparece 700ms var(--ease) 740ms both}
.anim-3{animation:aparece 700ms var(--ease) 880ms both}
.anim-form{animation:escala 700ms var(--ease) 1050ms both}
@media(min-width:1024px){
  .hero-wrap{grid-template-columns:58% 42%;grid-template-rows:100svh}
  .hero{grid-area:1/1/2/3}
  .photo-container{top:100px;right:auto;width:58%}
  .photo-container img{top:24px;bottom:auto;left:57%;width:auto;height:125%}
  .hero-sombra{right:auto;width:58%;height:48%}
  .hero-marca{display:flex}
  .hero-derecha{display:flex;flex-direction:column;justify-content:center;grid-area:1/2;z-index:5;height:100svh;padding:108px 56px 24px 12px;position:relative}
  .hero-texto{grid-area:auto;align-self:auto;padding:0;text-shadow:none;gap:16px}
  .hero-texto .etiqueta{display:none}
  .hero-logo-chico{display:block;height:28px;width:auto;margin-bottom:6px}
  .hero-texto h1{font-size:clamp(38px,min(3.9vw,6.2vh),60px);max-width:none}
  .hero-sub{font-size:18px;color:rgba(245,243,238,.75)}
  .hero-form{grid-area:auto;padding:0;margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.photo-anim,.anim-logo,.anim-1,.anim-2,.anim-3,.anim-form{animation:none}}

/* Formulario por pasos */
.form-card{position:relative;padding:24px 20px;scroll-margin-top:88px;max-width:560px;margin:0 auto;width:100%}
.form-cabeza{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:-8px}
.paso-contador{color:rgba(245,243,238,.65)}
.atras{background:none;border:0;color:rgba(245,243,238,.75);font:500 14px/1 Inter,sans-serif;min-height:44px;min-width:48px;padding:0 4px;cursor:pointer}
.atras:hover{color:#C8A24A}
.progreso{height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin:4px 0 20px}
.progreso span{display:block;height:100%;width:33.34%;background:#C8A24A;border-radius:4px;transition:width .4s var(--ease)}
.pasos-wrap{display:grid}
.paso{grid-area:1/1;display:grid;align-content:start;gap:8px;transition:opacity .25s,transform .25s}
.paso[inert]{visibility:hidden;opacity:0;transform:translateY(8px)}
.paso-titulo{font:500 22px/1.2 Figtree,Inter,sans-serif;letter-spacing:-.03em;margin-bottom:8px;outline:none}
.opcion{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;width:100%;padding:12px 18px;text-align:left;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#F5F3EE;font:400 16px/1.35 Inter,sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.opcion:hover{border-color:#C8A24A}
.opcion .punto{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(245,243,238,.4);flex:none;transition:all .2s}
.opcion[aria-pressed="true"]{border-color:#C8A24A;background:rgba(200,162,74,.12)}
.opcion[aria-pressed="true"] .punto{border-color:#C8A24A;background:#C8A24A;box-shadow:inset 0 0 0 3px #1a1814}
.campo{display:grid;gap:6px;margin-bottom:6px}
.campo label{font-size:14px;color:rgba(245,243,238,.75)}
.campo input{width:100%;min-height:56px;background:rgba(14,14,16,.55);border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#F5F3EE;font:400 16px/1.2 Inter,sans-serif;padding:0 16px;transition:border-color .2s}
.campo input:focus{outline:none;border-color:#C8A24A}
.tel{display:flex;align-items:stretch;background:rgba(14,14,16,.55);border:1px solid rgba(255,255,255,.16);border-radius:14px;transition:border-color .2s}
.tel:focus-within{border-color:#C8A24A}
.tel span{display:flex;align-items:center;padding:0 4px 0 16px;color:rgba(245,243,238,.75)}
.tel input{border:0;background:transparent;padding-left:8px}
.form-error{color:#F0B4A8;font-size:14px}
.btn-enviar{width:100%;margin-top:8px}
@media(min-width:1024px){.form-card{padding:28px}.hero .form-card,.hero-form .form-card{max-width:none}}

/* Secciones */
.seccion{position:relative;max-width:1200px;margin:0 auto;padding:80px 16px;scroll-margin-top:72px}
.seccion-titulo{font-size:clamp(30px,4.4vw,48px);margin-bottom:16px}
.seccion-intro{color:rgba(245,243,238,.65);font-size:17px;max-width:52ch;margin-bottom:40px}
@media(min-width:1024px){.seccion{padding:120px 24px}}

/* Quién soy */
.quienes-grid{display:grid;gap:40px}
.quienes-texto{display:grid;gap:18px}
.quienes-texto p{color:rgba(245,243,238,.75);font-size:16px;line-height:1.7}
.quienes-panel{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:2/1}
.quienes-panel .velo{position:absolute;inset:0;background:rgba(14,14,16,.45);z-index:1}
.quienes-panel img.retrato{position:absolute;top:24px;left:55%;transform:translateX(-50%);width:56%;height:auto;max-width:none;z-index:2}
.quienes-panel .panel-sombra{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(to bottom,rgba(14,14,16,0),rgba(14,14,16,.92));z-index:3}
@media(max-width:1023px){.quienes-panel img.retrato{left:53%}}
@media(min-width:1024px){.quienes-grid{grid-template-columns:46fr 54fr;align-items:center;gap:64px}}
.cifras{margin-top:48px;border-radius:999px;overflow:hidden;padding:22px 0;cursor:pointer;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cifras-pista{display:flex;width:max-content;animation:marquee 30s linear infinite}
.cifras:hover .cifras-pista,.cifras.pausa .cifras-pista{animation-play-state:paused}
.cifras-grupo{display:flex;align-items:baseline;gap:64px;padding-right:64px}
.cifra{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:18px;line-height:1;margin:0;padding:0}
.cifra strong{font:500 18px/1 Figtree,Inter,sans-serif;color:#C8A24A;letter-spacing:-.01em}
.cifra span{font-size:18px;line-height:1;color:#F5F3EE}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.cifras-pista{animation:none}}

/* Situaciones */
.tarjetas{display:grid;gap:16px}
.tarjeta{display:flex;flex-direction:column;gap:14px;padding:28px;text-decoration:none;color:#F5F3EE;min-height:100%}
.tarjeta:hover{color:#F5F3EE}
.tarjeta-top{display:flex;align-items:center;justify-content:space-between;color:#C8A24A}
.tarjeta-top .ic{width:28px;height:28px}
.tarjeta-num{font:500 16px/1 Figtree,sans-serif;color:#C8A24A}
.tarjeta h3{font-size:24px;margin-top:12px}
.tarjeta p{color:rgba(245,243,238,.65)}
.ver-mas{margin-top:auto;padding-top:8px;font-weight:500;font-size:15px;transition:color .2s}
.tarjeta:hover .ver-mas{color:#C8A24A}
@media(min-width:768px){.tarjetas{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Así avanza */
.pasos{position:relative;display:grid;gap:16px;--llenado:0}
.pasos-linea{position:absolute;left:51px;top:52px;bottom:52px;width:2px;background:rgba(255,255,255,.1);z-index:0}
.pasos-linea::after{content:'';position:absolute;inset:0;background:#C8A24A;box-shadow:0 0 14px rgba(200,162,74,.7);transform-origin:top;transform:scaleY(var(--llenado))}
.paso-card{position:relative;z-index:1;padding:28px;display:grid;grid-template-columns:48px 1fr;gap:6px 20px;align-content:start}
.paso-card .paso-num{grid-row:span 2}
.paso-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#16161A;border:1px solid rgba(200,162,74,.55);color:#C8A24A;font:500 18px/1 Figtree,sans-serif}
.paso-card h3{font-size:21px;align-self:center}
.paso-card p{color:rgba(245,243,238,.65);font-size:15.5px}
.avanza-cta{justify-content:center;margin-top:40px}
@media(min-width:1024px){
  .pasos{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
  .pasos-linea{left:12%;right:12%;top:51px;bottom:auto;width:auto;height:2px}
  .pasos-linea::after{transform-origin:left;transform:scaleX(var(--llenado))}
  .paso-card{grid-template-columns:1fr;gap:14px}
  .paso-card .paso-num{grid-row:auto}
  .paso-card h3{margin-top:10px}
}

/* Preguntas */
.faq-wrap{max-width:820px;margin:0 auto}
.faq-wrap .seccion-titulo{text-align:center;margin-bottom:40px}
.faq{display:grid;gap:12px}
.faq details:hover{border-color:#C8A24A}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;min-height:64px;cursor:pointer;font:500 18px/1.35 Figtree,Inter,sans-serif;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{color:#C8A24A;transition:transform .25s}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq details p{padding:0 22px 22px;color:rgba(245,243,238,.7)}

/* Cierre */
.cierre{position:relative;min-height:100svh;display:grid;place-items:center;padding:96px 16px;overflow:hidden;scroll-margin-top:0}
.cierre .velo{position:absolute;inset:0;background:rgba(14,14,16,.45)}
.cierre-in{position:relative;z-index:2;width:100%;max-width:1100px;display:grid;gap:32px;align-items:center}
.cierre h2{font-size:clamp(30px,4.6vw,54px);max-width:18ch}
@media(min-width:1024px){.cierre-in{grid-template-columns:1fr 480px;gap:64px}}

/* Pie */
.pie{max-width:1200px;margin:0 auto;padding:64px 16px 40px;display:grid;gap:28px;font-size:14px;color:rgba(245,243,238,.65)}
.pie img{height:32px;width:auto}
.pie-datos{display:grid;gap:6px}
.pie-datos strong{color:#F5F3EE;font-weight:500}
.pie-enlaces{display:flex;flex-wrap:wrap;gap:8px 24px}
.pie-enlaces a{display:inline-flex;align-items:center;min-height:44px;color:rgba(245,243,238,.8)}
@media(min-width:1024px){.pie{grid-template-columns:auto 1fr auto;align-items:start;gap:48px;padding:80px 24px 48px}}

/* Páginas de caso */
.cabecera{position:relative;min-height:56svh;display:flex;align-items:flex-end;padding:112px 16px 40px;overflow:hidden}
.cabecera::before{content:'';position:absolute;inset:0;background:rgba(14,14,16,.35);z-index:1}
.cabecera-in{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;display:grid;gap:16px}
.cabecera h1{font-size:clamp(32px,6vw,68px);max-width:16ch}
.caso-form{padding:24px 16px 32px}
.bloques{display:grid;gap:16px}
.bloque{padding:28px;display:grid;gap:10px;align-content:start}
.bloque h3{font-size:21px}
.bloque p{color:rgba(245,243,238,.7)}
.mio{margin-top:16px;padding:28px;display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start}
.mio p{font-size:17px;line-height:1.65}
.mio .firma-nombre{font-size:14px;color:rgba(245,243,238,.65);margin-top:10px}
@media(min-width:768px){.bloques{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.cabecera{min-height:66vh;padding:140px 24px 64px}.caso-form{padding:48px 24px 0}.mio{padding:36px 40px}}
.seccion.caso-bloques{padding-top:56px;padding-bottom:56px}

/* Avatar */
.avatar{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(160deg,#2a2519,#16161A);border:1px solid rgba(200,162,74,.4)}
.avatar img{position:absolute;width:170%;max-width:none;height:auto;left:-19%;top:3px}
.avatar--g{width:64px;height:64px}

/* Agenda */
body.agenda{padding-bottom:112px}
.agenda-main{max-width:820px;margin:0 auto;padding:96px 12px 0}
.agenda-cabeza{display:grid;gap:14px;margin-bottom:28px}
.agenda-cabeza h1{font-size:clamp(28px,5vw,44px)}
.agenda-cabeza p{color:rgba(245,243,238,.7);max-width:60ch}
.agenda-caja{position:relative;background:#fff;border-radius:16px;overflow:hidden;height:900px;transition:height .25s;box-shadow:0 20px 60px rgba(0,0,0,.35);scroll-margin-top:88px;min-width:320px}
.agenda-caja::before{content:'Cargando horarios disponibles…';position:absolute;top:56px;left:0;right:0;text-align:center;color:#6b6b6b;font:15px/1.4 Inter,sans-serif}
.agenda-caja>*{position:relative;z-index:1}
.agenda-caja iframe{width:100%!important;height:100%!important;border:0;display:block}
.agenda-caja.sin-widget{height:auto!important;padding:120px 24px 48px;display:flex;justify-content:center}
@media(max-width:600px){.agenda-caja{border-radius:12px;height:760px}}
.agenda-alterno{margin-top:20px;text-align:center;font-size:15px;color:rgba(245,243,238,.7)}
.agenda-alterno a{display:inline-flex;align-items:center;min-height:48px}
.firma{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:40px;color:rgba(245,243,238,.8)}
@media(min-width:768px){.agenda-main{padding:112px 24px 0}}

/* Gracias */
.gracias-main{max-width:720px;margin:0 auto;padding:112px 16px 64px;display:grid;gap:24px}
.gracias-main h1{font-size:clamp(30px,5.4vw,48px)}
.gracias-main>p{color:rgba(245,243,238,.75);font-size:17px}
.btn-wa{width:100%;min-height:64px;font-size:17px}
.btn-wa svg{width:24px;height:24px;fill:#0E0E10}
.no-decide{color:rgba(245,243,238,.75);font-size:15px}
.tener{padding:28px;display:grid;gap:16px}
.tener h2{font-size:22px;letter-spacing:-.03em}
.tener ul{list-style:none;display:grid;gap:12px}
.tener li{display:flex;gap:12px;align-items:flex-start;color:rgba(245,243,238,.8)}
.tener li .ic{color:#C8A24A;margin-top:3px}
.confianza{display:flex;align-items:center;gap:16px;padding-top:8px;color:rgba(245,243,238,.8)}

/* Legales */
.legal{max-width:820px;margin:0 auto;padding:120px 16px 64px;display:grid;gap:20px}
.legal h1{font-size:clamp(30px,5vw,44px)}
.legal h2{font-size:21px;margin-top:16px;letter-spacing:-.03em}
.legal p,.legal li{color:rgba(245,243,238,.75)}
.legal ul{padding-left:20px;display:grid;gap:6px}
.reclamo{padding:24px;display:grid;gap:12px}
.reclamo .fila{display:grid;gap:12px}
.reclamo select,.reclamo textarea{width:100%;min-height:56px;background:rgba(14,14,16,.55);border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#F5F3EE;font:400 16px/1.4 Inter,sans-serif;padding:14px 16px}
.reclamo textarea{min-height:120px;resize:vertical}
.reclamo select:focus,.reclamo textarea:focus{outline:none;border-color:#C8A24A}
.reclamo .tipo{display:flex;gap:20px;flex-wrap:wrap}
.reclamo .tipo label{display:flex;align-items:center;gap:8px;min-height:48px;color:#F5F3EE}
.reclamo input[type=radio],.reclamo input[type=checkbox]{accent-color:#C8A24A;width:20px;height:20px}
@media(min-width:768px){.reclamo .fila{grid-template-columns:1fr 1fr}.reclamo{padding:32px}}

/* Entradas y salidas */
.js [data-entra]{opacity:0;transform:translateY(24px);filter:blur(8px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}
.js [data-entra].visto{opacity:1;transform:none;filter:none}
[data-salida]{transform-origin:50% 0;will-change:auto}
@media(prefers-reduced-motion:reduce){.js [data-entra]{opacity:1;transform:none;filter:none;transition:none}}

/* Celular: agendar directo, igual que scae-agency.com. Sin foto en el hero: título y enseguida el formulario */
@media(max-width:1023px){
  .hero-wrap{grid-template-rows:auto auto}
  .hero{height:auto;min-height:0}
  .hero::before,.photo-container,.blur-overlay,.hero-sombra{display:none}
  .hero-texto{align-self:start;padding:104px 16px 0;text-shadow:none}
  .hero-sub{color:rgba(245,243,238,.75)}
  .hero-form{padding:28px 16px 40px}
  .cabecera{min-height:0;padding:104px 16px 4px}
  .caso-form{padding:28px 16px 32px}
}

/* Tarjeta del formulario: la única clara de la página, con su etiqueta */
.form-card.cristal{background:#F7F4EC;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #C8A24A;box-shadow:0 24px 60px rgba(0,0,0,.45);color:#141414;padding-top:32px}
.form-card.cristal:hover{border-color:#C8A24A}
.form-card::before{content:'Evalúa tu junta · menos de 1 minuto';position:absolute;top:-13px;left:20px;z-index:2;background:#C8A24A;color:#141414;font:600 13px/26px Inter,sans-serif;padding:0 12px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.25);white-space:nowrap}
.form-card .paso-contador{color:#5B5B57}
.form-card .atras{color:#5B5B57}
.form-card .atras:hover{color:#141414}
.form-card .progreso{background:rgba(20,20,20,.1)}
.form-card .paso-titulo{color:#141414}
.form-card .opcion{background:#fff;border-color:rgba(20,20,20,.12);color:#141414}
.form-card .opcion:hover{border-color:#C8A24A}
.form-card .opcion .punto{border-color:rgba(20,20,20,.3)}
.form-card .opcion[aria-pressed="true"]{background:rgba(200,162,74,.16);border-color:#C8A24A}
.form-card .opcion[aria-pressed="true"] .punto{background:#C8A24A;border-color:#C8A24A;box-shadow:inset 0 0 0 3px #fff}
.form-card .campo label{color:#5B5B57}
.form-card .campo input{background:#fff;border-color:rgba(20,20,20,.15);color:#141414}
.form-card .tel{background:#fff;border-color:rgba(20,20,20,.15)}
.form-card .tel input{border:0;background:transparent}
.form-card .tel span{color:#5B5B57}
.form-card input::placeholder{color:#9a9a94}
.form-card .campo input:focus,.form-card .tel:focus-within{border-color:#C8A24A}
.form-card .form-error{color:#b42318}
@media(min-width:1024px){.form-card.cristal{padding-top:36px}}