@font-face{font-family:Montserrat;src:url('https://ciberautores.com/diagnostico/assets/montserrat-variable-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#fffdf8;--cream:#f3ede2;--ink:#172d3d;--blue:#173955;--coral:#d8734c;--gold:#e5a85f;--green:#2e8468;--muted:#66747d;--line:rgba(23,45,61,.14);--shadow:0 22px 60px rgba(23,45,61,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,"Avenir Next",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.container{width:min(calc(100% - 40px),1180px);margin-inline:auto}.narrow{width:min(calc(100% - 40px),920px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;transform:translateY(-150%);background:var(--blue);color:#fff}.skip-link:focus{transform:none}.eyebrow{margin:0 0 13px;color:var(--coral);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.eyebrow-light{color:#f0a47e}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:14px 21px;border:1px solid var(--blue);border-radius:0;background:var(--blue);color:#fff;font-size:11px;font-weight:850;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button:hover{background:#0f2f49;box-shadow:0 12px 28px rgba(23,45,61,.2);transform:translateY(-2px)}
.site-header{position:relative;z-index:50;border-bottom:1px solid var(--line);background:rgba(255,253,248,.98)}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:#081f31;font-size:20px;font-weight:850;line-height:1;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand img{width:44px;height:44px;object-fit:contain}.brand b{color:var(--coral)}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:23px}.main-nav>a{padding:9px 0 7px;border-bottom:1px solid transparent;color:var(--ink);font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap}.main-nav>a:not(.button):hover{border-bottom-color:var(--coral)}.main-nav>.button-small{min-height:40px;padding:11px 14px;font-size:10px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(113deg,var(--cream) 0 61%,var(--paper) 61%)}.hero:after{content:"";position:absolute;right:-160px;top:-230px;width:480px;height:480px;border:1px solid rgba(216,115,76,.19);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(540px,1.17fr) minmax(350px,.83fr);align-items:center;gap:78px;padding-block:68px 76px}.series-label{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.series-label span{padding:7px 10px;background:var(--blue);color:#fff}.hero h1{max-width:710px;margin:0;font-size:clamp(52px,5.8vw,79px);font-weight:800;line-height:.96;letter-spacing:-.068em}.hero h1 em{display:block;color:var(--coral);font-style:normal}.hero-lead{max-width:680px;margin:25px 0 0;color:#425965;font-size:18px;line-height:1.58}.hero-promise{margin:18px 0 0;font-size:15px;font-weight:760}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:27px}.purchase-button{min-width:292px}.price{display:grid;line-height:1.2}.price strong{font-size:27px;letter-spacing:-.04em}.price span{margin-top:4px;color:var(--muted);font-size:9px}.trust-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.trust-list li{padding:6px 9px;border:1px solid rgba(23,45,61,.17);background:rgba(255,253,248,.55);font-size:9px;font-weight:750;text-transform:uppercase}
.book-visual{position:relative;width:min(100%,395px);margin-inline:auto;isolation:isolate;transform-style:preserve-3d}.book-visual:before{content:"";position:absolute;inset:12% 0 9% 5%;z-index:-2;border-radius:42% 58% 53% 47%;background:radial-gradient(circle at 48% 45%,rgba(229,168,95,.34),rgba(216,115,76,.14) 44%,rgba(23,57,85,.08) 68%,transparent 71%);filter:blur(18px);transform:scale(1.12)}.book-visual>img{position:relative;z-index:2;display:block;width:min(78%,310px);height:auto;margin-inline:auto;box-shadow:0 32px 45px rgba(23,45,61,.24);transform:perspective(900px) rotateY(-7deg) rotate(-.8deg);transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s ease}.book-visual:hover>img{box-shadow:0 42px 55px rgba(23,45,61,.3);transform:perspective(900px) rotateY(-3deg) translateY(-9px) rotate(-1.2deg)}.orbit{position:absolute;z-index:-1;border:1px solid rgba(216,115,76,.33);border-radius:50%}.orbit-one{inset:6% -2% 19% 0;transform:rotate(-9deg)}.orbit-two{inset:17% 7% 27% -9%;border-color:rgba(23,57,85,.18);transform:rotate(10deg)}.format-badge{position:absolute;right:0;top:10%;z-index:4;display:grid;place-content:center;width:87px;height:87px;padding:10px;border:5px solid var(--paper);border-radius:50%;background:var(--coral);color:#fff;font-size:9px;font-weight:850;line-height:1.15;text-align:center;text-transform:uppercase;transform:rotate(7deg);box-shadow:0 12px 28px rgba(23,45,61,.18)}.book-visual>p{position:relative;z-index:5;display:grid;width:84%;margin:-13px auto 0;padding:15px 17px;border-left:3px solid var(--gold);background:rgba(255,253,248,.94);box-shadow:0 14px 32px rgba(23,45,61,.12)}.book-visual>p span{color:var(--coral);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.book-visual>p strong{margin-top:3px;font-size:13px}.book-visual>p small{color:var(--muted);font-size:10px}
.series-path{border-bottom:1px solid var(--line);background:var(--paper)}.series-grid{display:grid;grid-template-columns:repeat(4,1fr)}.series-step{display:flex;align-items:center;gap:13px;min-height:91px;padding:15px 18px;border-right:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .2s ease}.series-step:first-child{border-left:1px solid var(--line)}.series-step:hover{background:var(--cream)}.series-step>span{color:#9a8e84;font-size:11px;font-weight:850}.series-step div{display:grid}.series-step small{color:var(--coral);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.series-step strong{font-size:11px;line-height:1.35}.series-step.is-current{background:var(--blue);color:#fff}.series-step.is-current span,.series-step.is-current small{color:#f3b18f}
.silence{padding-block:100px}.silence h2,.section-heading h2,.fit h2,.author h2{margin:0;font-size:clamp(39px,4.6vw,61px);line-height:1.06;letter-spacing:-.058em}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;margin-top:44px}.story-grid p{margin:0 0 15px;color:var(--muted);font-size:15px}.story-grid p:nth-child(2){color:var(--ink);font-size:20px;font-weight:800}.story-grid blockquote{margin:0;padding:28px 0 28px 28px;border-left:3px solid var(--coral);font-size:23px;font-weight:680;line-height:1.45;letter-spacing:-.025em}.turn{margin:52px 0 0;padding:22px 25px;background:var(--cream);font-size:15px}.turn strong{color:var(--coral)}
.error{padding-block:88px;background:var(--blue);color:#fff}.error-grid{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:90px}.error-number{padding:34px;border-top:4px solid var(--gold);background:#fff;color:var(--ink)}.error-number strong{display:block;font-size:86px;line-height:.9;letter-spacing:-.08em}.error-number span{display:block;margin-top:14px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.error h2,.outcome h2,.next-book h2{margin:0;font-size:clamp(39px,4.5vw,59px);line-height:1.07;letter-spacing:-.058em}.error p{max-width:730px;color:#c9d3d9;font-size:14px}.error .key-idea{padding:19px 22px;border-left:3px solid var(--gold);background:rgba(255,255,255,.07);color:#fff;font-size:18px;font-weight:700}
.not-writing{padding-block:100px}.section-heading{max-width:820px;margin-bottom:45px}.section-heading>p:last-child{max-width:740px;margin:18px 0 0;color:var(--muted);font-size:15px}.contrast-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}.contrast-grid article{padding:31px}.contrast-grid .without{background:#f0e9e2}.contrast-grid .with{border-top:4px solid var(--green);background:var(--cream)}.card-label{margin:0 0 24px;color:var(--coral);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.contrast-grid ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.contrast-grid li{position:relative;padding-left:24px;font-size:13px}.without li:before,.with li:before{position:absolute;left:0;font-weight:900}.without li:before{content:"×";color:#a5574a}.with li:before{content:"✓";color:var(--green)}.manifesto{margin:72px 0 0;font-size:clamp(34px,4vw,53px);font-weight:680;line-height:1.16;letter-spacing:-.05em;text-align:center}.manifesto strong{color:var(--coral)}
.inside{padding-block:92px;background:var(--cream)}.inside-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.inside figure{position:relative;margin:0}.inside figure:after{content:"";position:absolute;inset:18px -18px -18px 18px;z-index:0;border:1px solid rgba(216,115,76,.35)}.inside figure img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:saturate(.86)}.inside h2{margin:0;font-size:clamp(36px,4vw,53px);line-height:1.08;letter-spacing:-.055em}.inside p{color:var(--muted);font-size:14px}.check-list{display:grid;gap:12px;margin:25px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:27px;font-size:13px;font-weight:700}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.fit{padding-block:98px}.centered{margin-inline:auto;text-align:center}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fit-grid article{position:relative;padding:35px 34px;border:1px solid var(--line);background:var(--paper)}.fit-grid article:first-child{border-top:4px solid var(--green)}.fit-grid article:last-child{border-top:4px solid var(--coral)}.fit-icon{position:absolute;right:25px;top:24px;display:grid;place-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:900}.fit-icon.yes{background:var(--green)}.fit-icon.no{background:var(--coral)}.fit-grid h3{margin:0 0 22px;font-size:23px;letter-spacing:-.04em}.fit-grid ul{display:grid;gap:11px;margin:0;padding-left:18px;color:var(--muted);font-size:13px}
.outcome{padding-block:88px;background:var(--blue);color:#fff}.outcome-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:85px}.outcome p:last-child{color:#c5d0d7;font-size:14px}.outcome ol{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.19)}.outcome li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.19);font-size:13px;font-weight:700}.outcome li span{color:#f0a47e;font-size:10px}
.author{padding-block:92px;background:var(--cream)}.author-grid{display:grid;grid-template-columns:290px 1fr;align-items:center;gap:85px}.experience{padding:30px;border-top:4px solid var(--coral);background:var(--paper)}.experience strong{display:block;font-size:76px;line-height:.9;letter-spacing:-.08em}.experience span{display:block;margin-top:14px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.author p:not(.eyebrow){max-width:730px;color:var(--muted);font-size:14px}.signature{display:block;width:180px;height:auto;margin-top:20px;mix-blend-mode:multiply}
.purchase{padding-block:100px}.purchase-grid{display:grid;grid-template-columns:360px 1fr;align-items:center;gap:90px}.purchase-cover{position:relative;padding:26px;background:var(--cream)}.purchase-cover:before{content:"";position:absolute;inset:14% -8% -6% 12%;z-index:-1;background:rgba(23,45,61,.16);filter:blur(24px)}.purchase-cover img{display:block;width:100%;height:auto;box-shadow:0 25px 40px rgba(23,45,61,.2)}.purchase h2{margin:0;font-size:clamp(39px,4.5vw,59px);line-height:1.06;letter-spacing:-.058em}.purchase>div>div>p{color:var(--muted);font-size:14px}.purchase-box{display:grid;grid-template-columns:170px 1fr;gap:25px;margin:28px 0 20px;padding:21px;border:1px solid var(--line);border-top:4px solid var(--coral);background:var(--cream)}.purchase-box>div{display:grid;align-content:center}.purchase-box small{color:var(--coral);font-size:9px;font-weight:850;text-transform:uppercase}.purchase-box strong{font-size:33px;letter-spacing:-.05em}.purchase-box span{color:var(--muted);font-size:9px}.purchase-box ul{display:grid;gap:6px;margin:0;padding-left:19px;color:var(--muted);font-size:11px}.button-large{width:100%;min-height:59px}.secure-note{margin:9px 0 0!important;color:#81898c!important;font-size:9px!important;text-align:center}
.next-book{padding-block:78px;background:var(--blue);color:#fff}.next-book-grid{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:75px}.next-link{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:24px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;transition:background .25s ease,transform .25s ease}.next-link:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.next-link span{color:#f3b18f;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.next-link strong{font-size:15px}.next-link i{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-style:normal}
.site-footer{border-top:1px solid var(--line);background:var(--paper)}.footer-inner{display:flex;align-items:center;justify-content:space-between;min-height:102px;gap:20px}.footer-brand{font-size:17px}.footer-brand img{width:36px;height:36px}.footer-inner p,.footer-inner>a:last-child{margin:0;color:var(--muted);font-size:10px}.footer-inner>a:last-child{text-decoration:underline}
@media(max-width:1000px){.main-nav{gap:15px}.main-nav>a{font-size:12px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:40px}.series-step{padding-inline:11px}.series-step strong{font-size:10px}.purchase-grid{grid-template-columns:300px 1fr;gap:55px}}
@media(max-width:900px){.header-inner{min-height:70px}.menu-toggle{display:grid;place-content:center;gap:4px;width:44px;height:44px;padding:0;border:1px solid rgba(23,57,85,.28);background:transparent}.menu-toggle i{display:block;width:18px;height:2px;background:var(--blue)}.main-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;z-index:60;display:none;align-items:stretch;gap:0;padding:12px 18px 18px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.main-nav.is-open{display:grid}.main-nav>a{padding:12px 2px;border-bottom:1px solid #d9d8d1;font-size:15px}.main-nav>.button-small{margin-top:10px}.hero{background:var(--cream)}.hero-grid{grid-template-columns:1fr;gap:55px}.book-visual{max-width:350px}.series-grid{grid-template-columns:1fr 1fr}.series-step:nth-child(2){border-right:1px solid var(--line)}.series-step:nth-child(n+3){border-top:1px solid var(--line)}.story-grid,.inside-grid,.outcome-grid,.next-book-grid{grid-template-columns:1fr}.error-grid{grid-template-columns:240px 1fr;gap:45px}.purchase-grid{grid-template-columns:260px 1fr;gap:45px}.author-grid{grid-template-columns:240px 1fr;gap:45px}}
@media(max-width:650px){.container,.narrow{width:min(calc(100% - 28px),1180px)}.brand{font-size:18px}.brand img{width:39px;height:39px}.hero-grid{padding-block:48px 58px}.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-actions{display:grid}.purchase-button{width:100%;min-width:0}.book-visual{max-width:300px}.series-grid{grid-template-columns:1fr}.series-step{border-right:1px solid var(--line);border-top:1px solid var(--line)}.series-step:first-child{border-top:0}.silence,.not-writing,.fit,.purchase{padding-block:72px}.story-grid,.contrast-grid,.fit-grid{grid-template-columns:1fr;gap:14px}.story-grid{margin-top:30px}.story-grid blockquote{font-size:19px}.error{padding-block:70px}.error-grid{grid-template-columns:1fr;gap:35px}.error-number{max-width:250px}.inside{padding-block:70px}.inside-grid{gap:45px}.outcome{padding-block:70px}.author{padding-block:70px}.author-grid{grid-template-columns:1fr;gap:35px}.experience{max-width:250px}.purchase-grid{grid-template-columns:1fr;gap:50px}.purchase-cover{width:min(82%,320px);margin-inline:auto}.purchase-box{grid-template-columns:1fr}.next-book{padding-block:65px}.footer-inner{display:grid;justify-items:start;padding-block:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.book-visual>img,.next-link{transition:none}.button:hover,.book-visual:hover>img,.next-link:hover{transform:none}}

/* Integración orgánica de las nuevas imágenes */
.book-visual{width:min(100%,445px);padding:4px 0 14px}
.book-visual:before{inset:8% -3% 7%;background:radial-gradient(ellipse at 52% 55%,rgba(229,168,95,.38),rgba(216,115,76,.14) 42%,rgba(23,57,85,.1) 65%,transparent 73%);filter:blur(24px)}
.book-visual>img{width:min(100%,405px);box-shadow:none;mix-blend-mode:multiply;filter:drop-shadow(0 30px 24px rgba(23,45,61,.23)) saturate(.98) contrast(1.02);-webkit-mask-image:radial-gradient(ellipse 98% 98% at 50% 50%,#000 76%,rgba(0,0,0,.96) 84%,transparent 100%);mask-image:radial-gradient(ellipse 98% 98% at 50% 50%,#000 76%,rgba(0,0,0,.96) 84%,transparent 100%);transform:translateZ(0) rotate(-.45deg);transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease}
.book-visual:hover>img{box-shadow:none;filter:drop-shadow(0 38px 29px rgba(23,45,61,.28)) saturate(1) contrast(1.02);transform:translateY(-8px) rotate(-.9deg) scale(1.012)}
.book-visual>p{margin:-31px auto 0}
.orbit-one{inset:8% -4% 16% -1%}.orbit-two{inset:20% 4% 23% -9%}

.inside figure{isolation:isolate;overflow:visible}
.inside figure:before{content:"";position:absolute;inset:15% 3% 5%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,rgba(229,168,95,.28),rgba(216,115,76,.1) 52%,transparent 72%);filter:blur(28px)}
.inside figure:after{inset:12% -2% 5% 4%;z-index:-1;border:1px solid rgba(216,115,76,.3);border-radius:50%;transform:rotate(-5deg)}
.inside figure img{z-index:1;width:112%;max-width:none;margin-left:-6%;mix-blend-mode:multiply;filter:drop-shadow(0 24px 23px rgba(23,45,61,.16)) saturate(.94) contrast(1.025);-webkit-mask-image:radial-gradient(ellipse 98% 96% at 50% 50%,#000 73%,rgba(0,0,0,.93) 83%,transparent 100%);mask-image:radial-gradient(ellipse 98% 96% at 50% 50%,#000 73%,rgba(0,0,0,.93) 83%,transparent 100%)}

.purchase-cover{isolation:isolate;padding:0;background:transparent}
.purchase-cover:before{inset:12% -4% 4% 7%;z-index:-2;border-radius:46%;background:radial-gradient(ellipse,rgba(23,57,85,.2),rgba(216,115,76,.1) 58%,transparent 75%);filter:blur(27px)}
.purchase-cover:after{content:"";position:absolute;inset:8% -6% 10% 3%;z-index:-1;border:1px solid rgba(216,115,76,.28);border-radius:50%;transform:rotate(7deg)}
.purchase-cover img{position:relative;z-index:1;width:108%;max-width:none;margin-left:-4%;box-shadow:none;mix-blend-mode:multiply;filter:drop-shadow(0 27px 23px rgba(23,45,61,.22)) saturate(.98) contrast(1.02);-webkit-mask-image:radial-gradient(ellipse 98% 98% at 50% 50%,#000 77%,rgba(0,0,0,.95) 85%,transparent 100%);mask-image:radial-gradient(ellipse 98% 98% at 50% 50%,#000 77%,rgba(0,0,0,.95) 85%,transparent 100%)}

.signature{width:min(100%,430px);margin-top:25px;mix-blend-mode:multiply;filter:saturate(.96) contrast(1.04);-webkit-mask-image:radial-gradient(ellipse 98% 92% at 50% 50%,#000 77%,transparent 100%);mask-image:radial-gradient(ellipse 98% 92% at 50% 50%,#000 77%,transparent 100%)}

@media(max-width:900px){.book-visual{max-width:395px}}
@media(max-width:650px){.book-visual{max-width:325px}.book-visual>p{margin-top:-24px}.inside figure img{width:106%;margin-left:-3%}.purchase-cover img{width:104%;margin-left:-2%}}

/* Portada recortada con transparencia real y mayor presencia */
.book-visual>img{width:min(104%,430px);mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 33px 25px rgba(15,38,58,.3)) drop-shadow(0 9px 8px rgba(216,115,76,.13)) saturate(1.08) contrast(1.055)}
.book-visual:hover>img{filter:drop-shadow(0 42px 29px rgba(15,38,58,.35)) drop-shadow(0 11px 9px rgba(216,115,76,.17)) saturate(1.11) contrast(1.06)}
.book-visual:before{inset:13% -7% 5% -2%;background:radial-gradient(ellipse at 54% 54%,rgba(229,168,95,.46),rgba(216,115,76,.2) 37%,rgba(23,57,85,.13) 61%,transparent 74%)}

.inside figure{padding:10px 10px 0 0}
.inside figure:before{inset:17% 8% 3% 2%;border-radius:42% 58% 52% 48%;background:radial-gradient(ellipse,rgba(229,168,95,.23),rgba(216,115,76,.08) 55%,transparent 74%);filter:blur(25px)}
.inside figure:after{inset:24px -8px -14px 24px;z-index:0;border:1px solid rgba(216,115,76,.48);border-radius:0;transform:none;box-shadow:9px 9px 0 rgba(229,168,95,.08)}
.inside figure img{width:100%;max-width:100%;margin:0;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:saturate(.97) contrast(1.025);box-shadow:0 22px 38px rgba(23,45,61,.16);outline:1px solid rgba(23,57,85,.12)}

.purchase-cover img{width:114%;margin-left:-7%;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 31px 24px rgba(15,38,58,.3)) drop-shadow(0 8px 7px rgba(216,115,76,.12)) saturate(1.09) contrast(1.055)}
.purchase-cover:before{inset:13% -12% 2% 0;background:radial-gradient(ellipse,rgba(229,168,95,.38),rgba(216,115,76,.15) 49%,rgba(23,57,85,.1) 67%,transparent 76%)}
.purchase-cover:after{inset:10% -10% 8% -2%;border-color:rgba(216,115,76,.38)}

@media(max-width:650px){.book-visual>img{width:104%}.inside figure{padding:7px 7px 0 0}.inside figure:after{inset:18px -6px -10px 18px}.inside figure img{width:100%;margin:0}.purchase-cover img{width:108%;margin-left:-4%}}
@media(max-width:650px){.hero,.inside,.purchase{overflow:hidden}}

/* Marco editorial más definido para la escena de lectura */
.inside figure{padding:13px;background:rgba(255,253,248,.82);border:1px solid rgba(23,57,85,.2);box-shadow:0 22px 42px rgba(23,45,61,.14)}
.inside figure:after{inset:17px -13px -13px 17px;border:2px solid rgba(216,115,76,.62);box-shadow:8px 8px 0 rgba(229,168,95,.13)}
.inside figure img{outline:0;box-shadow:none}
.signature{width:min(100%,340px)}

@media(max-width:650px){.inside figure{padding:9px}.inside figure:after{inset:13px -8px -9px 13px}.signature{width:min(88%,285px)}}

/* Identidad visual del libro 02: lector, mercado y dirección */
.book-two{--coral:#df8626;--gold:#f0b54e;--cream:#f5ecdc}
.book-two .hero{background:linear-gradient(113deg,#f4ead8 0 61%,#fffaf1 61%)}
.book-two .hero:after{border-color:rgba(223,134,38,.27)}
.book-two .hero h1{font-size:clamp(49px,5.35vw,73px)}
.book-two .book-visual:before{background:radial-gradient(ellipse at 54% 54%,rgba(240,181,78,.5),rgba(223,134,38,.22) 38%,rgba(23,57,85,.13) 62%,transparent 75%)}
.book-two .book-visual>img{width:min(102%,425px);filter:drop-shadow(0 34px 25px rgba(15,38,58,.3)) drop-shadow(0 9px 8px rgba(223,134,38,.17)) saturate(1.05) contrast(1.035)}
.book-two .book-visual:hover>img{filter:drop-shadow(0 43px 30px rgba(15,38,58,.36)) drop-shadow(0 11px 9px rgba(223,134,38,.2)) saturate(1.08) contrast(1.04)}
.book-two .orbit{border-color:rgba(223,134,38,.42)}
.book-two .orbit-two{border-color:rgba(23,57,85,.2)}
.book-two .error-number strong{font-size:70px;letter-spacing:-.07em}
.book-two .inside figure:after{border-color:rgba(223,134,38,.66);box-shadow:8px 8px 0 rgba(240,181,78,.15)}
.book-two .author-photo{position:relative;margin:0;padding:10px;background:var(--paper);border:1px solid rgba(23,57,85,.18);box-shadow:0 22px 38px rgba(23,45,61,.15)}
.book-two .author-photo:after{content:"";position:absolute;inset:18px -12px -12px 18px;z-index:-1;border:2px solid rgba(223,134,38,.58)}
.book-two .author-photo img{display:block;width:100%;height:auto}
.book-two .purchase-cover img{filter:drop-shadow(0 32px 24px rgba(15,38,58,.3)) drop-shadow(0 9px 8px rgba(223,134,38,.16)) saturate(1.06) contrast(1.04)}
.book-two .purchase-cover:before{background:radial-gradient(ellipse,rgba(240,181,78,.4),rgba(223,134,38,.16) 49%,rgba(23,57,85,.1) 67%,transparent 76%)}
.book-two .signature{width:min(100%,315px)}

@media(max-width:900px){.book-two .hero h1{max-width:790px}.book-two .author-photo{width:min(100%,430px)}}
@media(max-width:650px){.book-two .hero h1{font-size:45px}.book-two .book-visual>img{width:102%}.book-two .author-photo:after{inset:14px -8px -9px 14px}.book-two .signature{width:min(84%,270px)}}

.book-two .author-grid{grid-template-columns:1fr;max-width:900px;gap:0}
.book-two .author-grid>div{max-width:820px}

/* Identidad visual del libro 03: comunicación auténtica */
.book-three{--coral:#168f9d;--gold:#e8bd36;--cream:#edf3ef;--green:#2e8468}
.book-three .hero{background:linear-gradient(113deg,#eaf2ed 0 61%,#fffdf6 61%)}
.book-three .hero:after{border-color:rgba(22,143,157,.24)}
.book-three .hero h1{font-size:clamp(47px,5vw,68px)}
.book-three .hero h1 em{color:#168f9d}
.book-three .series-label span{background:#173955}
.book-three .book-visual:before{background:radial-gradient(ellipse at 53% 55%,rgba(232,189,54,.45),rgba(22,143,157,.2) 42%,rgba(23,57,85,.13) 64%,transparent 76%)}
.book-three .book-visual>img{width:min(103%,430px);filter:drop-shadow(0 34px 25px rgba(15,38,58,.3)) drop-shadow(0 9px 8px rgba(22,143,157,.18)) saturate(1.06) contrast(1.045)}
.book-three .book-visual:hover>img{filter:drop-shadow(0 43px 30px rgba(15,38,58,.35)) drop-shadow(0 11px 9px rgba(22,143,157,.22)) saturate(1.09) contrast(1.05)}
.book-three .orbit{border-color:rgba(22,143,157,.42)}
.book-three .orbit-two{border-color:rgba(232,189,54,.42)}
.book-three .error-number strong{font-size:70px;letter-spacing:-.07em}
.book-three .inside figure:after{border-color:rgba(22,143,157,.62);box-shadow:8px 8px 0 rgba(232,189,54,.15)}
.book-three .inside-secondary{border-top:1px solid var(--line);background:var(--paper)}
.book-three .inside-secondary figure{grid-column:2;grid-row:1}
.book-three .inside-secondary .inside-grid>div{grid-column:1;grid-row:1}
.key-idea-inline{margin-top:24px!important;padding:18px 20px;border-left:3px solid var(--gold);background:var(--cream);color:var(--ink)!important;font-weight:750}
.book-three .author-grid{grid-template-columns:1fr;max-width:900px;gap:0}
.book-three .author-grid>div{max-width:820px}
.book-three .signature{width:min(100%,305px)}
.book-three .purchase-cover img{filter:drop-shadow(0 32px 24px rgba(15,38,58,.3)) drop-shadow(0 9px 8px rgba(22,143,157,.18)) saturate(1.07) contrast(1.045)}
.book-three .purchase-cover:before{background:radial-gradient(ellipse,rgba(232,189,54,.38),rgba(22,143,157,.17) 49%,rgba(23,57,85,.1) 68%,transparent 77%)}
.book-three .purchase-cover:after{border-color:rgba(22,143,157,.4)}

@media(max-width:900px){.book-three .hero h1{max-width:800px}.book-three .inside-secondary figure,.book-three .inside-secondary .inside-grid>div{grid-column:auto;grid-row:auto}}
@media(max-width:650px){.book-three .hero h1{font-size:43px}.book-three .book-visual>img{width:103%}.book-three .signature{width:min(82%,265px)}}
.main-nav>.button-small{color:#fff}

/* Identidad visual del libro 04: marca, sistema y expansión */
.book-four{--coral:#319bd7;--gold:#f0d13f;--cream:#edf2f2;--green:#2d836b}
.book-four .hero{background:linear-gradient(113deg,#e8f0f0 0 61%,#fffdf6 61%)}
.book-four .hero:after{border-color:rgba(49,155,215,.25)}
.book-four .hero h1{font-size:clamp(48px,5.2vw,72px)}
.book-four .hero h1 em{color:#218fcf}
.book-four .book-visual{width:min(100%,455px)}
.book-four .book-visual:before{inset:10% -8% 3% -3%;background:radial-gradient(ellipse at 53% 54%,rgba(240,209,63,.46),rgba(49,155,215,.2) 43%,rgba(23,57,85,.13) 65%,transparent 77%)}
.book-four .book-visual>img{width:min(103%,440px);filter:drop-shadow(0 35px 26px rgba(15,38,58,.31)) drop-shadow(0 9px 8px rgba(49,155,215,.18)) saturate(1.04) contrast(1.035)}
.book-four .book-visual:hover>img{filter:drop-shadow(0 44px 31px rgba(15,38,58,.36)) drop-shadow(0 11px 9px rgba(49,155,215,.22)) saturate(1.07) contrast(1.04)}
.book-four .orbit{border-color:rgba(49,155,215,.44)}
.book-four .orbit-two{border-color:rgba(240,209,63,.5)}
.book-four .book-visual>p{border-left-color:var(--gold)}

.math-section{padding-block:92px;background:var(--blue);color:#fff}
.math-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}
.math-section h2,.ladder h2,.example h2,.bonus h2,.finale h2{margin:0;font-size:clamp(39px,4.5vw,59px);line-height:1.06;letter-spacing:-.058em}
.math-section p:not(.eyebrow){color:#c6d2d9;font-size:14px}
.math-card{display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:28px;border:1px solid rgba(255,255,255,.23);border-top:4px solid var(--gold);background:rgba(255,255,255,.07)}
.math-card span{align-self:end;color:#b9c9d2;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.math-card strong{font-size:clamp(30px,4vw,49px);line-height:1;letter-spacing:-.05em;text-align:right}
.math-card i{grid-column:1/-1;margin:8px 0;color:var(--gold);font-size:24px;font-style:normal;text-align:center}
.math-card small{grid-column:1/-1;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:800;text-align:center;text-transform:uppercase}

.reframe{padding-block:100px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.role-grid article{position:relative;min-height:225px;padding:30px;border:1px solid var(--line);border-top:4px solid var(--coral);background:var(--paper)}
.role-grid article:nth-child(2){border-top-color:var(--gold)}
.role-grid article:nth-child(3){border-top-color:var(--blue)}
.role-grid span{color:var(--coral);font-size:10px;font-weight:850;letter-spacing:.1em}
.role-grid h3{margin:42px 0 9px;font-size:24px;line-height:1.1;letter-spacing:-.045em}
.role-grid p{margin:0;color:var(--muted);font-size:13px}

.ladder{padding-block:95px;background:var(--blue);color:#fff}
.ladder-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:82px}
.ladder p:not(.eyebrow){color:#c4d0d7;font-size:14px}
.ladder .key-idea{margin-top:25px;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(255,255,255,.07);color:#fff;font-weight:720}
.ladder ol{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2);list-style:none}
.ladder li{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;padding:17px 15px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.ladder li:nth-child(2n){border-right:0}
.ladder li span{grid-row:1/3;color:var(--gold);font-size:10px;font-weight:850}
.ladder li strong{font-size:14px}
.ladder li small{color:#aebfc8;font-size:10px}

.example{padding-block:96px;background:var(--cream)}
.example-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.example-grid>div:first-child>p:last-child{color:var(--muted);font-size:14px}
.example-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.example-stack>div{display:flex;align-items:baseline;gap:9px;padding:20px;border:1px solid var(--line);background:var(--paper)}
.example-stack strong{color:var(--coral);font-size:39px;line-height:1;letter-spacing:-.06em}
.example-stack span{font-size:11px;font-weight:800;text-transform:uppercase}
.example-stack p{grid-column:1/-1;margin:4px 0 0;padding:21px;background:var(--blue);color:#fff;font-size:18px;line-height:1.35;text-align:center}
.example-stack b{color:var(--gold)}

.book-four .inside{background:var(--paper)}
.book-four .inside figure:after{border-color:rgba(49,155,215,.65);box-shadow:8px 8px 0 rgba(240,209,63,.16)}
.book-four .inside figure img{aspect-ratio:3/2;object-fit:cover}
.book-four .author-grid{grid-template-columns:1fr;max-width:900px;gap:0}
.book-four .author-grid>div{max-width:820px}
.book-four .signature{width:min(100%,295px)}

.bonus{padding-block:90px;background:#183850;color:#fff}
.bonus-grid{display:grid;grid-template-columns:270px 1fr;align-items:center;gap:80px}
.bonus-mark{display:grid;place-content:center;min-height:255px;border:1px solid rgba(255,255,255,.22);border-top:5px solid var(--gold);background:linear-gradient(145deg,rgba(49,155,215,.18),rgba(255,255,255,.05));text-align:center}
.bonus-mark span{color:var(--gold);font-size:80px;font-weight:300;line-height:.8}
.bonus-mark strong{margin-top:20px;font-size:14px;letter-spacing:.22em}
.bonus p:not(.eyebrow){color:#c6d2d9;font-size:14px}
.bonus ul{display:grid;gap:9px;margin:23px 0 0;padding-left:20px;color:#fff;font-size:12px}

.book-four .purchase-cover img{filter:drop-shadow(0 33px 25px rgba(15,38,58,.31)) drop-shadow(0 9px 8px rgba(49,155,215,.18)) saturate(1.05) contrast(1.04)}
.book-four .purchase-cover:before{background:radial-gradient(ellipse,rgba(240,209,63,.4),rgba(49,155,215,.16) 49%,rgba(23,57,85,.1) 68%,transparent 77%)}
.book-four .purchase-cover:after{border-color:rgba(49,155,215,.42)}

.finale{padding-block:88px;background:var(--blue);color:#fff}
.finale-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px 75px;align-items:center}
.finale-steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}
.finale-steps span{display:grid;gap:3px;padding:15px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:750}
.finale-steps b{color:var(--gold);font-size:9px}
.finale-grid>p{grid-column:1/-1;margin:18px 0 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.2);font-size:clamp(25px,3vw,39px);line-height:1.25;text-align:center}
.finale-grid>p strong{color:var(--gold)}

@media(max-width:900px){.book-four .hero h1{max-width:810px}.math-grid,.ladder-grid,.example-grid{grid-template-columns:1fr;gap:48px}.role-grid{grid-template-columns:1fr 1fr}.role-grid article:last-child{grid-column:1/-1}.bonus-grid{grid-template-columns:220px 1fr;gap:48px}.finale-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:650px){.book-four .hero h1{font-size:44px}.book-four .book-visual{max-width:335px}.book-four .book-visual>img{width:103%}.math-section,.reframe,.ladder,.example,.bonus,.finale{padding-block:70px}.role-grid{grid-template-columns:1fr}.role-grid article:last-child{grid-column:auto}.ladder ol{grid-template-columns:1fr}.ladder li,.ladder li:nth-child(2n){border-right:0}.example-stack{grid-template-columns:1fr}.example-stack p{grid-column:auto}.bonus-grid{grid-template-columns:1fr}.bonus-mark{max-width:260px;min-height:210px}.finale-steps{grid-template-columns:1fr}.book-four .signature{width:min(82%,255px)}}

/* Bonus real y cierre visual de la cuatrilogía */
.bonus-grid{grid-template-columns:minmax(330px,420px) 1fr;gap:75px}
.bonus-image{position:relative;margin:0;padding:12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);box-shadow:0 26px 52px rgba(5,22,35,.28);isolation:isolate}
.bonus-image:after{content:"";position:absolute;inset:22px -14px -14px 22px;z-index:-1;border:2px solid rgba(240,209,63,.72)}
.bonus-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:saturate(.98) contrast(1.035)}
.bonus-image span{position:absolute;left:-8px;top:-18px;z-index:2;padding:9px 13px;background:var(--gold);color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 20px rgba(5,22,35,.22)}

.finale-grid{grid-template-columns:1fr;gap:42px}
.finale-grid>div:first-child{max-width:1000px}
.finale-steps{display:grid;grid-template-columns:repeat(4,1fr);border:0;gap:12px}
.finale-steps span{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:175px;padding:24px 21px;border:1px solid rgba(255,255,255,.22);border-top:5px solid var(--gold);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));font-size:16px;font-weight:800;letter-spacing:-.02em;overflow:hidden;transition:transform .25s ease,background .25s ease}
.finale-steps span:nth-child(2){border-top-color:#56b7e9}
.finale-steps span:nth-child(3){border-top-color:#e99363}
.finale-steps span:nth-child(4){border-top-color:#62bd9b;background:linear-gradient(145deg,rgba(98,189,155,.2),rgba(255,255,255,.04))}
.finale-steps span:hover{background:rgba(255,255,255,.14);transform:translateY(-5px)}
.finale-steps b{position:absolute;right:15px;top:2px;color:rgba(255,255,255,.1);font-size:92px;font-weight:900;line-height:1;letter-spacing:-.09em}
.finale-steps span:after{content:"→";position:absolute;right:-13px;top:50%;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--blue);font-size:13px;box-shadow:0 4px 12px rgba(5,22,35,.25);transform:translateY(-50%)}
.finale-steps span:last-child:after{display:none}
.finale-grid>p{margin-top:0}

@media(max-width:900px){.bonus-grid{grid-template-columns:minmax(280px,360px) 1fr;gap:48px}.finale-steps{grid-template-columns:1fr 1fr}.finale-steps span:nth-child(2):after{display:none}}
@media(max-width:650px){.bonus-grid{grid-template-columns:1fr}.bonus-image{width:min(94%,410px);margin-inline:auto}.bonus-image:after{inset:16px -9px -10px 16px}.finale-steps{grid-template-columns:1fr;gap:10px}.finale-steps span{min-height:125px}.finale-steps span:after,.finale-steps span:nth-child(2):after{display:none}.finale-steps b{font-size:75px}}

/* Integración definitiva de la imagen del bonus */
.book-four .bonus{position:relative;overflow:hidden;isolation:isolate}
.book-four .bonus:before{content:"";position:absolute;left:-140px;top:50%;z-index:-2;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(49,155,215,.2),rgba(240,209,63,.08) 42%,transparent 70%);filter:blur(12px);transform:translateY(-50%)}
.book-four .bonus-grid{position:relative;z-index:1;grid-template-columns:minmax(300px,375px) minmax(0,1fr);align-items:center;gap:82px}
.book-four .bonus-image{position:relative;width:100%;max-width:365px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;isolation:isolate}
.book-four .bonus-image:before{content:"";position:absolute;inset:10% -7% 8% 6%;z-index:-2;border-radius:48%;background:radial-gradient(ellipse,rgba(49,155,215,.28),rgba(240,209,63,.1) 52%,transparent 73%);filter:blur(24px)}
.book-four .bonus-image:after{content:"";position:absolute;inset:-2px;z-index:2;border:0;border-radius:0;background:linear-gradient(to bottom,var(--blue) 0,rgba(23,57,85,.6) 4%,transparent 12%,transparent 87%,rgba(23,57,85,.72) 96%,var(--blue) 100%),linear-gradient(to right,var(--blue) 0,transparent 7%,transparent 93%,var(--blue) 100%);box-shadow:none;transform:none;pointer-events:none}
.book-four .bonus-image img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(5,22,35,.34)) saturate(.9) contrast(1.06);-webkit-mask-image:radial-gradient(ellipse 92% 96% at 50% 48%,#000 67%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.45) 89%,transparent 100%);mask-image:radial-gradient(ellipse 92% 96% at 50% 48%,#000 67%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.45) 89%,transparent 100%)}
.book-four .bonus-image span{left:3px;top:5%;z-index:3;padding:9px 14px;border-left:3px solid #fff;background:var(--gold);color:var(--blue);box-shadow:0 10px 24px rgba(5,22,35,.3)}
.book-four .bonus-copy{position:relative;z-index:2;min-width:0}
.book-four .bonus-copy h2{max-width:800px}
.book-four .bonus-copy>p:not(.eyebrow){max-width:760px}

@media(max-width:900px){.book-four .bonus-grid{grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:52px}.book-four .bonus-image{max-width:320px}}
@media(max-width:650px){.book-four .bonus-grid{grid-template-columns:1fr;gap:42px}.book-four .bonus-image{width:min(82%,340px);margin-inline:auto}.book-four .bonus-image:after{inset:-2px}.book-four .bonus-copy{text-align:left}}

/* Números con jerarquía y transiciones entre etapas */
.book-four .role-grid article{overflow:visible;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.book-four .role-grid article:hover{border-color:rgba(49,155,215,.4);box-shadow:0 22px 44px rgba(23,45,61,.12);transform:translateY(-7px)}
.book-four .role-grid article>span{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#45afe4,#2189c7);color:#fff;font-size:17px;font-weight:900;letter-spacing:-.03em;box-shadow:0 10px 24px rgba(49,155,215,.25);transition:transform .28s ease,box-shadow .28s ease}
.book-four .role-grid article>span:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(49,155,215,.26);border-radius:50%;transition:transform .35s ease,border-color .35s ease}
.book-four .role-grid article:nth-child(2)>span{background:linear-gradient(145deg,#f4dc57,#d9b315);color:var(--blue);box-shadow:0 10px 24px rgba(240,209,63,.28)}
.book-four .role-grid article:nth-child(2)>span:after{border-color:rgba(217,179,21,.3)}
.book-four .role-grid article:nth-child(3)>span{background:linear-gradient(145deg,#284d68,#173955);box-shadow:0 10px 24px rgba(23,57,85,.25)}
.book-four .role-grid article:nth-child(3)>span:after{border-color:rgba(23,57,85,.25)}
.book-four .role-grid article:hover>span{box-shadow:0 14px 29px rgba(23,57,85,.24);transform:scale(1.06) rotate(-3deg)}
.book-four .role-grid article:hover>span:after{border-color:var(--coral);transform:scale(1.08)}
.book-four .role-grid h3{margin:29px 0 9px}

.book-four .ladder li{grid-template-columns:50px 1fr;align-items:center;min-height:88px;padding:16px 17px;transition:background .25s ease,transform .25s ease}
.book-four .ladder li:hover{background:rgba(255,255,255,.08);transform:translateX(4px)}
.book-four .ladder li>span{grid-row:1/3;display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:var(--gold);color:var(--blue);font-size:12px;font-weight:900;box-shadow:0 0 0 5px rgba(240,209,63,.09);transition:transform .28s ease,box-shadow .28s ease}
.book-four .ladder li:nth-child(even)>span{background:#55b6e8;box-shadow:0 0 0 5px rgba(85,182,232,.1)}
.book-four .ladder li:nth-child(3n)>span{background:#ef986d;box-shadow:0 0 0 5px rgba(239,152,109,.1)}
.book-four .ladder li:hover>span{box-shadow:0 0 0 7px rgba(255,255,255,.1),0 8px 18px rgba(5,22,35,.23);transform:scale(1.1)}

.book-four .finale-steps span{overflow:visible}
.book-four .finale-steps span:after{right:-21px;width:32px;height:32px;border:3px solid var(--blue);opacity:.68;box-shadow:0 5px 15px rgba(5,22,35,.3);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.75,.2,1),background .25s ease}
.book-four .finale-steps span:hover:after{background:#fff;opacity:1;transform:translate(7px,-50%) scale(1.08)}
.book-four .finale-steps span:hover+span{background:rgba(255,255,255,.11)}

@media(max-width:650px){.book-four .role-grid article>span{width:52px;height:52px;font-size:15px}.book-four .ladder li{grid-template-columns:46px 1fr}.book-four .ladder li:hover{transform:none}}