/* VALIENTE · página de mentoría */
.menu a.current{color:var(--goldl)}
.menu a.current::after{width:100%}

/* HERO */
.vhero .wrap{grid-template-columns:1.2fr .8fr;align-items:center}
.vhero .h1{font-size:clamp(44px,4.7vw,76px)}
.vhero .h1 em{display:block}
.vstats{list-style:none;display:flex;gap:34px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line-d);max-width:520px}
.vstats b{display:block;font-family:var(--serif);font-style:italic;font-weight:300;font-size:44px;line-height:1;color:var(--goldl)}
.vstats span{display:block;margin-top:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#A9A294}
.vbook-stage{position:relative;align-self:center;justify-self:center;display:flex;justify-content:center;padding:40px 0 60px}
.vbook-stage .halo{top:-4%;width:150%}
.vbook{position:relative;width:min(340px,30vw);aspect-ratio:2/3;perspective:1800px}
.vbook-in{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(26deg) rotateX(3deg);transition:transform 1s cubic-bezier(.2,.7,.2,1);animation:bookfloat 7s ease-in-out infinite}
.vbook:hover .vbook-in{transform:rotateY(10deg) rotateX(1deg)}
.vbook-in .bcover{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:2px 6px 6px 2px;box-shadow:inset 3px 0 6px rgba(255,255,255,.08),0 40px 70px rgba(0,0,0,.6),0 10px 20px rgba(0,0,0,.4)}
.vbook-in .spine{position:absolute;left:0;top:0;width:34px;height:100%;background:linear-gradient(90deg,#070707,#1E1B16 60%,#0E0E0E);transform-origin:left center;transform:rotateY(90deg)}
.vbook-in .pages{position:absolute;right:0;top:1.2%;width:32px;height:97.6%;background:repeating-linear-gradient(90deg,#EFE8DA 0 2px,#D6CCBA 2px 3px);transform-origin:right center;transform:rotateY(90deg)}
@keyframes bookfloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.vbook-tag{position:absolute;right:-70px;bottom:6px;background:rgba(18,18,18,.92);border:1px solid rgba(217,190,122,.4);padding:16px 20px;border-radius:4px;max-width:210px}
.vbook-tag b{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;color:var(--goldl)}
.vbook-tag span{font-size:12px;line-height:1.55;color:#A9A294}

/* BOOK */
.vbook-sec{padding:150px 0}
.vbook-sec .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:96px;align-items:center}
.vcover{position:relative}
.vcover::before{content:"";position:absolute;inset:8% -8% -6% 8%;background:var(--sand);border-radius:4px}
.vcover .bcover{position:relative;width:100%;border-radius:3px;box-shadow:0 30px 60px rgba(18,18,18,.35)}
.vsub{font-family:var(--serif);font-weight:300;font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin:14px 0 30px;max-width:560px}
.vsub em{font-style:italic;color:var(--gold)}
.vbook-sec .lead+.lead{margin-top:16px}
.vfor{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:36px;padding:20px 0;border-block:1px solid var(--line-l)}
.vfor>span{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--goldd)}
.vfor ul{list-style:none;display:flex;gap:10px;flex-wrap:wrap}
.vfor li{font-size:13px;padding:7px 14px;border:1px solid var(--line-l);border-radius:40px;color:var(--txt-l)}
.vquote{font-family:var(--serif);font-weight:300;font-size:clamp(28px,2.8vw,40px);line-height:1.12;margin-top:34px}
.vquote em{font-style:italic;color:var(--gold)}

/* TWO WORLDS */
.vworlds{padding:140px 0;background:radial-gradient(ellipse at 50% 60%,#241F17 0%,#151412 55%,#121212 85%)}
.worlds{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch}
.world{border:1px solid var(--line-d);border-radius:4px;padding:40px 36px;background:rgba(18,18,18,.6)}
.world h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,2.6vw,38px);line-height:1.05;margin-bottom:26px}
.world h3 small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.world ul{list-style:none}
.world li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:18px 0;border-top:1px solid var(--line-d)}
.world li span{font-size:14px;color:#8C8578}
.world li b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;color:var(--goldl);text-align:right}
.bridge{position:relative;display:grid;place-items:center;color:var(--gold)}
.bridge i{position:absolute;left:10px;right:10px;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.bridge svg{position:relative;width:62px;height:62px;padding:10px;border-radius:50%;background:var(--onyx);border:1px solid var(--gold)}

/* METHOD */
.sand .lead{color:var(--txt-l)}
.sand .h2 em{color:var(--gold)}
.sand .kicker{color:var(--goldd)}
.vmethod{padding:150px 0}
.pil{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--line-l);border-radius:4px;background:var(--ivory);overflow:hidden}
.pil-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line-l)}
.pil-tabs button{font:inherit;text-align:left;display:flex;align-items:center;gap:18px;padding:26px 28px;background:none;border:0;border-bottom:1px solid var(--line-l);cursor:pointer;font-family:var(--serif);font-size:26px;color:#5A5347;transition:.3s;position:relative}
.pil-tabs button:last-child{border-bottom:0}
.pil-tabs button i{font-style:italic;font-size:22px;color:var(--gold);width:30px}
.pil-tabs button::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transition:.3s}
.pil-tabs button:hover{color:var(--onyx);background:#EFE8DC}
.pil-tabs button.on{color:var(--ivory);background:var(--onyx)}
.pil-tabs button.on i{color:var(--goldl)}
.pil-tabs button.on::after{transform:none}
.pil-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.pil-panels{position:relative;padding:54px 56px;min-height:470px}
.pan{display:grid;grid-template-columns:130px 1fr;gap:20px;animation:panin .5s ease}
.pan[hidden]{display:none}
@keyframes panin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pn{font-family:var(--serif);font-style:italic;font-weight:300;font-size:110px;line-height:.85;color:var(--gold)}
.pan h3{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,48px);line-height:1}
.pan p{font-size:16px;line-height:1.75;color:var(--txt-l);margin-top:18px;max-width:620px}
.pan ul{list-style:none;margin-top:24px;display:grid;gap:10px}
.pan li{font-size:14.5px;color:#3A352D;padding-left:26px;position:relative}
.pan li::before{content:"";position:absolute;left:0;top:.6em;width:14px;height:1px;background:var(--gold)}
.pan blockquote{margin-top:30px;padding-top:22px;border-top:1px solid var(--line-l);font-family:var(--serif);font-size:clamp(24px,2.2vw,30px);line-height:1.2}
.pan blockquote em{font-style:italic;color:var(--gold)}

/* FORMULA */
.vformula{padding:150px 0;overflow:hidden}
.vf-bg{position:absolute;inset:0;background-size:cover;background-position:70% 20%}
.vformula::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.95) 0%,rgba(18,18,18,.82) 55%,rgba(18,18,18,.55) 100%)}
.vformula .wrap{position:relative;z-index:3}
.vformula .h2{max-width:820px;margin-top:22px}
.eq{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:60px}
.eq>div{border:1px solid rgba(217,190,122,.35);background:rgba(18,18,18,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:4px;padding:20px 24px;min-width:160px}
.eq b{display:block;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.05}
.eq span{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--goldl);margin-top:6px}
.eq i{font-style:normal;font-family:var(--serif);font-size:34px;color:var(--gold)}
.eq .res{background:var(--gold);border-color:var(--gold);color:var(--onyx)}
.eq .res span{color:var(--onyx)}

