:root{
  --bg:#070B14;--bg2:#050910;--panel:#0A111E;--panel2:#0D1F3C;--text:#f4f7fb;--muted:#94A3B8;--soft:#64748B;--line:rgba(255,255,255,.09);--crystal:#4FC3F7;--crystal2:#8FE4FF;--header:84px;
  --max: min(92vw, 1640px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Source Sans 3',system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,rgba(79,195,247,.08),transparent 34%),radial-gradient(ellipse at 12% 85%,rgba(13,31,60,.55),transparent 40%),linear-gradient(180deg,#070B14 0%,#050910 100%);z-index:-2}
a{color:inherit;text-decoration:none}.serif{font-family:'Cormorant Garamond',Georgia,serif}.muted{color:var(--muted)}.soft{color:var(--soft)}.crystal{color:var(--crystal)}
.container{width:var(--max);margin-inline:auto}.narrow{max-width:900px;margin-inline:auto}.wide{max-width:1260px;margin-inline:auto}.eyebrow{font-size:clamp(.64rem,.8vw,.82rem);letter-spacing:.26em;text-transform:uppercase;color:var(--crystal);font-weight:500}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(79,195,247,.28),transparent);border:0}.lead{font-size:clamp(1rem,1.08vw,1.28rem);line-height:1.8;color:var(--muted)}
.site-header{position:fixed;inset:0 0 auto 0;height:var(--header);z-index:100;background:rgba(7,11,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem,1.5vw,2rem);font-weight:400;letter-spacing:.04em}.brand span{font-size:.62rem;letter-spacing:.11em;color:var(--muted);margin-top:.15rem}.main-nav{display:flex;align-items:center;gap:clamp(16px,1.65vw,34px)}.main-nav a{font-size:clamp(.72rem,.75vw,.9rem);letter-spacing:.13em;text-transform:uppercase;color:#aab6c8;transition:.25s}.main-nav a:hover,.main-nav a.active{color:var(--crystal)}.right-nav{display:flex;align-items:center;gap:18px}.lang{display:flex;gap:8px;color:var(--soft);font-size:.72rem;letter-spacing:.18em}.lang b{color:var(--crystal);border-bottom:1px solid var(--crystal);font-weight:400}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;width:44px;height:40px;font-size:1.4rem}.mobile-panel{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;padding:.9rem 2rem;border:1px solid rgba(79,195,247,.45);color:var(--crystal);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;background:transparent;transition:.3s;cursor:pointer}.btn:hover{border-color:rgba(79,195,247,.8);color:white;background:rgba(79,195,247,.08);box-shadow:0 0 22px rgba(79,195,247,.12)}.btn.ghost{border-color:var(--line);color:#b9c2d0}.btn.ghost:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.035)}
.page{padding-top:var(--header)}.scene{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:clamp(70px,8vh,130px) 0}.section{padding:clamp(80px,9vh,140px) 0}.section.tight{padding:clamp(56px,7vh,100px) 0}.center{text-align:center}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(48px,7vw,120px);align-items:center}.h1,.h2{font-family:'Cormorant Garamond',serif;font-weight:300;letter-spacing:-.045em;line-height:.95;margin:0}.h1{font-size:clamp(4.2rem,6.3vw,9rem)}.h2{font-size:clamp(3rem,4.5vw,6.6rem)}.h3{font-family:'Cormorant Garamond',serif;font-weight:300;letter-spacing:-.035em;line-height:1.05;font-size:clamp(2rem,2.8vw,4rem);margin:0}.subtitle{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,2vw,2.25rem);line-height:1.35;color:#d7dde8}.copy{font-size:clamp(1rem,1.05vw,1.22rem);line-height:1.85;color:var(--muted)}.small{font-size:.9rem;color:var(--soft);line-height:1.65}.actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px}.photo-frame{position:relative;display:inline-block}.photo-frame:before{content:"";position:absolute;inset:-24px;background:radial-gradient(ellipse at center,rgba(79,195,247,.11),transparent 65%);z-index:-1}.corner{position:relative;border:1px solid rgba(79,195,247,.24);box-shadow:0 24px 80px rgba(0,0,0,.28)}.corner:before,.corner:after{content:"";position:absolute;width:28px;height:28px;border-color:rgba(79,195,247,.7);border-style:solid;z-index:2}.corner:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.corner:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.portrait{width:min(32vw,460px);aspect-ratio:3/4;object-fit:cover;object-position:center 12%;display:block}.badge-img{position:absolute;right:-34px;bottom:-30px;width:clamp(92px,8vw,150px);transform:rotate(2deg);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.55)}.book-img{width:min(31vw,410px);max-width:100%;display:block;border:1px solid rgba(79,195,247,.28);box-shadow:0 28px 90px rgba(0,0,0,.42)}.method-img{width:min(31vw,430px);max-width:100%;display:block;border:1px solid rgba(79,195,247,.25)}
.card{background:rgba(255,255,255,.025);border:1px solid var(--line);padding:clamp(26px,2.2vw,42px);transition:.25s}.card:hover{background:rgba(79,195,247,.04);border-color:rgba(79,195,247,.28)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2vw,36px)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2vw,36px)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(18px,1.7vw,30px)}.num{font-size:.76rem;color:rgba(79,195,247,.55);letter-spacing:.18em}.mini-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,1.9vw,2.5rem);font-weight:300;margin:.5rem 0 1rem}.matrix{display:grid;grid-template-columns:1fr repeat(3,1.2fr);gap:12px;max-width:760px;margin:48px auto 0}.matrix>div{border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.02)}.matrix .head{color:var(--crystal);text-align:center;font-family:'Cormorant Garamond';font-size:1.35rem}.matrix ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}.timeline{max-width:760px;margin:56px auto 0}.step{display:grid;grid-template-columns:78px 1fr;gap:24px;position:relative}.step:not(:last-child){padding-bottom:46px}.step:not(:last-child):before{content:"";position:absolute;left:25px;top:44px;bottom:0;width:1px;background:rgba(79,195,247,.18)}.circle{width:52px;height:52px;border-radius:50%;border:1px solid rgba(79,195,247,.35);display:grid;place-items:center;color:var(--crystal);font-size:.76rem}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.65}.pill-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.pill{border:1px solid var(--line);padding:.85rem 1.6rem;color:#b8c4d4;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.post-card{display:grid;grid-template-columns:2fr 3fr;overflow:hidden;padding:0}.thumb{min-height:260px;background:radial-gradient(ellipse at 30% 30%,rgba(79,195,247,.18),transparent 55%),#080e18;border-right:1px solid var(--line);position:relative}.thumb span{position:absolute;left:24px;bottom:24px;color:rgba(79,195,247,.38);letter-spacing:.25em;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input,.textarea,select{width:100%;background:rgba(255,255,255,.045);border:1px solid var(--line);color:var(--text);padding:15px 16px;font:inherit;outline:0}.textarea{min-height:150px;resize:vertical}.field-full{grid-column:1/-1}label{display:block;margin-bottom:8px;color:var(--crystal);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.9rem}.check input{margin-top:3px}.footer-scene{background:#050910;border-top:1px solid var(--line);padding:clamp(72px,8vh,130px) 0 36px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(30px,5vw,100px)}.footer-grid a{display:block;color:#9aa7b8;margin:14px 0;font-size:.95rem}.footer-grid a:hover{color:var(--crystal)}.social{display:flex;gap:22px;align-items:center}.social a{font-size:.8rem;letter-spacing:.16em;color:#8694a8;text-transform:uppercase}.bottom{display:flex;justify-content:space-between;gap:20px;color:#566377;font-size:.8rem;margin-top:32px}.result{margin-top:24px;border:1px solid rgba(79,195,247,.28);background:rgba(79,195,247,.045);padding:24px;display:none}.result.show{display:block}
@media(min-width:1800px){:root{--header:96px}.scene{padding-block:clamp(90px,8vh,150px)}.copy{max-width:780px}.lead{max-width:860px}.card{min-height:190px}}
@media(min-width:2560px){:root{--max:min(88vw,2300px);--header:108px}body{font-size:19px}.main-nav{gap:44px}.btn{min-height:56px;padding:1rem 2.4rem}.portrait{width:min(26vw,620px)}.book-img,.method-img{width:min(25vw,560px)}}
@media(max-width:1100px){.main-nav,.right-nav{display:none}.menu-toggle{display:block}.mobile-panel.open{display:block;position:fixed;top:var(--header);left:0;right:0;background:#050910;border-bottom:1px solid var(--line);padding:18px 5vw}.mobile-panel a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#bdc7d6;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem}.hero-grid,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.scene{min-height:auto}.portrait{width:min(72vw,360px)}.book-img,.method-img{width:min(70vw,340px)}.post-card{grid-template-columns:1fr}.thumb{min-height:180px;border-right:0;border-bottom:1px solid var(--line)}.matrix{grid-template-columns:1fr}.matrix .empty{display:none}.bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.actions{justify-content:flex-start}.section{padding:76px 0}.h1{font-size:clamp(3.2rem,15vw,5rem)}}
@media(max-width:640px){:root{--header:74px}.container{width:min(90vw,540px)}.btn{width:100%;padding-inline:1rem}.actions{width:100%}.badge-img{right:-16px;bottom:-22px}.footer-scene{padding-bottom:28px}.social{flex-wrap:wrap}.matrix>div{padding:14px}}

/* =========================================================
   SamuelCil.com — Ajustes V1.2.1
   Responsive real + menos aire muerto + footer como escena
   ========================================================= */
:root{--max:min(90vw,1420px)}
.page > .scene:first-child{min-height:clamp(420px,58svh,680px);padding-top:clamp(48px,6vh,88px);padding-bottom:clamp(48px,6vh,88px)}
body[data-page="inicio"] .page > .scene:first-child{min-height:clamp(620px,78svh,860px)}
.scene{min-height:auto;padding:clamp(64px,7vh,108px) 0}.section{padding:clamp(64px,7vh,112px) 0}.section.tight{padding:clamp(44px,5vh,78px) 0}.lead{max-width:860px;margin-left:auto;margin-right:auto}.copy{max-width:780px}.center .copy,.center .lead{margin-left:auto;margin-right:auto}.h1{font-size:clamp(3.8rem,5.4vw,7.8rem)}.h2{font-size:clamp(2.8rem,4.1vw,5.6rem)}.hero-grid{max-width:1380px;margin-inline:auto}.card{border-color:rgba(255,255,255,.11)}
.footer-scene{min-height:clamp(380px,43svh,620px);display:flex;align-items:center;background:linear-gradient(180deg,#050910 0%,#04070d 100%);padding:clamp(64px,7vh,100px) 0 34px}.footer-grid{align-items:start}.footer-grid .brand strong{font-size:clamp(1.6rem,1.7vw,2.3rem)}
body[data-page="contacto"] .page > .scene:first-child{min-height:clamp(340px,45svh,520px);padding-bottom:clamp(34px,4vh,60px)}
body[data-page="contacto"] .section{padding-top:clamp(32px,4vh,58px)}
body[data-page="contacto"] form.card{max-width:980px;margin-inline:auto;padding:clamp(24px,3vw,46px)}
body[data-page="contacto"] .textarea{min-height:170px}

@media(min-width:1800px){
  :root{--max:min(84vw,1680px);--header:92px}
  .scene{padding-block:clamp(70px,6vh,112px)}
  .page > .scene:first-child{min-height:clamp(460px,54svh,700px)}
  body[data-page="inicio"] .page > .scene:first-child{min-height:clamp(660px,74svh,900px)}
  .hero-grid{max-width:1560px}
  .card{min-height:0}
}
@media(min-width:2560px){
  :root{--max:min(82vw,2100px);--header:96px}
  body{font-size:18px}
  .scene{padding-block:clamp(72px,5.5vh,118px)}
  .page > .scene:first-child{min-height:clamp(480px,50svh,720px)}
  body[data-page="inicio"] .page > .scene:first-child{min-height:clamp(680px,68svh,940px)}
  .h1{font-size:clamp(5.4rem,4.6vw,8.6rem)}
  .h2{font-size:clamp(4rem,3.5vw,6.8rem)}
  .portrait{width:min(24vw,560px)}.book-img,.method-img{width:min(23vw,520px)}
  .footer-scene{min-height:clamp(420px,38svh,660px)}
}

@media(max-width:1180px){
  :root{--header:74px;--max:min(92vw,980px)}
  .site-header{height:var(--header)}
  .nav-wrap{gap:12px}.brand strong{font-size:1.26rem}.brand span{font-size:.56rem;letter-spacing:.09em}
  .main-nav,.right-nav{display:none!important}.menu-toggle{display:grid;place-items:center;border-radius:10px;background:rgba(79,195,247,.05)}
  .mobile-panel{display:none}.mobile-panel.open{display:block;position:fixed;z-index:99;top:var(--header);left:0;right:0;bottom:0;min-height:calc(100dvh - var(--header));overflow:auto;background:linear-gradient(180deg,rgba(5,9,16,.98),rgba(7,11,20,.98));border-bottom:1px solid var(--line);padding:12px 6vw 28px;box-shadow:0 28px 60px rgba(0,0,0,.45)}
  .mobile-panel a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#d7e2f0;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem}.mobile-panel a:after{content:"→";color:var(--crystal);opacity:.8}.mobile-panel a.active{color:var(--crystal)}
  .hero-grid,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.scene{min-height:auto;padding:56px 0}.section{padding:56px 0}.page > .scene:first-child,body[data-page="inicio"] .page > .scene:first-child{min-height:auto;padding-top:54px;padding-bottom:54px}
  .h1{font-size:clamp(3.2rem,13vw,5.5rem);line-height:.95}.h2{font-size:clamp(2.7rem,10vw,4.6rem);line-height:1}.h3{font-size:clamp(2rem,8vw,3.2rem)}.subtitle{font-size:clamp(1.25rem,5vw,1.8rem)}.lead,.copy{font-size:1rem;line-height:1.72}
  .portrait{width:min(72vw,390px)}.book-img,.method-img{width:min(72vw,370px)}.photo-frame{margin-top:8px}.badge-img{width:118px;right:-12px;bottom:-18px}
  .card{padding:24px}.grid-3,.grid-2,.grid-auto{gap:18px}.actions{gap:12px;margin-top:24px}.btn{min-height:48px;border-radius:999px}.post-card{grid-template-columns:1fr}.thumb{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.matrix{grid-template-columns:1fr;max-width:560px}.matrix .empty{display:none}.form-grid{grid-template-columns:1fr}.footer-scene{min-height:auto;padding:56px 0 28px}.footer-grid{gap:28px}.bottom{flex-direction:column}.social{flex-wrap:wrap;gap:14px 18px}
}
@media(max-width:640px){
  :root{--header:70px;--max:min(90vw,540px)}
  body{font-size:16px}.site-header{border-bottom-color:rgba(79,195,247,.18)}.brand strong{font-size:1.08rem}.brand span{font-size:.52rem}.menu-toggle{width:38px;height:36px;font-size:1.05rem}
  .scene,.section{padding:46px 0}.page > .scene:first-child,body[data-page="inicio"] .page > .scene:first-child{padding-top:42px;padding-bottom:44px}
  .h1{font-size:clamp(3rem,16vw,4.4rem)}.h2{font-size:clamp(2.45rem,12vw,3.8rem)}.eyebrow{font-size:.64rem;letter-spacing:.22em}.lead,.copy{line-height:1.68}.actions{width:100%}.btn{width:100%;padding-inline:1rem;letter-spacing:.1em;font-size:.72rem}.card{padding:22px}.mini-title{font-size:1.65rem}.portrait{width:100%;max-width:340px}.book-img,.method-img{width:100%;max-width:340px;margin-left:auto;margin-right:auto}.badge-img{width:92px;right:-8px;bottom:-12px}.footer-grid a{margin:10px 0}.footer-scene .divider{margin-block:26px!important}.bottom{font-size:.72rem}.mobile-panel{padding-inline:7vw!important}.mobile-panel a{font-size:.72rem;padding:14px 0}
}
body.nav-open{overflow:hidden}

/* =========================================================
   SamuelCil.com — Ajustes V1.2.2
   Scroll por escenas global + idioma soon + hover premium
   ========================================================= */
@media (min-width: 1101px){
  html{scroll-snap-type:y proximity;scroll-padding-top:var(--header)}
  .page > .scene,.page > .section,.footer-scene{scroll-snap-align:center;scroll-margin-top:var(--header)}
  .page > .scene{min-height:calc(100svh - var(--header));display:flex;align-items:center}
  .page > .section{min-height:calc(92svh - var(--header));display:flex;align-items:center}
  .footer-scene{min-height:calc(100svh - var(--header));}
  body[data-page="contacto"] .page > .scene:first-child{min-height:calc(54svh - var(--header))}
  body[data-page="contacto"] .page > .section{min-height:auto;display:block;padding-block:clamp(64px,7vh,104px)}
}
.lang{position:relative;gap:.45rem;align-items:center}.lang-soon{position:relative;cursor:help;color:#8fa0b4}.lang-soon:hover{color:var(--crystal)}.lang-soon:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(5,9,16,.96);border:1px solid rgba(79,195,247,.28);color:#dce9f7;padding:.55rem .8rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:none;box-shadow:0 18px 38px rgba(0,0,0,.35);z-index:120}
.card,.post-card,.pill,.matrix>div,.group-card{position:relative;overflow:hidden;border-radius:26px}.card,.post-card,.matrix>div{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.card:after,.post-card:after,.pill:after,.matrix>div:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 0%,rgba(79,195,247,.05) 25%,rgba(143,228,255,.75) 50%,rgba(79,195,247,.08) 75%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .28s ease}.card:hover,.post-card:hover,.pill:hover,.matrix>div:hover{transform:translateY(-4px);border-color:rgba(143,228,255,.42);box-shadow:0 22px 70px rgba(79,195,247,.09), inset 0 1px 0 rgba(255,255,255,.04);background:rgba(79,195,247,.045)}.card:hover:after,.post-card:hover:after,.pill:hover:after,.matrix>div:hover:after{opacity:1}.card:before,.post-card:before{content:"";position:absolute;inset:-40% -80%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translateX(-50%);opacity:0;transition:transform .75s ease,opacity .28s ease;pointer-events:none}.card:hover:before,.post-card:hover:before{opacity:1;transform:translateX(50%)}
.matrix{max-width:min(94vw,1080px);gap:14px;margin-top:clamp(38px,5vh,72px)}.matrix>div{padding:clamp(18px,1.6vw,28px);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}.matrix .head{font-size:clamp(1.35rem,1.5vw,2rem)}.matrix ul{font-size:clamp(.95rem,.85vw,1.12rem)}.matrix-direction{max-width:min(94vw,1120px)}.matrix-direction .head{background:rgba(79,195,247,.045)}
.editorial-thumb{background:radial-gradient(circle at 30% 30%,rgba(143,228,255,.18),transparent 32%),linear-gradient(135deg,rgba(79,195,247,.07),rgba(255,255,255,.018) 48%,rgba(6,13,24,.92));}
.group-card{display:block;text-decoration:none}.method-tree .card{min-height:auto}.footer-scene{border-top:1px solid rgba(79,195,247,.18);background:radial-gradient(circle at 50% 18%,rgba(79,195,247,.10),transparent 34%),linear-gradient(180deg,#050910 0%,#03060b 100%)}
@media(max-width:1100px){html{scroll-snap-type:none}.page > .scene,.page > .section{display:block;min-height:auto}.card:hover,.post-card:hover,.pill:hover,.matrix>div:hover{transform:none}.lang-soon:hover:after{display:none}.matrix{max-width:640px}.matrix>div{border-radius:18px}.matrix .head{text-align:left}.footer-scene{min-height:auto}}
@media(max-width:640px){.card,.post-card,.pill,.matrix>div{border-radius:20px}.matrix{gap:10px}.matrix>div{padding:16px}.matrix ul{padding-left:16px}.lang{display:none}.footer-scene{padding-top:64px}}


/* =========================================================
   SamuelCil.com — Ajustes V1.2.3
   Primera escena completa + scroll más amable + contacto + móvil
   ========================================================= */
:root{--snap-first-gap:0px}
@media (min-width:1101px){
  /* Scroll por escenas, pero menos agresivo */
  html{scroll-snap-type:y proximity;scroll-padding-top:var(--header)}
  .page > .scene:first-child{height:calc(100svh - var(--header));min-height:calc(100svh - var(--header));padding-block:clamp(38px,5vh,82px);scroll-snap-align:start;overflow:hidden}
  .page > .scene:not(:first-child),.page > .section{min-height:calc(96svh - var(--header));display:flex;align-items:center;scroll-snap-align:center;scroll-margin-top:var(--header);padding-block:clamp(64px,7vh,118px)}
  .footer-scene{min-height:calc(100svh - var(--header));display:flex;align-items:center;scroll-snap-align:start;scroll-margin-top:var(--header)}
  /* Contacto: tres escenas claras: invitación, formulario, footer */
  body[data-page="contacto"] .page > .scene:first-child{height:calc(100svh - var(--header));min-height:calc(100svh - var(--header));}
  body[data-page="contacto"] #formulario{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding-block:clamp(64px,7vh,118px);scroll-snap-align:center;scroll-margin-top:var(--header)}
  body[data-page="contacto"] #formulario .narrow{width:min(92vw,980px);}
}
@media (min-width:1600px){
  .page > .scene:not(:first-child),.page > .section{min-height:calc(100svh - var(--header));}
  .hero-grid{gap:clamp(56px,6vw,140px)}
}
@media (min-width:2400px){
  html{scroll-snap-type:y proximity}
  .page > .scene:first-child{padding-block:clamp(44px,4.5vh,86px)}
  .page > .scene:not(:first-child),.page > .section{padding-block:clamp(70px,6vh,130px)}
}
/* Evitar que el snap pelee con el dedo en tablet/móvil */
@media (max-width:1100px){
  html{scroll-snap-type:none!important;scroll-padding-top:0!important}
  .page > .scene:first-child{min-height:auto!important;height:auto!important;overflow:visible!important}
  .page > .scene,.page > .section{min-height:auto!important;display:block!important;scroll-snap-align:none!important;padding-block:clamp(54px,8vh,86px)}
}

/* Hover premium más lento y continuo mientras estás sobre la tarjeta */
.card:before,.post-card:before{
  transition:opacity .45s ease;
  transform:translateX(-80%) rotate(0.001deg);
}
.card:hover:before,.post-card:hover:before{
  opacity:1;
  animation:cardSheenSlow 4.2s linear infinite;
}
@keyframes cardSheenSlow{
  0%{transform:translateX(-85%) rotate(0.001deg)}
  100%{transform:translateX(85%) rotate(0.001deg)}
}
.card:after,.post-card:after,.pill:after,.matrix>div:after{transition:opacity .45s ease}
.card:hover,.post-card:hover,.pill:hover,.matrix>div:hover{transition-duration:.45s}

/* Inicio móvil: primero Sam + sello, después texto */
@media (max-width:1100px){
  body[data-page="inicio"] .page > .scene:first-child .hero-grid{display:flex;flex-direction:column;align-items:center;text-align:left;gap:28px}
  body[data-page="inicio"] .page > .scene:first-child .hero-grid > .center{order:-1;width:100%;text-align:center}
  body[data-page="inicio"] .page > .scene:first-child .hero-grid > div:first-child{order:2;width:100%}
  body[data-page="inicio"] .page > .scene:first-child .portrait{max-width:min(82vw,360px)}
  body[data-page="inicio"] .page > .scene:first-child .photo-frame{margin-bottom:8px}
}
@media (max-width:640px){
  body[data-page="inicio"] .page > .scene:first-child{padding-top:28px!important}
  body[data-page="inicio"] .page > .scene:first-child .portrait{max-width:310px}
  body[data-page="inicio"] .page > .scene:first-child .badge-img{width:88px;right:2px;bottom:-8px}
}

/* Contacto más claro como recorrido */
.contact-intro .lead{max-width:760px;margin-inline:auto}.contact-form-title{margin-bottom:28px}.contact-form-title .lead{max-width:760px}
@media (min-width:1101px){.contact-form-card{padding:clamp(32px,2.4vw,54px)}}

/* Anclas: cuando un CTA entra a formulario, no queda tapado por el header */
#formulario{scroll-margin-top:calc(var(--header) + 20px)}


/* =========================================================
   SamuelCil.com — Ajustes V1.2.4
   Footer vivo + redes protagonistas + scroll asistido + Test dinámico
   ========================================================= */

/* Scroll asistido refinado */
@media (min-width:1101px){
  html{scroll-snap-type:y proximity;scroll-padding-top:var(--header)}
  .page > .scene,.page > .section,.social-footer-scene{scroll-snap-align:center;scroll-margin-top:var(--header)}
  .page > .scene:first-child{scroll-snap-align:start}
  .compact-footer{scroll-snap-align:end}
}
@media (min-width:2100px){
  .page > .scene:not(:first-child),.page > .section{min-height:calc(98svh - var(--header))}
}

/* Nueva sección final de redes */
.social-footer-scene{
  position:relative;
  min-height:calc(100svh - var(--header));
  display:flex;
  align-items:center;
  padding-block:clamp(80px,9vh,150px);
  border-top:1px solid rgba(79,195,247,.16);
  background:
    radial-gradient(circle at 18% 18%,rgba(79,195,247,.10),transparent 34%),
    radial-gradient(circle at 82% 66%,rgba(143,228,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(5,9,16,.92) 0%,rgba(3,6,11,.98) 100%);
  overflow:hidden;
}
.social-footer-scene:before{
  content:"";position:absolute;inset:auto 8% 10% 8%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(143,228,255,.32),transparent);
}
.social-footer-head{max-width:980px;margin-inline:auto;margin-bottom:clamp(32px,4vh,70px)}
.social-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.4vw,28px);
}
.social-card{
  position:relative;
  overflow:hidden;
  min-height:clamp(150px,12vh,210px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  padding:clamp(22px,1.8vw,34px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  box-shadow:0 30px 90px rgba(0,0,0,.22);
  transition:transform .45s ease,border-color .45s ease,background .45s ease;
}
.social-card:before{
  content:"";position:absolute;inset:-45% -75%;
  background:linear-gradient(110deg,transparent 38%,rgba(143,228,255,.14) 50%,transparent 62%);
  opacity:0;pointer-events:none;
}
.social-card:hover{transform:translateY(-7px);border-color:rgba(143,228,255,.42);background:linear-gradient(180deg,rgba(79,195,247,.075),rgba(255,255,255,.025))}
.social-card:hover:before{opacity:1;animation:cardSheenSlow 4.2s linear infinite}
.social-icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;
  border:1px solid rgba(143,228,255,.30);
  background:rgba(79,195,247,.08);
  color:var(--crystal2);
  font-family:'Cormorant Garamond',serif;
  font-size:1.55rem;
  box-shadow:0 0 32px rgba(79,195,247,.10);
}
.social-card strong{font-family:'Cormorant Garamond',serif;font-size:clamp(1.35rem,1.35vw,2rem);font-weight:400}
.social-card p{margin:.35rem 0 0;color:var(--muted);line-height:1.55}
.social-card em{font-style:normal;color:var(--crystal);font-size:1.45rem}
.compact-footer{
  min-height:auto!important;
  padding-block:clamp(54px,7vh,96px)!important;
  align-items:flex-start!important;
  background:linear-gradient(180deg,#03060b 0%,#02040a 100%)!important;
}
.compact-footer .footer-grid{margin-top:0}

/* Test dinámico por tarjetas */
.test-dynamic-section{align-items:center}
.test-shell{
  position:relative;
  overflow:hidden;
  padding:clamp(26px,2.4vw,48px);
  min-height:min(760px,calc(88svh - var(--header)));
}
.test-progress{
  height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:clamp(24px,3vh,42px)
}
.test-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--crystal),var(--crystal2));transition:width .45s ease;border-radius:inherit}
.test-stage{position:relative;min-height:clamp(380px,48vh,540px);perspective:1400px}
.test-step{
  position:absolute;inset:0;
  display:flex;flex-direction:column;justify-content:center;
  opacity:0;pointer-events:none;
  transform:rotateY(10deg) translateY(18px) scale(.985);
  transition:opacity .38s ease,transform .46s cubic-bezier(.2,.72,.2,1);
  backface-visibility:hidden;
}
.test-step.active{opacity:1;pointer-events:auto;transform:rotateY(0) translateY(0) scale(1)}
.test-step.leaving{opacity:0;transform:rotateY(-12deg) translateY(-14px) scale(.98)}
.answer-grid{display:grid;gap:14px;margin-top:clamp(22px,3vh,34px)}
.answer-card{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(16px,1.4vw,24px);
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.answer-card:hover,.answer-card.selected{transform:translateX(8px);border-color:rgba(143,228,255,.38);background:rgba(79,195,247,.075)}
.answer-card em{font-style:normal;color:var(--crystal);font-size:1.3rem}
.test-controls{display:flex;justify-content:space-between;gap:14px;margin-top:22px}
.test-controls button:disabled{opacity:.35;pointer-events:none}
.result-step .copy{font-size:clamp(1.05rem,1vw,1.32rem);line-height:1.8;color:var(--muted)}
.result-score{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.result-score span{border:1px solid rgba(143,228,255,.20);background:rgba(79,195,247,.055);border-radius:999px;padding:8px 13px;color:var(--crystal2)}
.email-capture{
  margin-top:clamp(22px,3vh,34px);
  padding:clamp(18px,1.6vw,28px);
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
}
.email-capture h4{font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem,1.5vw,2.1rem);font-weight:400;margin:0 0 8px}
.email-row{display:flex;gap:12px;margin:18px 0}
.email-row input{
  flex:1;
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(0,0,0,.18);
  color:var(--text);
  padding:14px 18px;
  font:inherit;
}
.email-row input:focus{outline:none;border-color:rgba(143,228,255,.42);box-shadow:0 0 0 4px rgba(79,195,247,.08)}
.consent{margin-top:8px}

/* Responsive footer/test */
@media(max-width:1100px){
  .social-footer-scene{min-height:auto;padding-block:clamp(66px,9vh,110px)}
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-footer{padding-block:56px!important}
  .test-shell{min-height:auto}
  .test-stage{min-height:520px}
}
@media(max-width:700px){
  .social-grid{grid-template-columns:1fr}
  .social-card{min-height:auto;grid-template-columns:auto 1fr auto;border-radius:22px}
  .social-icon{width:48px;height:48px;border-radius:15px;font-size:1.35rem}
  .test-stage{min-height:560px}
  .email-row{flex-direction:column}
  .test-controls{flex-direction:column}
}
@media(max-width:420px){
  .test-stage{min-height:620px}
  .answer-card{align-items:flex-start}
}

/* =========================================================
   SamuelCil.com — Ajustes V1.2.5
   Redes reales + footer limpio + scroll más natural en desktop/4K
   ========================================================= */
@media (min-width:1101px){
  .page > .scene,.page > .section,.social-footer-scene{scroll-snap-align:start;scroll-margin-top:var(--header)}
  .compact-footer{scroll-snap-align:start;scroll-margin-top:0}
}
.social-card-disabled{cursor:default;opacity:.72}
.social-card-disabled:hover{transform:none;border-color:rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:0 30px 90px rgba(0,0,0,.22)}
.social-card-disabled:hover:before{opacity:0;animation:none}
.footer-signature{color:#8c98aa;line-height:1.65}
.footer-signature-line{line-height:1.35}
.social span{display:inline-flex;align-items:center;color:#64748B;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
@media (min-width:2100px){
  .social-footer-head{max-width:1180px}
  .social-grid{gap:clamp(22px,1.6vw,42px)}
  .social-card{min-height:clamp(170px,13vh,240px)}
}
@media (max-width:640px){
  .social-card{gap:14px;padding:20px 18px}
  .footer-signature-line{font-size:1.18rem!important}
}


/* =========================================================
   SamuelCil.com — Ajustes V1.2.6
   Páginas ocultas + CTA redondeado global
   ========================================================= */
.btn{border-radius:999px}
.right-nav .btn{border-radius:999px;overflow:hidden;white-space:nowrap}
.hidden-landing .secret-hero{
  background:
    radial-gradient(circle at 50% 42%,rgba(79,195,247,.12),transparent 32%),
    radial-gradient(circle at 20% 28%,rgba(143,228,255,.06),transparent 28%);
}
.hidden-landing .ritual-card,.hidden-landing .flame-card{
  max-width:920px;
  margin-inline:auto;
  padding:clamp(34px,4vw,76px);
}
.hidden-landing .flame-card{
  background:
    radial-gradient(circle at 50% 12%,rgba(143,228,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
}
.tribe-steps .card{min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.hidden-landing .group-card{color:inherit}
.hidden-landing .group-card:hover{text-decoration:none}
@media(max-width:1100px){.hidden-landing .secret-hero{text-align:center}.tribe-steps .card{min-height:auto}}


/* =========================================================
   SamuelCil.com — Ajustes V1.2.7
   Afinación MacBook: legibilidad, CTA, footer y páginas ocultas
   ========================================================= */

/* Header: conserva elegancia, gana lectura real */
.site-header{background:rgba(5,9,16,.91);border-bottom:1px solid rgba(143,228,255,.16)}
.main-nav a{font-size:clamp(.76rem,.78vw,.94rem);font-weight:600;color:#b8c5d6;letter-spacing:.145em}
.brand strong{color:#f7fbff}.brand span{color:#9fb0c5}
.right-nav .btn{min-height:44px;padding:.78rem 1.55rem;border-color:rgba(79,195,247,.52);box-shadow:inset 0 0 0 1px rgba(143,228,255,.04)}
.right-nav .btn:hover{box-shadow:0 0 26px rgba(79,195,247,.16), inset 0 0 0 1px rgba(143,228,255,.10)}
.lang{color:#7f8da3}.lang span{color:#506077}

/* Textos secundarios: +lectura sin romper el lujo */
.copy{color:#a3b0c2}.small{font-size:.94rem;color:#8796aa}.lead{color:#aab6c8}
.card .copy,.social-card p,.footer-grid a{color:#a1aec0}
.card .eyebrow.soft{color:#7f8fa6}.pill{color:#b7c5d8}
.input,.textarea,select{font-size:1rem;color:#f5f8fc;background:rgba(255,255,255,.055)}
label{font-weight:600;color:#70d6ff}

/* Botones: redondeo consistente + más intención visual */
.btn{border-radius:999px;position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(143,228,255,.08) 45%,transparent 70%);opacity:0;transition:.35s;pointer-events:none}
.btn:hover:before{opacity:1}.btn.ghost{border-radius:999px}

/* Social footer: evita cortes en capturas largas y mejora respiración */
.social-footer-scene{overflow:visible;align-items:center;padding-block:clamp(86px,9vh,138px)}
.social-footer-head{margin-bottom:clamp(36px,4.5vh,64px)}
.social-grid{position:relative;z-index:2}.social-card{min-height:clamp(132px,10vh,188px)}
.social-card strong{color:#f0f6ff}.social-card p{font-size:clamp(.96rem,.88vw,1.08rem)}

/* Footer: escena final más sólida */
.compact-footer{border-top:1px solid rgba(143,228,255,.14)!important;background:radial-gradient(circle at 16% 0%,rgba(79,195,247,.055),transparent 28%),linear-gradient(180deg,#03060b 0%,#02040a 100%)!important}
.footer-grid{gap:clamp(34px,4vw,86px)}
.footer-grid .eyebrow{color:#70d6ff}.footer-signature{color:#a0adbf}.footer-signature-line{color:#72d7ff!important;text-shadow:0 0 18px rgba(79,195,247,.10)}

/* Páginas ocultas: más portal, menos página genérica */
.hidden-landing .secret-hero{min-height:calc(100svh - var(--header));background:radial-gradient(circle at 50% 40%,rgba(79,195,247,.15),transparent 31%),radial-gradient(circle at 78% 62%,rgba(143,228,255,.08),transparent 28%),linear-gradient(180deg,rgba(7,11,20,.96),rgba(5,9,16,1))}
.hidden-landing .ritual-card,.hidden-landing .flame-card{border-radius:34px;border-color:rgba(143,228,255,.16);box-shadow:0 40px 120px rgba(0,0,0,.28)}
.hidden-landing .group-card{border-radius:28px}.hidden-landing .group-card .eyebrow:last-child{color:#72d7ff}
.tribe-steps .card{border-radius:28px}

/* Ajuste MacBook / laptops: un poco más compacto sin matar aire */
@media (min-width:1101px) and (max-width:1700px){
  :root{--header:78px;--max:min(86vw,1320px)}
  .main-nav{gap:clamp(14px,1.35vw,24px)}
  .right-nav{gap:14px}.right-nav .btn{font-size:.72rem;padding:.7rem 1.35rem;min-height:42px}
  .scene{padding-block:clamp(62px,7vh,106px)}
  .page > .scene:not(:first-child),.page > .section{min-height:calc(92svh - var(--header));padding-block:clamp(58px,6.5vh,104px)}
  .h1{font-size:clamp(4.1rem,5.5vw,7.2rem)}.h2{font-size:clamp(3.05rem,4.1vw,5.6rem)}
  .copy{font-size:clamp(1.02rem,1vw,1.18rem);line-height:1.78}
  .lead{font-size:clamp(1.04rem,1.05vw,1.22rem);line-height:1.74}
  .card{padding:clamp(26px,2vw,36px)}
  .footer-scene.compact-footer{padding-block:clamp(58px,6.5vh,84px)!important}
}

/* 4K: no dispersar tanto el contenido */
@media (min-width:2100px){
  :root{--max:min(82vw,1900px)}
  .page > .scene:not(:first-child),.page > .section{min-height:calc(92svh - var(--header))}
  .social-footer-scene{min-height:calc(92svh - var(--header))}
}

@media(max-width:1100px){
  .main-nav a{font-weight:500}.mobile-panel a{color:#c3cfdf}.social-footer-scene{overflow:hidden}.hidden-landing .secret-hero{min-height:auto}
}

/* v1.2.8 — Language interest / coming soon pages */
.lang a.lang-soon{color:#8fa0b4;text-decoration:none;border-bottom:0}
.lang a.lang-soon:hover{color:var(--crystal)}
.language-page .language-hero{min-height:82vh}
.language-page .h1{max-width:980px;margin-inline:auto}
.language-page .subtitle{max-width:820px;margin-inline:auto}
.language-page .copy{max-width:860px;margin-inline:auto}
.language-interest-card{margin:52px auto 0;max-width:780px;text-align:center;border-radius:28px}
.language-interest-card .actions{margin-top:30px}
@media(max-width:640px){.language-interest-card{margin-top:34px}.language-page .h1{font-size:clamp(3rem,14vw,4.2rem)}}

/* v1.2.9 — Última escena unificada: ecosistema + redes + footer */
.final-scene{
  position:relative;
  min-height:calc(100svh - var(--header));
  scroll-snap-align:start;
  scroll-margin-top:var(--header);
  border-top:1px solid rgba(79,195,247,.16);
  background:
    radial-gradient(circle at 18% 12%,rgba(79,195,247,.11),transparent 30%),
    radial-gradient(circle at 82% 46%,rgba(143,228,255,.075),transparent 32%),
    linear-gradient(180deg,rgba(5,9,16,.94) 0%,rgba(3,6,11,.98) 62%,#02040a 100%);
  overflow:hidden;
}
.final-scene:before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:calc(50% + 8px);height:1px;
  background:linear-gradient(90deg,transparent,rgba(143,228,255,.24),transparent);
  opacity:.75;
  pointer-events:none;
}
.final-scene-inner{
  position:relative;
  z-index:2;
  padding-block:clamp(86px,10vh,150px) clamp(42px,5vh,78px);
}
.final-scene .social-footer-head{max-width:980px;margin-inline:auto;margin-bottom:clamp(30px,4vh,54px)}
.final-block-label{
  margin:clamp(30px,3.2vh,54px) 0 18px;
  color:var(--crystal);
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  text-align:center;
}
.secondary-label{margin-top:clamp(34px,4.2vh,70px)}
.final-scene .social-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.35vw,26px);
}
.final-scene .social-card{
  min-height:clamp(122px,9vh,168px);
  border-radius:26px;
}
.final-scene .priority-card{
  border-color:rgba(143,228,255,.32);
  background:linear-gradient(180deg,rgba(79,195,247,.085),rgba(255,255,255,.024));
}
.final-scene .social-card strong{font-size:clamp(1.28rem,1.18vw,1.72rem)}
.final-scene .social-card p{font-size:clamp(.9rem,.82vw,1.02rem);line-height:1.5}
.final-scene .social-icon{width:50px;height:50px;border-radius:16px;font-size:1.35rem}
.final-footer{
  position:relative;
  z-index:2;
  min-height:auto!important;
  padding-block:clamp(48px,6vh,78px) clamp(30px,4vh,42px)!important;
  display:block!important;
  border-top:1px solid rgba(79,195,247,.16)!important;
  background:linear-gradient(180deg,rgba(2,4,10,.30) 0%,rgba(2,4,10,.86) 100%)!important;
}
.final-footer .footer-grid{margin-top:0}
@media (min-width:2100px){
  .final-scene{min-height:calc(100svh - var(--header))}
  .final-scene .social-card{min-height:clamp(130px,8vh,175px)}
}
@media(max-width:1100px){
  .final-scene{min-height:auto;overflow:visible}
  .final-scene .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .final-scene-inner{padding-block:72px 36px}
}
@media(max-width:640px){
  .final-scene .social-grid{grid-template-columns:1fr}
  .final-scene .social-card{min-height:auto;grid-template-columns:auto 1fr auto;border-radius:22px}
  .final-block-label{text-align:left;margin-left:2px}
  .final-scene .social-footer-head{text-align:left}
  .final-footer{padding-top:44px!important}
}


/* v1.3.5 — Pulso Hackea: sistema circulatorio de navegación */
.pulso-hackea{position:fixed;right:clamp(18px,2vw,30px);top:50%;transform:translateY(-50%);z-index:90;font-family:var(--sans)}
.pulso-toggle{display:flex;align-items:center;gap:10px;border:1px solid rgba(143,228,255,.28);background:rgba(7,11,20,.72);backdrop-filter:blur(18px);color:#dceffc;border-radius:999px;padding:.78rem 1.05rem;box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.04);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.pulso-toggle:hover{transform:translateX(-2px);border-color:rgba(143,228,255,.55);background:rgba(11,18,31,.86)}
.pulso-dot{width:11px;height:11px;border-radius:50%;background:#72d7ff;box-shadow:0 0 0 0 rgba(114,215,255,.55);animation:pulsoBeat 1.9s infinite}
@keyframes pulsoBeat{0%{box-shadow:0 0 0 0 rgba(114,215,255,.55)}70%{box-shadow:0 0 0 13px rgba(114,215,255,0)}100%{box-shadow:0 0 0 0 rgba(114,215,255,0)}}
.pulso-panel{position:absolute;right:0;top:50%;transform:translate(18px,-50%) scale(.98);width:min(360px,calc(100vw - 38px));max-height:min(82vh,760px);overflow:auto;opacity:0;pointer-events:none;border:1px solid rgba(143,228,255,.22);border-radius:30px;background:linear-gradient(180deg,rgba(8,14,25,.96),rgba(3,7,13,.98));box-shadow:0 35px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);padding:24px;transition:opacity .25s ease,transform .25s ease;backdrop-filter:blur(22px)}
.pulso-hackea.open .pulso-panel{opacity:1;pointer-events:auto;transform:translate(0,-50%) scale(1)}
.pulso-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.pulso-panel-head h3{font-family:var(--serif);font-size:1.65rem;line-height:1.05;margin:.22rem 0 0;color:#f5fbff;font-weight:400}
.pulso-close{border:1px solid rgba(143,228,255,.2);background:rgba(255,255,255,.04);color:#d8edf8;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1}
.pulso-current{margin:0 0 18px;color:#aebdca;font-size:.95rem;line-height:1.45;border-left:2px solid rgba(114,215,255,.65);padding-left:12px}
.pulso-core{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}
.pulso-core a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;border:1px solid rgba(143,228,255,.16);background:rgba(255,255,255,.035);border-radius:18px;padding:12px 14px;color:#dceffc;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.pulso-core a:hover{border-color:rgba(143,228,255,.42);background:rgba(79,195,247,.075);transform:translateY(-1px)}
.pulso-core strong{font-size:1.02rem;color:#fff}.pulso-core span{font-size:.86rem;color:#79d7ff;text-align:right}
.pulso-section{border-top:1px solid rgba(143,228,255,.12);padding-top:15px;margin-top:15px;display:grid;gap:7px}
.pulso-section p{margin:0 0 4px;color:#72d7ff;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:700}
.pulso-section a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#c9d6e2;padding:8px 10px;border-radius:12px;font-size:.95rem;transition:background .2s ease,color .2s ease}
.pulso-section a:hover{background:rgba(255,255,255,.045);color:#fff}.pulso-section a.active,.pulso-core a.active{background:rgba(79,195,247,.13);border-color:rgba(114,215,255,.5);color:#fff}.pulso-section a.active:after{content:"●";font-size:.55rem;color:#72d7ff}.pulso-learn{display:block;margin-top:18px;text-align:center;text-decoration:none;color:#06101b;background:linear-gradient(135deg,#9fe6ff,#e6fbff);border-radius:999px;padding:.88rem 1rem;font-weight:700;letter-spacing:.03em}
.pulso-page .pulso-diagram{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin-top:40px}.pulso-page .pulse-card{border-radius:30px}.pulso-page .pulse-card h3{font-family:var(--serif);font-size:clamp(2rem,2.5vw,3rem);font-weight:400;margin:.2rem 0 .7rem}.pulso-page .pulse-card .pulse-word{display:inline-flex;align-items:center;gap:8px;color:#72d7ff;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700}.pulso-page .pulse-word:before{content:"";width:9px;height:9px;border-radius:50%;background:#72d7ff;box-shadow:0 0 18px rgba(114,215,255,.55)}.pulso-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin-top:36px}.pulso-paths .card{border-radius:28px}.artery-list{display:grid;gap:12px;margin-top:20px}.artery-list a{display:flex;justify-content:space-between;gap:14px;text-decoration:none;color:#dceffc;border:1px solid rgba(143,228,255,.14);border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.03)}.artery-list a:hover{border-color:rgba(143,228,255,.36);background:rgba(79,195,247,.07)}
@media(max-width:1100px){.pulso-hackea{top:auto;right:18px;bottom:18px;transform:none}.pulso-toggle{padding:.78rem .95rem}.pulso-panel{position:fixed;right:14px;left:14px;bottom:76px;top:auto;transform:translateY(18px) scale(.98);width:auto;max-height:72vh}.pulso-hackea.open .pulso-panel{transform:translateY(0) scale(1)}.pulso-page .pulso-diagram,.pulso-paths{grid-template-columns:1fr}}
@media(max-width:520px){.pulso-toggle span:not(.pulso-dot){font-size:.68rem}.pulso-panel{padding:20px;border-radius:24px}.pulso-core a{display:block}.pulso-core span{display:block;text-align:left;margin-top:4px}}


/* v1.3.6 — Cuenta Hackea / Auth / Canto Libro / Herramientas */
.auth-card, .auth-result-box { border-color: rgba(139,215,255,.28); }
.auth-missing .auth-card { border-color: rgba(255,190,120,.35); }
[data-auth-gate] { margin-top: 18px; padding: 16px; border-radius: 18px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.035); }
[data-auth-gate].is-locked { position:relative; filter:saturate(.7); }
[data-auth-gate].is-locked > * { opacity:.28; }
[data-auth-gate].is-locked::after { content:'Contenido reservado · Entrá con Google para abrir esta arteria'; position:absolute; inset:12px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:14px; color:var(--crystal); background:rgba(7,11,20,.78); backdrop-filter: blur(8px); padding:14px; font-size:.9rem; letter-spacing:.04em; }
.compact-list li { margin: 12px 0; }
.song-grid .song-card h3 { margin-top: 6px; }
.admin-login-form { display:grid; gap:12px; margin-top:20px; }
.admin-login-form input, .email-row input { width:100%; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.04); color:#fff; padding:14px 18px; font:inherit; }
.admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.admin-table details { border-bottom:1px solid rgba(255,255,255,.08); padding:10px 0; }
.admin-table summary { cursor:pointer; color:var(--crystal); }
.admin-table pre { white-space:pre-wrap; font-size:.78rem; color:rgba(255,255,255,.72); overflow:auto; }
.pulse-proof-card { min-height:100%; }
code { color:var(--crystal); background:rgba(255,255,255,.06); padding:.12em .38em; border-radius:8px; }
@media (max-width: 900px){ .admin-grid{grid-template-columns:1fr;} }

/* v1.3.7 — ajuste de respiración en caminos de entrada */
.entry-card{
  min-height:clamp(310px,28vh,420px);
  display:flex;
  flex-direction:column;
}
.entry-card .list-clean{
  margin-bottom:clamp(28px,3vh,48px);
}
.entry-card .btn{
  align-self:center;
  margin-top:auto;
  min-width:min(100%,260px);
  text-align:center;
}

/* v1.3.7 — Universo Sam segmentado */
.universo-index{
  padding-bottom:clamp(34px,4vh,60px);
}
.universe-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:34px;
}
.universe-nav a{
  text-decoration:none;
  color:#cfe6f7;
  border:1px solid rgba(143,228,255,.18);
  border-radius:999px;
  padding:.78rem 1.12rem;
  font-size:.72rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  background:rgba(255,255,255,.025);
  transition:.25s ease;
}
.universe-nav a:hover{
  border-color:rgba(143,228,255,.44);
  background:rgba(79,195,247,.075);
  transform:translateY(-2px);
}
.universe-section{
  scroll-margin-top:96px;
  border-top:1px solid rgba(143,228,255,.08);
}
.universe-section.alt{
  background:linear-gradient(180deg,rgba(79,195,247,.025),rgba(255,255,255,.01));
}
.section-head{
  max-width:980px;
  margin-bottom:34px;
}
.section-head .h2{
  margin-top:10px;
  margin-bottom:16px;
}
.section-head .lead{
  margin-left:0;
  margin-right:0;
}
@media(max-width:1100px){
  .entry-card{min-height:auto;}
  .entry-card .btn{margin-top:28px;}
  .universe-nav a{width:100%;max-width:420px;text-align:center;}
}

/* v1.4.7 · Resultado del test respirable */
.test-step.result-step.active{
  position:relative;
  inset:auto;
  justify-content:flex-start;
  min-height:auto;
  padding-top:clamp(10px,2vh,24px);
}
.test-step.result-step .auth-result-box{
  margin-top:clamp(26px,3vh,40px);
}
.test-step.result-step .actions,
.auth-result-box .actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 18px;
}
.test-step.result-step > .actions{
  margin-top:clamp(26px,3vh,42px);
  justify-content:space-between;
}
.test-step.result-step .btn{
  margin:0;
}
.test-step.result-step .center-actions{
  justify-content:flex-start;
}
.test-shell:has(.result-step.active){
  overflow:visible;
  min-height:auto;
}
@media (max-width:760px){
  .test-step.result-step > .actions,
  .auth-result-box .actions{flex-direction:column;align-items:stretch}
  .test-step.result-step .btn{width:100%;justify-content:center}
}

/* v1.4.7 · Herramientas: saneamiento de pruebas */
.cleanup-card{border-color:rgba(255,173,96,.26)!important;background:linear-gradient(180deg,rgba(255,173,96,.055),rgba(255,255,255,.025))!important}
.cleanup-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;margin-top:16px;align-items:center}
.cleanup-form input{width:100%;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:var(--text);padding:13px 18px;font:inherit}
.cleanup-warning{color:#ffcf9d;font-size:.92rem;line-height:1.6}
.cleanup-result{white-space:pre-wrap;color:var(--muted);margin-top:12px}
@media (max-width:760px){.cleanup-form{grid-template-columns:1fr}.cleanup-form .btn{width:100%;justify-content:center}}


/* v1.5.0 — Popups elegantes para tarjetas conceptuales */
.popup-card{position:relative;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(145deg,rgba(13,25,39,.86),rgba(8,12,22,.9));}
.popup-card:hover{transform:translateY(-3px);border-color:rgba(96,218,255,.55);box-shadow:0 22px 70px rgba(0,0,0,.32),0 0 0 1px rgba(96,218,255,.12) inset;}
.popup-card:focus{outline:2px solid rgba(96,218,255,.7);outline-offset:4px;}
.popup-hint{display:inline-flex;margin-top:22px;font-family:var(--sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--crystal);opacity:.72;}
.popup-card:hover .popup-hint{opacity:1;}
.hackea-modal-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(2,6,12,.72);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .22s ease;}
.hackea-modal-backdrop.open{opacity:1;pointer-events:auto;}
.hackea-modal{position:fixed;z-index:9999;left:50%;top:50%;width:min(760px,calc(100vw - 34px));max-height:min(78vh,760px);overflow:auto;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;border:1px solid rgba(96,218,255,.38);border-radius:32px;background:radial-gradient(circle at 10% 0%,rgba(74,191,255,.14),transparent 35%),linear-gradient(145deg,rgba(10,18,31,.98),rgba(6,9,17,.98));box-shadow:0 40px 120px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04) inset;padding:42px;}
.hackea-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
.hackea-modal .modal-eyebrow{font-family:var(--sans);font-size:.76rem;text-transform:uppercase;letter-spacing:.28em;color:var(--crystal);margin:0 0 14px;}
.hackea-modal h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96;margin:0 0 24px;color:var(--text);}
.hackea-modal p{font-size:1.13rem;line-height:1.75;color:var(--muted);margin:0 0 22px;}
.hackea-modal .modal-body p:last-child{margin-bottom:0;}
.hackea-modal .modal-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;align-items:center;}
.modal-close{position:absolute;right:20px;top:18px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text);font-size:1.55rem;cursor:pointer;}
.modal-close:hover{border-color:rgba(96,218,255,.55);color:var(--crystal);}
body.modal-open{overflow:hidden;}
@media(max-width:720px){.hackea-modal{padding:30px 24px;border-radius:24px}.hackea-modal .modal-actions{flex-direction:column;align-items:stretch}.hackea-modal .btn{width:100%;justify-content:center}.popup-hint{font-size:.68rem}}


/* v1.5.2 — Landing mínima lanzamiento 30M */
.launch-page .center-actions{justify-content:center;}
.hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);gap:clamp(34px,5vw,72px);align-items:center;}
.book-cover-card{border:1px solid rgba(143,228,255,.18);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 40px 120px rgba(0,0,0,.32);padding:clamp(18px,2vw,28px);text-align:center;}
.book-cover-card img{width:100%;max-width:360px;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.46);display:block;margin-inline:auto;}
.launch-card{background:radial-gradient(circle at 50% 0%,rgba(114,215,255,.10),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px);}
.launch-page .group-card{color:inherit;text-decoration:none;}
.launch-page .group-card:hover{text-decoration:none;transform:translateY(-2px);border-color:rgba(143,228,255,.38);}
.launch-page .card .btn{margin-top:auto;}
.launch-page .entry-card{min-height:100%;}
@media(max-width:1100px){.hero-split{grid-template-columns:1fr;text-align:center}.hero-split .actions{justify-content:center}.book-cover-card{max-width:440px;margin-inline:auto}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.grid-4{grid-template-columns:1fr}.book-cover-card{border-radius:26px}.book-cover-card img{border-radius:18px}.launch-page .actions{align-items:stretch}.launch-page .btn{width:100%;justify-content:center}}


/* =========================================================
   SamuelCil.com — Canto Libro + TNX NCS V1.5.6
   Páginas sonoras con previews YouTube y estructura Hackea
   ========================================================= */
.sound-page .sound-hero{background:radial-gradient(circle at 22% 24%,rgba(79,195,247,.18),transparent 36%),radial-gradient(circle at 82% 70%,rgba(143,228,255,.10),transparent 32%),linear-gradient(180deg,#070b14 0%,#03060b 100%)}
.sound-page .subtitle{max-width:920px}.sound-page .lead{max-width:920px}.sound-page .h1{letter-spacing:-.035em}.tracks-wrapper{padding-block:clamp(70px,8vw,140px)}
.track-section{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(24px,4vw,70px);align-items:center;margin:0 0 clamp(52px,7vw,110px)}
.track-section.reverse .loop-preview{order:2}.track-section.reverse .track-copy{order:1}.track-section.bonus-track{margin-top:clamp(40px,7vw,90px);padding-top:clamp(40px,6vw,80px);border-top:1px solid rgba(143,228,255,.18)}
.loop-preview{position:relative;display:block;overflow:hidden;border-radius:32px;border:1px solid rgba(143,228,255,.18);background:radial-gradient(circle at 30% 30%,rgba(79,195,247,.18),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 40px 110px rgba(0,0,0,.36);text-decoration:none;min-height:260px;isolation:isolate}
.loop-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,11,.05),rgba(3,6,11,.72));z-index:1;pointer-events:none}.loop-preview:after{content:"";position:absolute;inset:-35%;background:conic-gradient(from 180deg,transparent,rgba(143,228,255,.16),transparent,rgba(79,195,247,.12),transparent);opacity:.55;animation:tnxPulse 9s linear infinite;z-index:0}.loop-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.08);transition:transform .8s ease,filter .8s ease}.loop-preview:hover img{transform:scale(1.055);filter:saturate(1.25) contrast(1.12)}
.loop-badge,.loop-note,.play-orb{position:absolute;z-index:2}.loop-badge{top:18px;left:18px;padding:8px 12px;border-radius:999px;background:rgba(3,6,11,.72);border:1px solid rgba(143,228,255,.22);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#dff8ff}.loop-note{left:20px;right:20px;bottom:18px;color:rgba(255,255,255,.84);font-size:.92rem}.play-orb{left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.30);box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(10px);color:#fff;font-size:1.35rem;padding-left:4px}
.track-copy h3{font-size:clamp(1.65rem,2.2vw,3rem);margin:4px 0 16px}.track-hook{font-family:var(--serif);font-size:clamp(1.15rem,1.35vw,1.65rem);line-height:1.28;color:#f2fbff;margin-bottom:26px}.track-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.track-columns strong,.chapters strong{color:#e8fbff}.track-columns p,.territories p,.chapters{color:rgba(255,255,255,.74);line-height:1.6}.territories{border-top:1px solid rgba(143,228,255,.14);border-bottom:1px solid rgba(143,228,255,.14);padding:18px 0;margin:18px 0}.territories b{color:#9fe9ff}.track-actions{gap:12px;flex-wrap:wrap}.small-btn{padding:12px 18px;font-size:.94rem}.sound-steps .card{min-height:230px}.tnx-hero-grid{align-items:center}.hero-loop{min-height:clamp(360px,38vw,620px)}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.4vw,24px)}.tnx-name-grid .card{min-height:250px}.tnx-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}
@keyframes tnxPulse{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media(max-width:1100px){.track-section,.track-section.reverse{grid-template-columns:1fr;gap:22px;margin-bottom:48px}.track-section.reverse .loop-preview,.track-section.reverse .track-copy{order:initial}.loop-preview{min-height:230px;border-radius:24px}.track-columns{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.tnx-page .hero-grid{grid-template-columns:1fr}.hero-loop{min-height:320px}.tracks-wrapper{padding-block:54px}}
@media(max-width:640px){.grid-5{grid-template-columns:1fr}.loop-preview{min-height:210px}.play-orb{width:58px;height:58px}.loop-badge{font-size:.68rem}.track-copy h3{font-size:1.55rem}.track-hook{font-size:1.12rem}.sound-page .center-actions{justify-content:center}.track-actions .btn{width:100%;justify-content:center}}


/* v1.5.7 — Canto Libro / TNX: scroll estable, menos fricción visual y portada final */
html.no-snap{scroll-snap-type:none!important;scroll-padding-top:0!important;scroll-behavior:auto}
body[data-page="canto-libro"] .page > .scene,
body[data-page="canto-libro"] .page > .section,
body[data-page="canto-libro"] .final-scene{
  min-height:auto!important;
  display:block!important;
  align-items:initial!important;
  scroll-snap-align:none!important;
  scroll-margin-top:0!important;
}
body[data-page="canto-libro"] .sound-hero{padding-top:clamp(72px,9vh,124px)!important;padding-bottom:clamp(56px,8vh,92px)!important}
body[data-page="canto-libro"] .tracks-wrapper{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(54px,7vw,110px)}
body[data-page="canto-libro"] .track-section{scroll-snap-align:none!important;scroll-margin-top:0!important}
body[data-page="canto-libro"] .loop-note{letter-spacing:.04em}
body[data-page="canto-libro"] .track-actions .btn.small-btn:first-child{box-shadow:0 0 20px rgba(79,195,247,.14)}
body[data-page="tribu-neural-x"] .page > .scene,
body[data-page="tribu-neural-x"] .final-scene{scroll-snap-align:none!important;scroll-margin-top:0!important}
.book-img,.book-cover-card img{filter:drop-shadow(0 28px 60px rgba(0,0,0,.55))}


/* =========================================================
   SamuelCil.com — Ajustes V1.5.8
   Desktop 4K: scroll humano, secciones centradas y escala contenida
   ========================================================= */

/* Se elimina el snap global: en 4K y páginas largas generaba saltos secos. */
html,
html.no-snap{
  scroll-snap-type:none!important;
  scroll-padding-top:calc(var(--header) + 22px)!important;
  scroll-behavior:smooth!important;
}

@media (min-width:1101px){
  .page > .scene,
  .page > .section,
  .footer-scene,
  .social-footer-scene,
  .final-scene,
  .compact-footer{
    scroll-snap-align:none!important;
    scroll-margin-top:calc(var(--header) + 22px)!important;
  }

  /* Ritmo general: cada bloque respira, pero no se convierte en un desierto vertical. */
  body:not([data-page="canto-libro"]) .page > .scene:first-child{
    height:auto!important;
    min-height:clamp(620px,74svh,980px)!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(72px,7svh,112px)!important;
    overflow:visible!important;
  }

  body:not([data-page="canto-libro"]) .page > .scene:not(:first-child),
  body:not([data-page="canto-libro"]) .page > .section{
    min-height:clamp(520px,62svh,860px)!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(58px,6svh,96px)!important;
  }

  body[data-page="contacto"] #formulario{
    min-height:clamp(620px,72svh,940px)!important;
    display:flex!important;
    align-items:center!important;
  }

  .final-scene{
    min-height:auto!important;
  }
  .final-scene-inner{
    padding-block:clamp(70px,7svh,110px) clamp(38px,4svh,64px)!important;
  }
  .final-footer,
  .footer-scene.compact-footer{
    min-height:auto!important;
    padding-block:clamp(46px,5svh,76px) clamp(28px,3svh,42px)!important;
  }
}

/* 4K / monitor grande: escala visual real sin agrandar el vacío. */
@media (min-width:2100px){
  :root{
    --max:min(78vw,1680px);
    --header:96px;
  }
  body{font-size:20px;}
  .main-nav{gap:clamp(20px,1.15vw,34px)}
  .main-nav a{font-size:.82rem}
  .right-nav .btn{min-height:46px;padding:.78rem 1.45rem;font-size:.72rem}
  .narrow{max-width:980px}
  .wide{max-width:1440px}
  .h1{font-size:clamp(4.8rem,4.7vw,8.2rem)}
  .h2{font-size:clamp(3.6rem,3.7vw,6.2rem)}
  .h3{font-size:clamp(2.25rem,2.25vw,4.1rem)}
  .lead{font-size:clamp(1.08rem,.92vw,1.34rem);line-height:1.72}
  .copy{font-size:clamp(1.02rem,.86vw,1.24rem);line-height:1.76}
  .card{padding:clamp(28px,1.55vw,44px)}
  .grid-3,.grid-2,.grid-auto{gap:clamp(22px,1.35vw,34px)}
  .portrait{width:min(23vw,500px)}
  .book-img,.method-img{width:min(22vw,470px)}
}

/* Canto Libro: lectura larga, no escena por escena. */
@media (min-width:1101px){
  body[data-page="canto-libro"] .page > .scene,
  body[data-page="canto-libro"] .page > .section,
  body[data-page="canto-libro"] .final-scene{
    min-height:auto!important;
    display:block!important;
    padding-block:clamp(54px,6svh,92px)!important;
  }
  body[data-page="canto-libro"] .sound-hero{
    min-height:clamp(540px,58svh,760px)!important;
    display:flex!important;
    align-items:center!important;
  }
  body[data-page="canto-libro"] .tracks-wrapper{
    padding-top:clamp(38px,4svh,70px)!important;
  }
  body[data-page="canto-libro"] .track-section{
    max-width:1420px;
    margin-inline:auto;
    margin-bottom:clamp(42px,5svh,78px)!important;
    gap:clamp(28px,3vw,58px);
  }
}
@media (min-width:2100px){
  body[data-page="canto-libro"] .track-section{max-width:1500px;}
  body[data-page="canto-libro"] .loop-preview{min-height:clamp(300px,17vw,390px)}
  body[data-page="canto-libro"] .track-copy h3{font-size:clamp(2rem,1.75vw,3.15rem)}
  body[data-page="canto-libro"] .track-hook{font-size:clamp(1.25rem,1.05vw,1.62rem)}
}

/* TNX: página puente más compacta en escritorio grande. */
@media (min-width:1101px){
  body[data-page="tribu-neural-x"] .page > .scene:first-child{
    min-height:clamp(620px,72svh,920px)!important;
  }
  body[data-page="tribu-neural-x"] .page > .section{
    min-height:clamp(500px,58svh,780px)!important;
  }
}

@media (prefers-reduced-motion: reduce){
  html,html.no-snap{scroll-behavior:auto!important}
}

/* =========================================================
   SamuelCil.com — Ajustes V1.5.9
   Scroll inteligente selectivo + secciones completas + 4K elegante
   ========================================================= */

/* Recupera el comportamiento por escenas donde corresponde. */
html:not(.no-snap){
  scroll-snap-type:y proximity!important;
  scroll-padding-top:var(--header)!important;
  scroll-behavior:smooth!important;
}
html.no-snap{
  scroll-snap-type:none!important;
  scroll-padding-top:0!important;
  scroll-behavior:smooth!important;
}

@media (min-width:1101px){
  /* Las páginas narrativas vuelven a tener secciones reales, centradas y completas. */
  body:not([data-page="canto-libro"]) .page > .scene,
  body:not([data-page="canto-libro"]) .page > .section,
  body:not([data-page="canto-libro"]) .social-footer-scene,
  body:not([data-page="canto-libro"]) .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(64px,7svh,118px)!important;
    scroll-snap-align:center!important;
    scroll-margin-top:var(--header)!important;
    overflow:visible!important;
  }

  body:not([data-page="canto-libro"]) .page > .scene:first-child{
    scroll-snap-align:start!important;
    padding-block:clamp(46px,6svh,96px)!important;
  }

  body:not([data-page="canto-libro"]) .compact-footer,
  body:not([data-page="canto-libro"]) .final-footer,
  body:not([data-page="canto-libro"]) .footer-scene.compact-footer{
    min-height:auto!important;
    display:block!important;
    scroll-snap-align:none!important;
    padding-block:clamp(42px,5svh,72px) clamp(30px,4svh,56px)!important;
  }

  body[data-page="contacto"] #formulario{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:center!important;
    scroll-margin-top:var(--header)!important;
  }

  /* Canto Libro: las secciones de apertura vuelven a ser escenas; los temas quedan como lectura fluida. */
  body[data-page="canto-libro"] .page > .scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(64px,7svh,118px)!important;
    scroll-snap-align:none!important;
    scroll-margin-top:0!important;
  }
  body[data-page="canto-libro"] .sound-hero,
  body[data-page="canto-libro"] .tracks-intro{
    min-height:calc(100svh - var(--header))!important;
  }
  body[data-page="canto-libro"] .tracks-wrapper{
    display:block!important;
    min-height:auto!important;
    padding-block:clamp(72px,8svh,130px)!important;
    scroll-snap-align:none!important;
  }
  body[data-page="canto-libro"] .track-section{
    min-height:auto!important;
    margin-bottom:clamp(58px,7svh,108px)!important;
    scroll-snap-align:none!important;
    scroll-margin-top:0!important;
  }
  body[data-page="canto-libro"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:none!important;
  }
}

@media (min-width:2100px){
  :root{--max:min(76vw,1720px);--header:94px;}
  body{font-size:19px;}
  body:not([data-page="canto-libro"]) .page > .scene,
  body:not([data-page="canto-libro"]) .page > .section,
  body:not([data-page="canto-libro"]) .social-footer-scene,
  body:not([data-page="canto-libro"]) .final-scene,
  body[data-page="canto-libro"] .page > .scene,
  body[data-page="canto-libro"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    padding-block:clamp(72px,6svh,124px)!important;
  }
  .h1{font-size:clamp(4.6rem,4.35vw,7.8rem)}
  .h2{font-size:clamp(3.5rem,3.45vw,6rem)}
  .h3{font-size:clamp(2.18rem,2.15vw,3.95rem)}
  .lead{font-size:clamp(1.06rem,.88vw,1.3rem);line-height:1.72}
  .copy{font-size:clamp(1rem,.82vw,1.2rem);line-height:1.76}
  .card{padding:clamp(28px,1.45vw,42px)}
  .grid-3,.grid-2,.grid-auto,.grid-4{gap:clamp(22px,1.25vw,34px)}
  .portrait{width:min(22vw,500px)}
  .book-img,.method-img{width:min(21vw,470px)}
  body[data-page="canto-libro"] .track-section{max-width:1480px;}
  body[data-page="canto-libro"] .loop-preview{min-height:clamp(300px,16vw,390px)}
}

@media (max-width:1100px){
  html,html.no-snap{scroll-snap-type:none!important;scroll-padding-top:0!important}
}


/* =========================================================
   SamuelCil.com — Ajustes V1.6.0
   Inicio corregido por secciones: 1 Samuel Cil, 2 Proyecto destacado,
   3 Bitácora, 4 Tres territorios, 5 Test, 6 Comunidad,
   7 Consultorías, 8 Redes + footer.
   ========================================================= */

@media (min-width:1101px){
  body[data-page="inicio"] .page > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(44px,5.6svh,92px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .page > .scene > .container{
    width:min(var(--max),88vw);
  }
  body[data-page="inicio"] .page > .scene:first-child{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    padding-block:clamp(36px,5svh,78px)!important;
  }
  body[data-page="inicio"] .hero-grid{
    align-items:center;
  }
  body[data-page="inicio"] .post-card{
    max-width:min(860px,68vw);
    margin-inline:auto;
  }
  body[data-page="inicio"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .final-scene-inner{
    width:100%;
    padding-block:clamp(36px,4.5svh,70px) clamp(20px,2.2svh,34px)!important;
  }
  body[data-page="inicio"] .final-scene .social-footer-head{
    margin-bottom:clamp(20px,2.8svh,38px);
  }
  body[data-page="inicio"] .final-scene .social-grid{
    gap:clamp(14px,1.25svh,22px);
  }
  body[data-page="inicio"] .final-scene .social-card{
    min-height:clamp(86px,9.2svh,122px);
    padding:clamp(16px,1.4svh,24px);
  }
  body[data-page="inicio"] .final-footer,
  body[data-page="inicio"] .footer-scene.compact-footer{
    width:100%;
    min-height:auto!important;
    padding-block:clamp(24px,3svh,42px)!important;
    flex:0 0 auto;
  }
  body[data-page="inicio"] .footer-grid{
    gap:clamp(24px,3vw,70px);
  }
}

@media (min-width:2100px){
  body[data-page="inicio"] .page > .scene{
    padding-block:clamp(50px,4.8svh,94px)!important;
  }
  body[data-page="inicio"] .h1{font-size:clamp(4.7rem,4.1vw,7.2rem)}
  body[data-page="inicio"] .h2{font-size:clamp(3.4rem,3.15vw,5.55rem)}
  body[data-page="inicio"] .subtitle{font-size:clamp(1.45rem,1.32vw,2rem)}
  body[data-page="inicio"] .copy{font-size:clamp(1rem,.76vw,1.12rem);line-height:1.68}
  body[data-page="inicio"] .lead{font-size:clamp(1.02rem,.78vw,1.18rem);line-height:1.62}
  body[data-page="inicio"] .portrait{width:min(20vw,460px)}
  body[data-page="inicio"] .book-img{width:min(19vw,430px)}
  body[data-page="inicio"] .grid-3{gap:clamp(20px,1vw,30px)}
  body[data-page="inicio"] .card{padding:clamp(24px,1.15vw,36px)}
  body[data-page="inicio"] .final-scene .social-card{min-height:clamp(82px,8.4svh,118px)}
}

/* =========================================================
   SamuelCil.com — Ajustes V1.6.1
   Inicio / última escena: redes y footer sin tarjetas gigantes en 4K.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="inicio"] .final-scene .final-scene-inner{
    width:100%;
    max-width:min(1180px,74vw);
    margin-inline:auto;
    padding-inline:0!important;
  }
  body[data-page="inicio"] .final-scene .social-footer-head{
    max-width:min(880px,58vw);
    margin-inline:auto;
    margin-bottom:clamp(18px,2.2svh,34px);
  }
  body[data-page="inicio"] .final-scene .social-grid,
  body[data-page="inicio"] .final-scene .social-grid-secondary{
    width:100%;
    max-width:min(1180px,74vw);
    margin-inline:auto;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:clamp(14px,1vw,24px)!important;
  }
  body[data-page="inicio"] .final-scene .social-card{
    width:100%;
    min-height:clamp(78px,7.8svh,108px)!important;
    padding:clamp(14px,1.05svh,20px) clamp(16px,1.1vw,24px)!important;
    border-radius:20px;
    gap:clamp(12px,.75vw,18px);
  }
  body[data-page="inicio"] .final-scene .social-icon{
    width:clamp(42px,2.25vw,50px);
    height:clamp(42px,2.25vw,50px);
    border-radius:14px;
    font-size:clamp(1.05rem,1vw,1.28rem);
  }
  body[data-page="inicio"] .final-scene .social-card strong{
    font-size:clamp(1.05rem,.95vw,1.35rem)!important;
  }
  body[data-page="inicio"] .final-scene .social-card p{
    font-size:clamp(.82rem,.68vw,.96rem)!important;
    line-height:1.42!important;
    margin-top:.18rem;
  }
  body[data-page="inicio"] .final-scene .social-card em{
    font-size:clamp(1.05rem,.9vw,1.28rem)!important;
  }
  body[data-page="inicio"] .final-footer .container{
    width:min(1180px,74vw);
  }
}

@media (min-width:2100px){
  body[data-page="inicio"] .final-scene .final-scene-inner,
  body[data-page="inicio"] .final-scene .social-grid,
  body[data-page="inicio"] .final-scene .social-grid-secondary,
  body[data-page="inicio"] .final-footer .container{
    max-width:1240px;
  }
  body[data-page="inicio"] .final-scene .social-card{
    min-height:96px!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.6.2
   Inicio / Proyecto destacado: compra directa a Amazon y CTAs homogéneos.
   ========================================================= */
body[data-page="inicio"] .project-actions{
  align-items:center;
  gap:14px;
}
body[data-page="inicio"] .project-actions .btn{
  min-width:clamp(188px,10.5vw,226px);
  min-height:50px;
  padding-inline:1.35rem;
  white-space:nowrap;
}
@media (min-width:2100px){
  body[data-page="inicio"] .project-actions .btn{
    min-width:238px;
    min-height:54px;
  }
}
@media (max-width:1100px){
  body[data-page="inicio"] .project-actions .btn{
    min-width:0;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.6.3
   Inicio / ancho visual unificado con el menú principal.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="inicio"] .page > .scene > .container,
  body[data-page="inicio"] .final-scene .final-scene-inner,
  body[data-page="inicio"] .final-footer .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
    margin-inline:auto!important;
  }

  /* Las escenas vuelven a tener el mismo marco que el header,
     pero el texto central conserva una lectura elegante. */
  body[data-page="inicio"] .container.narrow{
    max-width:var(--max)!important;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  body[data-page="inicio"] .container.narrow > .h2,
  body[data-page="inicio"] .container.narrow > .lead,
  body[data-page="inicio"] .container.narrow > .copy,
  body[data-page="inicio"] .container.narrow > .subtitle{
    max-width:min(980px,62vw);
    margin-left:auto;
    margin-right:auto;
  }
  body[data-page="inicio"] .container.narrow > .card{
    max-width:min(980px,62vw);
    margin-left:auto;
    margin-right:auto;
  }

  /* Última escena: marco alineado con menú, tarjetas controladas. */
  body[data-page="inicio"] .final-scene .social-footer-head{
    max-width:min(1080px,66vw)!important;
  }
  body[data-page="inicio"] .final-scene .social-grid,
  body[data-page="inicio"] .final-scene .social-grid-secondary{
    width:100%!important;
    max-width:var(--max)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body[data-page="inicio"] .final-scene .social-card{
    min-width:0;
  }

  /* Footer: mismas líneas laterales que el menú. */
  body[data-page="inicio"] .final-footer .footer-grid{
    width:100%;
  }
}

@media (min-width:2100px){
  body[data-page="inicio"] .final-scene .final-scene-inner,
  body[data-page="inicio"] .final-scene .social-grid,
  body[data-page="inicio"] .final-scene .social-grid-secondary,
  body[data-page="inicio"] .final-footer .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
  }
  body[data-page="inicio"] .container.narrow > .h2,
  body[data-page="inicio"] .container.narrow > .lead,
  body[data-page="inicio"] .container.narrow > .copy,
  body[data-page="inicio"] .container.narrow > .subtitle,
  body[data-page="inicio"] .container.narrow > .card{
    max-width:1120px;
  }
}


/* =========================================================
   SamuelCil.com — Ajustes V1.6.4
   Método Hackea / revisión por secciones, popups y cierre igual a Inicio.
   ========================================================= */
body[data-page="metodo"] .method-claim{font-size:1.3rem;margin-top:28px}
body[data-page="metodo"] .method-small{font-size:1.05rem;margin-top:14px}
body[data-page="metodo"] .method-card-grid{margin-top:clamp(34px,4.2vh,56px);text-align:left}
body[data-page="metodo"] .method-tag-grid{gap:clamp(12px,1vw,20px)}
body[data-page="metodo"] .method-tag{min-height:0!important;padding:clamp(16px,1.1vw,24px)!important;font-size:clamp(1.02rem,.95vw,1.22rem);display:flex;align-items:center;justify-content:space-between;gap:14px}
body[data-page="metodo"] .method-tag .popup-hint{margin-top:0;white-space:nowrap}
body[data-page="metodo"] .method-matrix{max-width:min(960px,72vw)}
body[data-page="metodo"] .method-entry-grid .entry-card{min-height:100%;display:flex;flex-direction:column}
body[data-page="metodo"] .method-entry-grid .entry-card .btn{margin-top:auto;align-self:flex-start}

@media (min-width:1101px){
  body[data-page="metodo"] .page > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(38px,4.8svh,86px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="metodo"] .page > .scene > .container,
  body[data-page="metodo"] .final-scene .final-scene-inner,
  body[data-page="metodo"] .final-footer .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
    margin-inline:auto!important;
  }
  body[data-page="metodo"] .hero-grid{max-width:var(--max)!important;margin-inline:auto;align-items:center}
  body[data-page="metodo"] .method-what-grid{align-items:center}
  body[data-page="metodo"] .method-img{width:min(24vw,430px)}
  body[data-page="metodo"] .h1{font-size:clamp(4rem,4.6vw,7.2rem)}
  body[data-page="metodo"] .h2{font-size:clamp(2.85rem,3.75vw,5.6rem)}
  body[data-page="metodo"] .lead{max-width:860px;margin-left:auto;margin-right:auto;line-height:1.6}
  body[data-page="metodo"] .copy{line-height:1.62}
  body[data-page="metodo"] .card{padding:clamp(20px,1.35vw,34px)}
  body[data-page="metodo"] .matrix>div{padding:clamp(12px,.85vw,18px)}
  body[data-page="metodo"] .matrix ul{line-height:1.55;font-size:clamp(.86rem,.72vw,1rem)}
  body[data-page="metodo"] .timeline{margin-top:clamp(32px,3.5vh,54px)}
  body[data-page="metodo"] .step:not(:last-child){padding-bottom:clamp(24px,3vh,40px)}

  body[data-page="metodo"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="metodo"] .final-scene .final-scene-inner{
    width:var(--max)!important;
    max-width:var(--max)!important;
    padding-block:clamp(36px,4.5svh,70px) clamp(20px,2.2svh,34px)!important;
  }
  body[data-page="metodo"] .final-scene .social-footer-head{
    max-width:min(1080px,66vw)!important;
    margin-inline:auto;
    margin-bottom:clamp(18px,2.2svh,34px);
  }
  body[data-page="metodo"] .final-scene .social-grid,
  body[data-page="metodo"] .final-scene .social-grid-secondary{
    width:100%!important;
    max-width:var(--max)!important;
    margin-inline:auto;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(14px,1vw,24px)!important;
  }
  body[data-page="metodo"] .final-scene .social-card{
    min-width:0;
    min-height:clamp(78px,7.8svh,108px)!important;
    padding:clamp(14px,1.05svh,20px) clamp(16px,1.1vw,24px)!important;
    border-radius:20px;
    gap:clamp(12px,.75vw,18px);
  }
  body[data-page="metodo"] .final-scene .social-icon{
    width:clamp(42px,2.25vw,50px);
    height:clamp(42px,2.25vw,50px);
    border-radius:14px;
    font-size:clamp(1.05rem,1vw,1.28rem);
  }
  body[data-page="metodo"] .final-scene .social-card strong{font-size:clamp(1.05rem,.95vw,1.35rem)!important}
  body[data-page="metodo"] .final-scene .social-card p{font-size:clamp(.82rem,.68vw,.96rem)!important;line-height:1.42!important;margin-top:.18rem}
  body[data-page="metodo"] .final-scene .social-card em{font-size:clamp(1.05rem,.9vw,1.28rem)!important}
  body[data-page="metodo"] .final-footer,
  body[data-page="metodo"] .footer-scene.compact-footer{
    width:100%;
    min-height:auto!important;
    padding-block:clamp(24px,3svh,42px)!important;
    flex:0 0 auto;
  }
  body[data-page="metodo"] .footer-grid{width:100%;gap:clamp(24px,3vw,70px)}
}

@media (min-width:2100px){
  body[data-page="metodo"] .page > .scene{padding-block:clamp(42px,4svh,82px)!important}
  body[data-page="metodo"] .h1{font-size:clamp(4.6rem,3.9vw,7rem)}
  body[data-page="metodo"] .h2{font-size:clamp(3.1rem,3vw,5.4rem)}
  body[data-page="metodo"] .subtitle{font-size:clamp(1.38rem,1.25vw,1.95rem)}
  body[data-page="metodo"] .copy{font-size:clamp(.96rem,.72vw,1.08rem)}
  body[data-page="metodo"] .lead{font-size:clamp(1rem,.76vw,1.14rem)}
  body[data-page="metodo"] .method-img{width:min(20vw,420px)}
  body[data-page="metodo"] .method-card-grid{gap:clamp(18px,1vw,30px)}
  body[data-page="metodo"] .final-scene .social-card{min-height:96px!important}
}

@media (max-width:1100px){
  body[data-page="metodo"] .method-tag{display:block}
  body[data-page="metodo"] .method-tag .popup-hint{display:block;margin-top:10px}
}


/* =========================================================
   SamuelCil.com — Ajustes V1.6.5
   Método Hackea / scroll inteligente + escenas igual que Inicio.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="metodo"] .page > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:clamp(44px,5.6svh,92px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="metodo"] .page > .scene:first-child{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    padding-block:clamp(36px,5svh,78px)!important;
  }
  body[data-page="metodo"] .page > .scene > .container,
  body[data-page="metodo"] .final-scene .final-scene-inner,
  body[data-page="metodo"] .final-footer .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
    margin-inline:auto!important;
  }
  body[data-page="metodo"] .hero-grid{
    max-width:var(--max)!important;
    width:var(--max)!important;
    margin-inline:auto!important;
    align-items:center!important;
  }
  body[data-page="metodo"] .method-hero .method-img{
    width:min(22vw,430px)!important;
  }
  body[data-page="metodo"] .method-hero .actions .btn{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  body[data-page="metodo"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="metodo"] .final-scene .social-footer-head{
    max-width:min(1080px,66vw)!important;
    margin-inline:auto!important;
  }
  body[data-page="metodo"] .final-scene .social-grid,
  body[data-page="metodo"] .final-scene .social-grid-secondary{
    width:100%!important;
    max-width:var(--max)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width:2100px){
  body[data-page="metodo"] .page > .scene{
    padding-block:clamp(50px,4.8svh,94px)!important;
  }
  body[data-page="metodo"] .method-hero .method-img{
    width:min(19vw,420px)!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.6.6
   Método Hackea / centrado fino de primera escena.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="metodo"] .method-hero{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:0!important;
    overflow:hidden!important;
  }
  body[data-page="metodo"] .method-hero .hero-grid{
    align-self:center!important;
    align-items:center!important;
    min-height:0!important;
    transform:translateY(clamp(18px,2.15svh,42px));
  }
}
@media (min-width:2100px){
  body[data-page="metodo"] .method-hero .hero-grid{
    transform:translateY(clamp(22px,1.85svh,48px));
  }
}


/* =========================================================
   SamuelCil.com — Ajustes V1.6.7
   Saga Hackea / escenas con scroll inteligente + botones homogéneos.
   Redes y pie globales alineados como Inicio.
   ========================================================= */
@media (min-width:1101px){
  /* Cierre social + footer: misma lógica visual que Inicio en todas las páginas */
  body .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body .final-scene .final-scene-inner,
  body .final-footer .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
    margin-inline:auto!important;
  }
  body .final-scene .final-scene-inner{
    padding-block:clamp(32px,4.2svh,64px) clamp(18px,2.2svh,32px)!important;
  }
  body .final-scene .social-footer-head{
    max-width:min(1080px,66vw)!important;
    margin-inline:auto!important;
    margin-bottom:clamp(18px,2.2svh,34px)!important;
  }
  body .final-scene .social-grid,
  body .final-scene .social-grid-secondary{
    width:100%!important;
    max-width:var(--max)!important;
    margin-inline:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(14px,1vw,24px)!important;
  }
  body .final-scene .social-card{
    min-width:0!important;
    min-height:clamp(78px,7.8svh,108px)!important;
    padding:clamp(14px,1.05svh,20px) clamp(16px,1.1vw,24px)!important;
    border-radius:20px!important;
    gap:clamp(12px,.75vw,18px)!important;
  }
  body .final-scene .social-icon{
    width:clamp(42px,2.25vw,50px)!important;
    height:clamp(42px,2.25vw,50px)!important;
    border-radius:14px!important;
    font-size:clamp(1.05rem,1vw,1.28rem)!important;
  }
  body .final-scene .social-card strong{font-size:clamp(1.05rem,.95vw,1.35rem)!important}
  body .final-scene .social-card p{font-size:clamp(.82rem,.68vw,.96rem)!important;line-height:1.42!important;margin-top:.18rem!important}
  body .final-scene .social-card em{font-size:clamp(1.05rem,.9vw,1.28rem)!important}
  body .final-footer,
  body .footer-scene.compact-footer.final-footer{
    width:100%!important;
    min-height:auto!important;
    padding-block:clamp(24px,3svh,42px)!important;
    flex:0 0 auto!important;
    display:block!important;
  }
  body .final-footer .footer-grid{width:100%;gap:clamp(24px,3vw,70px)!important}

  /* Saga: sección por sección, igual criterio que Inicio */
  body[data-page="saga"] .page > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(42px,5svh,78px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
  }
  body[data-page="saga"] .page > .scene > .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
    margin-inline:auto!important;
  }
  body[data-page="saga"] .container.narrow{
    max-width:var(--max)!important;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  body[data-page="saga"] .container.narrow > .h1,
  body[data-page="saga"] .container.narrow > .h2,
  body[data-page="saga"] .container.narrow > .lead,
  body[data-page="saga"] .container.narrow > .copy,
  body[data-page="saga"] .container.narrow > .subtitle,
  body[data-page="saga"] .container.narrow > .card{
    max-width:min(980px,62vw);
    margin-left:auto;
    margin-right:auto;
  }
  body[data-page="saga"] .hero-grid{align-items:center;gap:clamp(54px,6vw,116px)}
  body[data-page="saga"] .book-img{width:min(20vw,420px)}
  body[data-page="saga"] .saga-territories{margin:clamp(20px,2.4svh,32px) 0!important;padding:clamp(18px,1.4vw,28px)!important}
  body[data-page="saga"] .saga-application{max-width:min(1180px,70vw);margin:clamp(34px,4svh,54px) auto 0;text-align:left}
  body[data-page="saga"] .saga-application .card{min-height:auto!important;padding:clamp(24px,1.6vw,34px)!important}
  body[data-page="saga"] .saga-application .list-clean li{padding:clamp(10px,1.05svh,16px) 0!important}
  body[data-page="saga"] .saga-focus-card{padding:clamp(30px,2vw,46px)!important}
  body[data-page="saga"] .center-actions{justify-content:center!important}
  body[data-page="saga"] .saga-actions{
    align-items:center;
    gap:14px;
    justify-content:flex-start;
  }
  body[data-page="saga"] .saga-actions .btn{
    min-width:clamp(196px,10.6vw,238px);
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-inline:1.35rem;
    white-space:nowrap;
  }
  body[data-page="saga"] .h1{font-size:clamp(4.7rem,4.1vw,7.2rem)}
  body[data-page="saga"] .h2{font-size:clamp(3.4rem,3.15vw,5.55rem)}
  body[data-page="saga"] .subtitle{font-size:clamp(1.35rem,1.25vw,1.95rem)}
  body[data-page="saga"] .copy{font-size:clamp(1rem,.76vw,1.12rem);line-height:1.68}
  body[data-page="saga"] .lead{font-size:clamp(1.02rem,.78vw,1.18rem);line-height:1.62}
}

@media (min-width:2100px){
  body .final-scene .final-scene-inner,
  body .final-scene .social-grid,
  body .final-scene .social-grid-secondary,
  body .final-footer .container{width:var(--max)!important;max-width:var(--max)!important}
  body[data-page="saga"] .book-img{width:min(18vw,430px)}
  body[data-page="saga"] .saga-actions .btn{min-width:244px;min-height:54px}
}

@media (max-width:1100px){
  body[data-page="saga"] .saga-actions .btn{min-width:0;width:100%}
  body[data-page="saga"] .page > .scene{height:auto!important;min-height:auto!important;overflow:visible!important}
}

/* =========================================================
   SamuelCil.com — Ajustes V1.6.8
   Saga Hackea / primera escena realmente separada del Libro Primero.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"] .saga-hero{
    min-height:calc(100svh - var(--header) + clamp(84px,8svh,138px))!important;
    height:calc(100svh - var(--header) + clamp(84px,8svh,138px))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:0!important;
    margin-bottom:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
  }
  body[data-page="saga"] .saga-hero .container{
    width:var(--max)!important;
    max-width:var(--max)!important;
    transform:translateY(clamp(-72px,-4svh,-34px));
  }
  body[data-page="saga"] .saga-feature{
    border-top:1px solid rgba(79,195,247,.12);
  }
}
@media (min-width:2100px){
  body[data-page="saga"] .saga-hero{
    min-height:calc(100svh - var(--header) + clamp(110px,7svh,160px))!important;
    height:calc(100svh - var(--header) + clamp(110px,7svh,160px))!important;
  }
  body[data-page="saga"] .saga-hero .container{
    transform:translateY(clamp(-82px,-3.8svh,-42px));
  }
}
@media (max-width:1100px){
  body[data-page="saga"] .saga-hero{
    height:auto!important;
    min-height:auto!important;
    padding-block:56px!important;
  }
  body[data-page="saga"] .saga-hero .container{
    transform:none!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.6.9
   Saga Hackea / separar hero del bloque Libro Primero.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"] .saga-hero{
    min-height:calc(118svh - var(--header))!important;
    height:calc(118svh - var(--header))!important;
    padding-block:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body[data-page="saga"] .saga-hero .container{
    width:min(var(--max),88vw)!important;
    max-width:min(var(--max),88vw)!important;
    transform:translateY(clamp(-36px,-2.2svh,-14px))!important;
  }
  body[data-page="saga"] .saga-feature{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
  }
}
@media (min-width:2100px){
  body[data-page="saga"] .saga-hero{
    min-height:calc(122svh - var(--header))!important;
    height:calc(122svh - var(--header))!important;
  }
}


/* =========================================================
   SamuelCil.com — V1.7.0
   Saga Hackea: secciones exactas, sin globos innecesarios,
   primera escena aislada y scroll por pantalla.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"] .page.saga-page-clean{padding-top:var(--header)!important;}
  body[data-page="saga"] .page.saga-page-clean > .scene{
    min-height:calc(100vh - var(--header))!important;
    height:calc(100vh - var(--header))!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;overflow:hidden!important;
    scroll-snap-align:start!important;scroll-margin-top:var(--header)!important;
    border-top:1px solid rgba(79,195,247,.08);
  }
  body[data-page="saga"] .page.saga-page-clean > .scene:first-child{border-top:0!important;}
  body[data-page="saga"] .page.saga-page-clean > .scene > .container{width:min(var(--max),88vw)!important;max-width:min(var(--max),88vw)!important;margin-inline:auto!important;}
  body[data-page="saga"] .saga-hero-clean{min-height:calc(100vh - var(--header))!important;height:calc(100vh - var(--header))!important;}
  body[data-page="saga"] .saga-hero-clean .container{transform:none!important;max-width:min(980px,64vw)!important;}
  body[data-page="saga"] .saga-book-clean .hero-grid{grid-template-columns:.9fr 1.1fr!important;gap:clamp(70px,7vw,140px)!important;align-items:center!important;}
  body[data-page="saga"] .saga-book-cover{width:min(24vw,430px)!important;}
  body[data-page="saga"] .container.narrow{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;max-width:min(var(--max),88vw)!important;}
  body[data-page="saga"] .container.narrow > .h1, body[data-page="saga"] .container.narrow > .h2, body[data-page="saga"] .container.narrow > .lead, body[data-page="saga"] .container.narrow > .subtitle, body[data-page="saga"] .container.narrow > .copy{max-width:min(980px,64vw)!important;margin-left:auto!important;margin-right:auto!important;}
  body[data-page="saga"] .saga-inline-territories{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  body[data-page="saga"] .saga-inline-territories span{color:var(--crystal);border:1px solid rgba(79,195,247,.26);border-radius:999px;padding:.52rem .9rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(6,13,22,.46);}
  body[data-page="saga"] .saga-clean-list{width:min(920px,62vw);margin:clamp(28px,4vh,48px) auto 0;display:grid;gap:10px;}
  body[data-page="saga"] .saga-clean-list div{display:grid;grid-template-columns:minmax(190px,.45fr) 1fr;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);padding:14px 0;text-align:left;}
  body[data-page="saga"] .saga-clean-list strong{font-family:'Cormorant Garamond',serif;font-size:clamp(1.25rem,1.15vw,1.75rem);font-weight:400;color:#eef4ff;}
  body[data-page="saga"] .saga-clean-list span{color:var(--soft);line-height:1.5;}
  body[data-page="saga"] .saga-actions{display:flex!important;align-items:center!important;gap:14px!important;}
  body[data-page="saga"] .center-actions{justify-content:center!important;}
  body[data-page="saga"] .saga-actions .btn{width:clamp(210px,11.5vw,250px)!important;min-width:clamp(210px,11.5vw,250px)!important;height:54px!important;min-height:54px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 1.2rem!important;white-space:nowrap!important;}
  body[data-page="saga"] .saga-focus-card, body[data-page="saga"] .saga-application, body[data-page="saga"] .saga-territories{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;}
  body[data-page="saga"] .h1{font-size:clamp(5.2rem,4.6vw,8rem)!important;}
  body[data-page="saga"] .h2{font-size:clamp(3.7rem,3.35vw,5.9rem)!important;}
  body[data-page="saga"] .lead{font-size:clamp(1.05rem,.85vw,1.24rem)!important;line-height:1.7!important;}
  body[data-page="saga"] .subtitle{font-size:clamp(1.45rem,1.35vw,2.05rem)!important;line-height:1.36!important;}
}
@media (min-width:2100px){body[data-page="saga"] .page.saga-page-clean > .scene{min-height:calc(100vh - var(--header))!important;height:calc(100vh - var(--header))!important;} body[data-page="saga"] .saga-book-cover{width:min(20vw,450px)!important;}}
@media (max-width:1100px){body[data-page="saga"] .page.saga-page-clean > .scene{height:auto!important;min-height:auto!important;overflow:visible!important;padding:64px 0!important;} body[data-page="saga"] .saga-clean-list{width:100%;} body[data-page="saga"] .saga-clean-list div{grid-template-columns:1fr;gap:4px;} body[data-page="saga"] .saga-actions .btn{width:100%!important;min-width:0!important;}}


/* =========================================================
   SamuelCil.com — Ajustes V1.7.1
   Menú con aire + scroll inteligente Comunidad / Bitácora
   ========================================================= */
.main-nav{gap:clamp(14px,1.25vw,26px)}
.main-nav .nav-item{position:relative;display:flex;align-items:center}
.main-nav .nav-item>a,.main-nav>a{font-size:clamp(.68rem,.68vw,.84rem)}
.nav-dropdown{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,-6px);min-width:220px;padding:12px;border:1px solid rgba(79,195,247,.22);border-radius:22px;background:rgba(5,9,16,.96);box-shadow:0 22px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .24s ease,visibility .24s ease;backdrop-filter:blur(18px)}
.nav-dropdown:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}.nav-dropdown a{display:block;padding:12px 14px;border-radius:14px;white-space:nowrap;text-align:left;letter-spacing:.11em;color:#aab6c8}.nav-dropdown a:hover{background:rgba(79,195,247,.08);color:var(--crystal)}
.has-dropdown:hover .nav-dropdown,.has-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mobile-panel .mobile-sub{padding-left:22px;color:#8fa9bd;font-size:.72rem;background:rgba(79,195,247,.035)}
@media (min-width:1101px){
  body[data-page="comunidad"] .page > .scene,
  body[data-page="bitacora"] .page > .scene{min-height:calc(100svh - var(--header));display:flex;align-items:center;scroll-snap-align:center;scroll-margin-top:var(--header);padding-block:clamp(54px,6vh,96px)}
  body[data-page="comunidad"] .page > .scene:first-child,
  body[data-page="bitacora"] .page > .scene:first-child{scroll-snap-align:start}
  body[data-page="bitacora"] .bitacora-list-scene .grid-3{margin-top:clamp(36px,4vh,62px)!important}
  body[data-page="bitacora"] .bitacora-list-scene .thumb{min-height:clamp(140px,16vh,210px)!important}
  .bitacora-section-head{margin-bottom:clamp(26px,3vh,44px)}
  .final-scene{scroll-snap-align:start;scroll-margin-top:var(--header)}
}
@media (max-width:1280px) and (min-width:1101px){.main-nav{gap:12px}.main-nav .nav-item>a,.main-nav>a{font-size:.64rem;letter-spacing:.10em}.right-nav .btn{padding-inline:1rem}.brand strong{font-size:1.32rem}}

/* =========================================================
   SamuelCil.com — Ajustes V1.7.3
   Comunidad: secciones reales + scroll inteligente + menú sin páginas especiales
   ========================================================= */
@media (min-width:1101px){
  body[data-page="comunidad"] .page > .community-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(58px,6.4svh,104px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:visible!important;
  }
  body[data-page="comunidad"] .page > .community-scene:first-child{
    min-height:calc(100svh - var(--header))!important;
  }
  body[data-page="comunidad"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
  }
}

body[data-page="comunidad"] .community-focus-card{
  max-width:920px;
  margin-inline:auto;
}
body[data-page="comunidad"] .community-groups-grid{
  margin-top:clamp(30px,4vh,52px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.6vw,28px);
  text-align:left;
}
body[data-page="comunidad"] .community-paths-grid{
  margin-top:clamp(30px,4vh,52px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,1.4vw,26px);
  text-align:left;
}
body[data-page="comunidad"] .rules-grid{
  margin-top:clamp(24px,3vh,38px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
}
body[data-page="comunidad"] .rules-grid > div{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:var(--muted);
  line-height:1.55;
}
body[data-page="comunidad"] .rules-grid strong{
  color:var(--crystal);
  font-size:.82rem;
  letter-spacing:.14em;
}
body[data-page="comunidad"] .community-scene .lead{
  max-width:900px;
}

@media(max-width:1100px){
  body[data-page="comunidad"] .community-groups-grid,
  body[data-page="comunidad"] .community-paths-grid,
  body[data-page="comunidad"] .rules-grid{
    grid-template-columns:1fr;
  }
  body[data-page="comunidad"] .rules-grid > div{
    grid-template-columns:42px 1fr;
  }
  body[data-page="comunidad"] .community-scene{
    padding-block:56px!important;
  }
}


/* =========================================================
   SamuelCil.com — Ajustes V1.7.4
   Bitácora: 3 escenas reales + scroll inteligente.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="bitacora"] .page.bitacora-page{
    padding-top:var(--header)!important;
  }
  body[data-page="bitacora"] .page.bitacora-page > .bitacora-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:clamp(52px,6svh,96px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
    border-top:1px solid rgba(79,195,247,.08);
  }
  body[data-page="bitacora"] .page.bitacora-page > .bitacora-scene:first-child{
    border-top:0!important;
  }
  body[data-page="bitacora"] .bitacora-hero .container{
    max-width:min(980px,66vw)!important;
  }
  body[data-page="bitacora"] .bitacora-list-scene > .container{
    width:min(var(--max),88vw)!important;
    max-width:min(var(--max),88vw)!important;
  }
  body[data-page="bitacora"] .bitacora-section-head{
    max-width:min(940px,64vw);
    margin:0 auto clamp(22px,2.8svh,34px)!important;
  }
  body[data-page="bitacora"] .bitacora-filter-row{
    margin:0 auto clamp(24px,3svh,38px)!important;
    justify-content:center!important;
  }
  body[data-page="bitacora"] .bitacora-post-grid{
    margin-top:0!important;
    gap:clamp(18px,1.6vw,28px)!important;
  }
  body[data-page="bitacora"] .post-card-bitacora{
    min-height:auto!important;
    padding:clamp(26px,1.8vw,38px)!important;
  }
  body[data-page="bitacora"] .post-card-bitacora .thumb{
    min-height:clamp(130px,14svh,190px)!important;
    margin:clamp(18px,2svh,26px) calc(clamp(26px,1.8vw,38px) * -1) clamp(18px,2svh,26px)!important;
  }
  body[data-page="bitacora"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
  }
}

@media (max-width:1100px){
  body[data-page="bitacora"] .page.bitacora-page{
    padding-top:var(--header)!important;
  }
  body[data-page="bitacora"] .page.bitacora-page > .bitacora-scene{
    height:auto!important;
    min-height:auto!important;
    overflow:visible!important;
    padding-block:56px!important;
  }
  body[data-page="bitacora"] .bitacora-post-grid{
    margin-top:28px!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.7.5
   Comunidad: 5 escenas reales, separación fuerte y scroll inteligente.
   ========================================================= */
body[data-page="comunidad"] .page.community-page{
  padding-top:var(--header)!important;
}
body[data-page="comunidad"] .community-scene{
  position:relative;
  isolation:isolate;
}
body[data-page="comunidad"] .community-scene + .community-scene::before,
body[data-page="comunidad"] .final-scene::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1120px,86vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(79,195,247,.18),transparent);
}
body[data-page="comunidad"] .community-section-head{
  max-width:920px;
  margin:0 auto clamp(24px,3.2vh,42px);
}
body[data-page="comunidad"] .community-combo-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(20px,2.2vw,34px);
  align-items:stretch;
  text-align:left;
}
body[data-page="comunidad"] .community-groups-grid-compact{
  margin-top:0!important;
  grid-template-columns:1fr!important;
  gap:clamp(12px,1.35vh,18px)!important;
}
body[data-page="comunidad"] .community-groups-grid-compact .group-card,
body[data-page="comunidad"] .community-rules-card{
  padding:clamp(18px,2vh,26px)!important;
}
body[data-page="comunidad"] .rules-grid-compact{
  margin-top:clamp(16px,2vh,24px)!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
body[data-page="comunidad"] .rules-grid-compact > div{
  grid-template-columns:42px 1fr!important;
  padding:clamp(9px,1.15vh,13px) 0!important;
}
body[data-page="comunidad"] .compact-actions{
  margin-top:clamp(18px,2vh,28px)!important;
}
body[data-page="comunidad"] .community-paths-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media (min-width:1101px){
  body[data-page="comunidad"] .page.community-page > .community-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    padding-block:clamp(72px,7.5svh,118px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
  }
  body[data-page="comunidad"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    padding-block:clamp(72px,7.5svh,118px)!important;
  }
}

/* Portátiles o pantallas bajas: no forzamos encaje de 100vh si el contenido necesita respirar. */
@media (min-width:1101px) and (max-height:820px){
  html{scroll-snap-type:y proximity!important;}
  body[data-page="comunidad"] .page.community-page > .community-scene,
  body[data-page="comunidad"] .final-scene{
    min-height:auto!important;
    align-items:flex-start!important;
    padding-block:clamp(76px,10vh,112px)!important;
  }
  body[data-page="comunidad"] .community-combo-grid{
    grid-template-columns:1fr 1fr;
  }
  body[data-page="comunidad"] .community-paths-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:1280px){
  body[data-page="comunidad"] .community-combo-grid{
    grid-template-columns:1fr;
  }
  body[data-page="comunidad"] .community-paths-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:1100px){
  body[data-page="comunidad"] .page.community-page{
    padding-top:0!important;
  }
  body[data-page="comunidad"] .community-scene,
  body[data-page="comunidad"] .final-scene{
    min-height:auto!important;
    padding-block:clamp(70px,10vh,104px)!important;
    scroll-snap-align:none!important;
  }
  body[data-page="comunidad"] .community-combo-grid,
  body[data-page="comunidad"] .community-paths-grid{
    grid-template-columns:1fr!important;
  }
  body[data-page="comunidad"] .community-groups-grid-compact,
  body[data-page="comunidad"] .rules-grid-compact{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.7.6
   Universo Samuel: 10 escenas reales + scroll inteligente.
   ========================================================= */
body[data-page="universo"] .page.universo-page{
  padding-top:var(--header)!important;
}
body[data-page="universo"] .universo-scene,
body[data-page="universo"] .universo-redes-footer{
  position:relative;
  isolation:isolate;
}
body[data-page="universo"] .universo-scene + .universo-scene::before,
body[data-page="universo"] .universo-redes-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1120px,86vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(79,195,247,.18),transparent);
}
body[data-page="universo"] .universo-scene > .container,
body[data-page="universo"] .universo-redes-footer > .container{
  width:min(var(--max),88vw);
}
body[data-page="universo"] .universo-section-head,
body[data-page="universo"] .universo-mapa .container,
body[data-page="universo"] .universo-alianzas .container{
  max-width:980px;
  margin-inline:auto;
}
body[data-page="universo"] .universo-sobre .hero-grid{
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1fr);
  gap:clamp(54px,6vw,110px);
  align-items:center;
}
body[data-page="universo"] .universo-sobre .portrait{
  width:min(28vw,430px)!important;
  max-height:min(56svh,560px);
  object-fit:cover;
}
body[data-page="universo"] .universo-mirada .grid-3,
body[data-page="universo"] .universe-section .grid-3{
  gap:clamp(16px,1.4vw,26px)!important;
}
body[data-page="universo"] .universo-mirada .card,
body[data-page="universo"] .universe-section .card{
  padding:clamp(20px,1.55vw,30px)!important;
}
body[data-page="universo"] .universo-mirada .mini-title,
body[data-page="universo"] .universe-section .mini-title{
  line-height:1.08;
}
body[data-page="universo"] .universo-mapa .universe-nav{
  margin-top:clamp(24px,3svh,42px);
}
body[data-page="universo"] .universo-alianzas{
  text-align:center;
}

@media (min-width:1101px){
  body[data-page="universo"] .page.universo-page > .universo-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:clamp(70px,7.4svh,118px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:visible!important;
  }
  body[data-page="universo"] .page.universo-page > .universo-hero{
    min-height:calc(100svh - var(--header))!important;
    padding-block:clamp(54px,6svh,96px)!important;
  }
  body[data-page="universo"] .universo-redes-footer{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    padding-block:clamp(70px,7.4svh,118px)!important;
  }
  body[data-page="universo"] .universo-redes-footer .final-scene-inner{
    padding-block:0!important;
  }
  body[data-page="universo"] .universo-redes-footer .final-footer{
    margin-top:clamp(30px,4svh,54px);
  }
}

/* Portátiles / pantallas bajas: respira antes que encajar a la fuerza. */
@media (min-width:1101px) and (max-height:860px){
  body[data-page="universo"] .page.universo-page > .universo-scene,
  body[data-page="universo"] .universo-redes-footer{
    min-height:auto!important;
    align-items:flex-start!important;
    padding-block:clamp(78px,10vh,118px)!important;
  }
  body[data-page="universo"] .universo-sobre .portrait{
    width:min(24vw,340px)!important;
    max-height:420px;
  }
  body[data-page="universo"] .universo-proyectos .grid-3,
  body[data-page="universo"] .universo-mirada .grid-3,
  body[data-page="universo"] .universo-inmersion .grid-3,
  body[data-page="universo"] .universo-semillas .grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:1280px){
  body[data-page="universo"] .universo-sobre .hero-grid{
    grid-template-columns:1fr;
    text-align:center;
  }
  body[data-page="universo"] .universo-sobre .portrait{
    width:min(48vw,420px)!important;
  }
  body[data-page="universo"] .universo-proyectos .grid-3,
  body[data-page="universo"] .universo-mirada .grid-3,
  body[data-page="universo"] .universo-inmersion .grid-3,
  body[data-page="universo"] .universo-semillas .grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:1100px){
  body[data-page="universo"] .page.universo-page{
    padding-top:0!important;
  }
  body[data-page="universo"] .universo-scene,
  body[data-page="universo"] .universo-redes-footer{
    min-height:auto!important;
    display:block!important;
    padding-block:clamp(70px,10vh,104px)!important;
    scroll-snap-align:none!important;
  }
  body[data-page="universo"] .universo-sobre .hero-grid,
  body[data-page="universo"] .universo-proyectos .grid-3,
  body[data-page="universo"] .universo-mirada .grid-3,
  body[data-page="universo"] .universo-inmersion .grid-3,
  body[data-page="universo"] .universo-semillas .grid-3{
    grid-template-columns:1fr!important;
  }
  body[data-page="universo"] .universo-sobre .portrait{
    width:min(78vw,420px)!important;
    margin-inline:auto;
  }
}


/* V1.7.7 · Contacto: 3 secciones reales + scroll inteligente */
body[data-page="contacto"] .contacto-page > .scene,
body[data-page="contacto"] .contacto-page > .section{
  position:relative;
}
@media (min-width:1101px){
  body[data-page="contacto"] .contacto-hero-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    padding-block:clamp(54px,7vh,110px)!important;
  }
  body[data-page="contacto"] .contacto-form-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:center!important;
    scroll-margin-top:var(--header)!important;
    padding-block:clamp(52px,6vh,94px)!important;
  }
  body[data-page="contacto"] .contacto-form-scene .container{
    width:min(92vw,980px)!important;
  }
  body[data-page="contacto"] .contacto-redes-scene{
    min-height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
  }
  body[data-page="contacto"] .contact-form-title{margin-bottom:clamp(20px,2.8vh,34px)}
  body[data-page="contacto"] .contact-form-card{padding:clamp(24px,2.2vw,42px)!important}
}
@media (min-width:1101px) and (max-height:820px){
  body[data-page="contacto"] .contacto-form-scene{
    min-height:auto!important;
    display:block!important;
    scroll-snap-align:start!important;
    padding-block:clamp(72px,9vh,118px)!important;
  }
  body[data-page="contacto"] .contact-form-card{padding:24px!important}
  body[data-page="contacto"] .textarea{min-height:120px!important}
}
@media (max-width:1100px){
  body[data-page="contacto"] .contacto-hero-scene,
  body[data-page="contacto"] .contacto-form-scene,
  body[data-page="contacto"] .contacto-redes-scene{
    min-height:auto!important;
    height:auto!important;
    display:block!important;
    scroll-snap-align:none!important;
    padding-block:clamp(58px,8vh,90px)!important;
  }
  body[data-page="contacto"] .contact-form-card{padding:clamp(20px,5vw,32px)!important}
  body[data-page="contacto"] .contact-form-title{text-align:left!important}
}

/* =========================================================
   SamuelCil.com — Ajustes V1.7.8
   Contacto: 3 secciones reales y separadas.
   1 Sigamos conectados · 2 Formulario · 3 Redes + footer
   ========================================================= */
@media (min-width:1101px){
  body[data-page="contacto"] .contacto-page{
    padding-top:0;
  }

  body[data-page="contacto"] #sigamos-conectados.contacto-hero-scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:clamp(52px,6svh,96px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(79,195,247,.14);
  }

  body[data-page="contacto"] #formulario.contacto-form-scene{
    min-height:calc(100svh - var(--header))!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:clamp(74px,7.5svh,128px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:visible!important;
    border-top:1px solid rgba(79,195,247,.10);
    border-bottom:1px solid rgba(79,195,247,.14);
    background:radial-gradient(circle at 50% 12%,rgba(79,195,247,.08),transparent 36%),linear-gradient(180deg,rgba(5,11,20,.36),rgba(3,7,12,.50));
  }

  body[data-page="contacto"] #formulario .container.narrow{
    width:min(92vw,980px)!important;
    margin-inline:auto;
  }

  body[data-page="contacto"] .contact-form-title{
    margin-bottom:clamp(28px,3.5svh,54px)!important;
  }

  body[data-page="contacto"] .contact-form-card{
    max-width:min(920px,86vw);
    margin-inline:auto;
  }

  body[data-page="contacto"] #conectar.contacto-redes-scene{
    min-height:calc(100svh - var(--header))!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:visible!important;
  }
}

@media (min-width:1101px) and (max-height:820px){
  body[data-page="contacto"] #formulario.contacto-form-scene{
    min-height:auto!important;
    padding-block:clamp(72px,9svh,110px)!important;
  }
}

@media (max-width:1100px){
  body[data-page="contacto"] #sigamos-conectados.contacto-hero-scene,
  body[data-page="contacto"] #formulario.contacto-form-scene,
  body[data-page="contacto"] #conectar.contacto-redes-scene{
    min-height:auto!important;
    height:auto!important;
    scroll-snap-align:none!important;
    padding-block:clamp(58px,9vh,92px)!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajustes V1.7.11
   Saga Hackea: secciones reales + scroll inteligente.
   Evita que se vea una sección y media en escritorio.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"] .saga-page-clean{
    padding-top:0!important;
  }

  body[data-page="saga"] .saga-page-clean > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-block:clamp(54px,6svh,98px)!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(79,195,247,.12);
  }

  body[data-page="saga"] .saga-page-clean > .scene:first-child{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    padding-block:clamp(50px,6svh,96px)!important;
  }

  body[data-page="saga"] .saga-book-clean .hero-grid{
    width:min(86vw,1220px)!important;
    gap:clamp(54px,6vw,112px)!important;
  }

  body[data-page="saga"] .saga-book-cover{
    width:min(25vw,360px)!important;
    max-height:min(62svh,600px)!important;
    object-fit:contain!important;
  }

  body[data-page="saga"] .saga-clean-list{
    max-width:min(760px,82vw)!important;
    margin-inline:auto!important;
  }

  body[data-page="saga"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:var(--header)!important;
    overflow:visible!important;
  }
}

@media (min-width:1101px) and (max-height:820px){
  body[data-page="saga"] .saga-page-clean > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:auto!important;
    overflow:visible!important;
    padding-block:clamp(74px,9svh,118px)!important;
  }
  body[data-page="saga"] .saga-book-cover{
    width:min(22vw,300px)!important;
    max-height:52svh!important;
  }
}

@media (max-width:1100px){
  body[data-page="saga"] .saga-page-clean > .scene,
  body[data-page="saga"] .final-scene{
    min-height:auto!important;
    height:auto!important;
    display:block!important;
    scroll-snap-align:none!important;
    overflow:visible!important;
    padding-block:clamp(58px,9vh,92px)!important;
  }
}

/* =========================================================
   SamuelCil.com — Ajuste V1.7.12
   Saga Hackea: corrección real del corte entre secciones.
   Diagnóstico: en V1.7.11 .saga-page-clean tenía padding-top:0,
   por eso el primer bloque arrancaba detrás del header fijo y el
   siguiente bloque asomaba al final del viewport.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"] .saga-page-clean{
    padding-top:var(--header)!important;
  }

  body[data-page="saga"] .saga-page-clean > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    scroll-snap-align:start!important;
    scroll-margin-top:0!important;
    padding-block:clamp(46px,5svh,86px)!important;
    overflow:hidden!important;
  }

  body[data-page="saga"] .saga-page-clean > .scene:first-child{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    padding-block:clamp(42px,5svh,78px)!important;
  }

  body[data-page="saga"] .saga-book-clean .hero-grid{
    width:min(86vw,1220px)!important;
    margin-inline:auto!important;
    align-items:center!important;
  }

  body[data-page="saga"] .final-scene{
    min-height:calc(100svh - var(--header))!important;
    height:auto!important;
    scroll-snap-align:start!important;
    scroll-margin-top:0!important;
  }
}

@media (min-width:1101px) and (max-height:820px){
  body[data-page="saga"] .saga-page-clean{
    padding-top:var(--header)!important;
  }
  body[data-page="saga"] .saga-page-clean > .scene{
    min-height:calc(100svh - var(--header))!important;
    height:calc(100svh - var(--header))!important;
    padding-block:clamp(42px,5svh,74px)!important;
    overflow:hidden!important;
  }
  body[data-page="saga"] .saga-book-cover{
    width:min(21vw,280px)!important;
    max-height:48svh!important;
  }
  body[data-page="saga"] .saga-book-clean .hero-grid{
    gap:clamp(42px,5vw,84px)!important;
  }
}


/* =========================================================
   SamuelCil.com — Ajuste V1.7.13
   Saga Hackea: cache bust + secciones estrictas.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"] .saga-page-clean{padding-top:var(--header)!important;}
  body[data-page="saga"] .saga-page-clean > .scene{box-sizing:border-box!important;min-height:calc(100dvh - var(--header))!important;height:calc(100dvh - var(--header))!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;overflow:hidden!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;scroll-margin-top:0!important;border-top:0!important;border-bottom:1px solid rgba(79,195,247,.12)!important;}
  body[data-page="saga"] .saga-page-clean > .scene:first-child{min-height:calc(100dvh - var(--header))!important;height:calc(100dvh - var(--header))!important;}
  body[data-page="saga"] .saga-page-clean > .scene > .container{margin-inline:auto!important;max-height:calc(100dvh - var(--header))!important;}
  body[data-page="saga"] .saga-hero-clean .container{transform:translateY(-1.5dvh)!important;max-width:min(980px,72vw)!important;}
  body[data-page="saga"] .saga-book-clean .hero-grid{display:grid!important;grid-template-columns:minmax(240px,.9fr) minmax(330px,1.1fr)!important;gap:clamp(52px,6vw,112px)!important;align-items:center!important;width:min(1180px,86vw)!important;}
  body[data-page="saga"] .saga-book-cover{width:min(23vw,340px)!important;max-height:58dvh!important;object-fit:contain!important;}
}
@media (min-width:1101px) and (max-height:850px){
  body[data-page="saga"] .saga-page-clean > .scene{min-height:calc(100dvh - var(--header))!important;height:calc(100dvh - var(--header))!important;padding:0!important;}
  body[data-page="saga"] .saga-book-cover{width:min(19vw,250px)!important;max-height:46dvh!important;}
  body[data-page="saga"] .saga-book-clean .h2{font-size:clamp(3rem,4.2vw,4.8rem)!important;}
}



/* =========================================================
   SamuelCil.com — V1.7.14 HARD SNAP SAGA
   Corrección real: Saga usa un contenedor propio de scroll.
   Motivo: el scroll del documento podía quedar a media sección
   por restauración del navegador / rueda / bordes entre escenas.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="saga"]{
    height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="saga"] .site-header{
    height:var(--header)!important;
  }
  body[data-page="saga"] .page.saga-page-clean{
    position:fixed!important;
    inset:var(--header) 0 0 0!important;
    height:calc(100dvh - var(--header))!important;
    min-height:0!important;
    padding-top:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-snap-type:y mandatory!important;
    scroll-padding-top:0!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body[data-page="saga"] .page.saga-page-clean > .scene,
  body[data-page="saga"] .page.saga-page-clean > .final-scene{
    width:100%!important;
    min-height:calc(100dvh - var(--header))!important;
    height:calc(100dvh - var(--header))!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    border-bottom:0!important;
    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-content:center!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    scroll-margin-top:0!important;
    overflow:hidden!important;
  }
  body[data-page="saga"] .page.saga-page-clean > .scene::before,
  body[data-page="saga"] .page.saga-page-clean > .scene::after,
  body[data-page="saga"] .page.saga-page-clean > .final-scene::before,
  body[data-page="saga"] .page.saga-page-clean > .final-scene::after{
    display:none!important;
  }
  body[data-page="saga"] .page.saga-page-clean > .scene > .container{
    width:min(var(--max),88vw)!important;
    max-width:min(var(--max),88vw)!important;
    max-height:calc(100dvh - var(--header))!important;
    margin:auto!important;
  }
  body[data-page="saga"] .saga-hero-clean .container{
    transform:none!important;
    max-width:min(980px,72vw)!important;
  }
  body[data-page="saga"] .saga-book-clean .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(240px,.9fr) minmax(330px,1.1fr)!important;
    gap:clamp(52px,6vw,112px)!important;
    align-items:center!important;
    width:min(1180px,86vw)!important;
  }
  body[data-page="saga"] .saga-book-cover{
    width:min(22vw,340px)!important;
    max-height:56dvh!important;
    object-fit:contain!important;
  }
  body[data-page="saga"] .page.saga-page-clean > .final-scene{
    background:radial-gradient(circle at 50% 18%,rgba(79,195,247,.10),transparent 34%),linear-gradient(180deg,#050910 0%,#03060b 100%)!important;
    overflow:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body[data-page="saga"] .page.saga-page-clean > .final-scene .final-scene-inner{
    width:min(var(--max),88vw)!important;
    padding-top:clamp(28px,4vh,54px)!important;
  }
  body[data-page="saga"] .page.saga-page-clean > .final-scene .footer-scene{
    width:100%!important;
    min-height:auto!important;
    padding:clamp(34px,4vh,64px) 0 24px!important;
  }
}
@media (min-width:1101px) and (max-height:850px){
  body[data-page="saga"] .page.saga-page-clean > .scene,
  body[data-page="saga"] .page.saga-page-clean > .final-scene{
    min-height:calc(100dvh - var(--header))!important;
    height:calc(100dvh - var(--header))!important;
  }
  body[data-page="saga"] .saga-book-cover{
    width:min(18vw,255px)!important;
    max-height:44dvh!important;
  }
  body[data-page="saga"] .saga-book-clean .hero-grid{
    gap:clamp(34px,4.5vw,72px)!important;
  }
  body[data-page="saga"] .saga-book-clean .h2{
    font-size:clamp(3rem,4.2vw,4.8rem)!important;
  }
}
@media (max-width:1100px){
  body[data-page="saga"]{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;}
  body[data-page="saga"] .page.saga-page-clean{position:static!important;height:auto!important;overflow:visible!important;padding-top:var(--header)!important;}
}



/* =========================================================
   SamuelCil.com — V1.7.15 TEST HACKEA
   Test en 3 escenas reales: hero, ventana del test, redes + footer.
   Scroll inteligente propio para evitar secciones pegadas.
   ========================================================= */
@media (min-width:1101px){
  body[data-page="test"]{
    height:100dvh!important;
    overflow:hidden!important;
  }
  body[data-page="test"] .page{
    position:fixed!important;
    inset:var(--header) 0 0 0!important;
    height:calc(100dvh - var(--header))!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-snap-type:y mandatory!important;
    scroll-padding-top:0!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body[data-page="test"] .page > .scene,
  body[data-page="test"] .page > .section,
  body[data-page="test"] .page > .final-scene{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:calc(100dvh - var(--header))!important;
    height:calc(100dvh - var(--header))!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    border-bottom:0!important;
    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-content:center!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    scroll-margin-top:0!important;
    overflow:hidden!important;
  }
  body[data-page="test"] .page > .scene > .container,
  body[data-page="test"] .page > .section > .container{
    width:min(var(--max),88vw)!important;
    max-width:min(var(--max),88vw)!important;
    margin:auto!important;
  }
  body[data-page="test"] .page > .scene:first-child .container{
    max-width:min(980px,72vw)!important;
    transform:translateY(-1.5dvh)!important;
  }
  body[data-page="test"] .test-dynamic-section{
    background:radial-gradient(circle at 50% 42%,rgba(79,195,247,.08),transparent 34%),linear-gradient(180deg,rgba(5,9,16,.94) 0%,rgba(3,7,13,.98) 100%)!important;
  }
  body[data-page="test"] .test-dynamic-section > .container{
    max-width:min(720px,78vw)!important;
  }
  body[data-page="test"] .test-shell{
    width:100%!important;
    max-width:720px!important;
    margin-inline:auto!important;
    padding:clamp(28px,3.4vh,48px)!important;
  }
  body[data-page="test"] .test-stage{
    min-height:clamp(330px,42dvh,500px)!important;
  }
  body[data-page="test"] .test-step{
    padding:0!important;
  }
  body[data-page="test"] .answer-grid{
    gap:clamp(10px,1.2vh,16px)!important;
  }
  body[data-page="test"] .answer-card{
    min-height:clamp(52px,6vh,76px)!important;
  }
  body[data-page="test"] .page > .final-scene{
    background:radial-gradient(circle at 18% 18%,rgba(79,195,247,.10),transparent 34%),radial-gradient(circle at 82% 66%,rgba(143,228,255,.08),transparent 30%),linear-gradient(180deg,rgba(5,9,16,.92) 0%,rgba(3,6,11,.98) 100%)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:auto!important;
  }
  body[data-page="test"] .page > .final-scene .final-scene-inner{
    width:min(var(--max),88vw)!important;
    padding-block:clamp(30px,4vh,56px) clamp(18px,2.5vh,30px)!important;
  }
  body[data-page="test"] .page > .final-scene .social-footer-head{
    margin-bottom:clamp(20px,3vh,42px)!important;
  }
  body[data-page="test"] .page > .final-scene .social-card{
    min-height:clamp(84px,9vh,120px)!important;
    padding:clamp(16px,1.5vh,24px)!important;
  }
  body[data-page="test"] .page > .final-scene .footer-scene{
    width:100%!important;
    min-height:auto!important;
    padding:clamp(30px,3.8vh,58px) 0 24px!important;
  }
}
@media (min-width:1101px) and (max-height:850px){
  body[data-page="test"] .test-dynamic-section > .container{
    max-width:min(660px,76vw)!important;
  }
  body[data-page="test"] .test-shell{
    padding:clamp(22px,2.6vh,34px)!important;
  }
  body[data-page="test"] .test-stage{
    min-height:clamp(300px,38dvh,420px)!important;
  }
  body[data-page="test"] .mini-title{
    font-size:clamp(1.65rem,2.1vw,2.45rem)!important;
  }
  body[data-page="test"] .answer-card{
    min-height:clamp(46px,5.4vh,64px)!important;
  }
}
@media (max-width:1100px){
  body[data-page="test"]{
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body[data-page="test"] .page{
    position:static!important;
    height:auto!important;
    overflow:visible!important;
    padding-top:var(--header)!important;
  }
  body[data-page="test"] .page > .scene,
  body[data-page="test"] .page > .section,
  body[data-page="test"] .page > .final-scene{
    min-height:auto!important;
    height:auto!important;
    scroll-snap-align:none!important;
  }
}