/* HABIT */
.vhabit{padding:140px 0}
.vhabit .wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.habit{list-style:none;border-top:1px solid var(--line-l)}
.habit li{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:26px 0;border-bottom:1px solid var(--line-l)}
.habit b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:44px;line-height:1;color:var(--gold)}
.habit h4{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1}
.habit p{font-size:14.5px;line-height:1.65;color:#5A5347;margin-top:6px}

/* WHO */
.vwho{padding:140px 0 60px}
.who{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d)}
.who>div{background:var(--onyx);padding:38px 30px;transition:.4s}
.who>div:hover{background:#17150F}
.who svg{width:40px;height:40px;padding:9px;border-radius:50%;border:1px solid var(--gold);fill:none;stroke:var(--goldl);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.who h4{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;margin:26px 0 10px}
.who p{font-size:14.5px;line-height:1.7;color:#A9A294}
.vproc{padding-top:100px}

/* CTA */
.vcta .contact-img img{bottom:-40px;width:min(92%,520px)}
.vnote{margin-top:34px;font-size:12px;line-height:1.6;color:#8C8578;max-width:460px;padding-top:18px;border-top:1px solid var(--line-d)}

@media (prefers-reduced-motion:reduce){.vbook-in{animation:none}}
@media (max-width:1080px){
  .vbook-sec .wrap,.vhabit .wrap{gap:56px}
  .who{grid-template-columns:repeat(2,1fr)}
  .pil{grid-template-columns:260px 1fr}
  .pil-panels{padding:44px 40px}
  .pan{grid-template-columns:1fr}
  .pn{font-size:72px}
}
@media (max-width:860px){
  .vhero .wrap{grid-template-columns:1fr;padding-bottom:40px}
  .vhero .h1 em{display:inline}
  .vstats{gap:22px}
  .vstats b{font-size:36px}
  .vbook{width:min(250px,62vw)}
  .vbook-stage{padding:40px 0 20px;margin-top:10px}
  .vbook-stage{flex-direction:column;align-items:center}
  .vbook-tag{position:relative;right:auto;bottom:auto;margin-top:26px;max-width:none;text-align:center}
  .vbook-sec,.vworlds,.vmethod,.vformula,.vhabit{padding:96px 0}
  .vbook-sec .wrap,.vhabit .wrap{grid-template-columns:1fr}
  .vcover{max-width:320px;margin:0 auto 10px}
  .worlds{grid-template-columns:1fr}
  .bridge{height:80px}
  .bridge i{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--gold),transparent)}
  .world{padding:30px 24px}
  .world li{flex-direction:column;align-items:flex-start;gap:4px}
  .world li b{text-align:left}
  .pil{grid-template-columns:1fr}
  .pil-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line-l);scrollbar-width:none}
  .pil-tabs::-webkit-scrollbar{display:none}
  .pil-tabs button{flex:0 0 auto;font-size:19px;padding:18px 18px;border-bottom:0;border-right:1px solid var(--line-l);gap:10px}
  .pil-tabs button i{width:auto;font-size:17px}
  .pil-tabs button::after{left:0;right:0;top:auto;bottom:0;width:auto;height:3px;transform:scaleX(0)}
  .pil-tabs button.on::after{transform:none}
  .pil-panels{padding:34px 24px;min-height:0}
  .pn{font-size:56px}
  .eq{gap:10px}
  .eq>div{min-width:0;flex:1 1 40%;padding:16px 18px}
  .eq i{display:none}
  .eq .res{flex-basis:100%}
  .who{grid-template-columns:1fr}
  .vwho{padding:96px 0 30px}
  .vproc{padding-top:70px}
}

/* PORTADA (HTML) */
.bcover{container-type:inline-size;aspect-ratio:2/3;background:#0E0E0E}
.bc-in{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#3A3122 0%,#1C1914 42%,#0E0E0E 78%);color:#F4EFE6;text-align:center}
.bc-in>*{position:absolute;display:block}
.bc-mono{left:-21.7cqw;top:35.8cqw;width:143.3cqw;height:144.9cqw;color:var(--gold);opacity:.16}
.bc-halo{left:12.5cqw;top:63.3cqw;width:75cqw;height:75cqw;border-radius:50%;background:radial-gradient(circle,rgba(217,190,122,.45) 0%,rgba(164,134,69,.12) 38%,transparent 68%)}
.bc-ph{left:24.2cqw;top:63.3cqw;width:51.7cqw;max-width:none;height:auto}
.bc-fade{left:0;top:103.3cqw;width:100cqw;height:46.7cqw;background:linear-gradient(180deg,rgba(14,14,14,0) 0%,rgba(14,14,14,.9) 45%,#0E0E0E 70%)}
.bc-frame{inset:3.67cqw;border:max(1px,.12cqw) solid rgba(217,190,122,.5)}
.bc-au{top:10cqw;left:0;width:100%;font-family:var(--sans);font-weight:400;font-size:2.5cqw;letter-spacing:.52em;padding-left:.52em;color:#D9BE7A}
.bc-t{top:20.8cqw;left:0;width:100%;font-family:'Italiana',serif;font-size:17.1cqw;line-height:1;letter-spacing:.05em;padding-left:.05em;background:linear-gradient(180deg,#F4E7C3 0%,#D9BE7A 45%,#A48645 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bc-t sup{font-family:var(--sans);font-size:3.3cqw;vertical-align:top;position:relative;top:2.8cqw;letter-spacing:0;-webkit-text-fill-color:#D9BE7A}
.bc-r{top:44.2cqw;left:45cqw;width:10cqw;height:max(1px,.17cqw);background:#A48645}
.bc-s{top:47.9cqw;left:14.2cqw;width:71.7cqw;font-family:var(--serif);font-style:italic;font-weight:400;font-size:4.67cqw;line-height:1.14}
.bc-s em,.bc-q em{color:#D9BE7A;font-style:italic}
.bc-q{bottom:10.8cqw;left:0;width:100%;font-family:var(--serif);font-weight:400;font-size:3.83cqw}
.bc-mk{bottom:6.5cqw;left:0;width:100%;font-family:var(--sans);font-weight:300;font-size:1.67cqw;letter-spacing:.44em;padding-left:.44em;color:#8C8578;white-space:nowrap}