:root{--red:#ed2450;--ink:#101014;--paper:#f5f1e9;--white:#fff;--muted:#a6a3a4;--line:rgba(16,16,20,.15)}
*{box-sizing:border-box}html,body{margin:0;background:#111;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow:hidden}button,input,textarea{font:inherit}
.deck{width:100vw;height:100vh;position:relative;background:var(--paper)}
.chrome{position:fixed;z-index:20;left:3.2vw;right:3.2vw;top:2.2vh;height:6vh;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.chrome img{width:min(19vw,260px);max-height:56px;object-fit:contain;object-position:left}.meta{display:flex;gap:24px;align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:.16em}.meta b{color:var(--red)}
.progress{position:fixed;z-index:30;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.12)}.progress i{display:block;height:100%;width:6.66%;background:var(--red);transition:width .35s}
.slide{position:absolute;inset:0;padding:11vh 7vw 8vh;opacity:0;visibility:hidden;transform:translateX(3%);transition:opacity .35s,transform .45s,visibility .35s;overflow:hidden}.slide.active{opacity:1;visibility:visible;transform:none;z-index:2}
.kicker{display:block;color:var(--red);font-size:clamp(10px,1vw,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2.4vh}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.055em;line-height:.92}h2{font-size:clamp(42px,6vw,92px)}p{font-size:clamp(15px,1.35vw,23px);line-height:1.45}
.cover{background:var(--red);color:white;display:grid;grid-template-columns:1.06fr .94fr;padding-top:15vh}.cover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-13deg,transparent 0 42px,rgba(255,255,255,.075) 43px 45px);clip-path:polygon(48% 0,100% 0,100% 100%,31% 100%)}.cover .kicker{color:white}.cover-copy{z-index:3}.cover h1{font-size:clamp(76px,10.6vw,168px);text-transform:uppercase;margin-bottom:3vh}.cover h1 em{font-style:normal;color:var(--ink)}.cover p{max-width:690px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4vh}.chips span{border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:8px 14px;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.cover-visual{position:relative;z-index:2}.cover-visual>img{position:absolute;right:-7vw;bottom:-8vh;width:47vw;height:90vh;object-fit:cover;object-position:center 35%;filter:grayscale(1) contrast(1.12);clip-path:polygon(19% 0,100% 0,100% 100%,0 100%,8% 38%)}.cover-visual:after{content:"";position:absolute;right:-7vw;bottom:-8vh;width:47vw;height:90vh;background:linear-gradient(90deg,var(--red) 0,transparent 35%,rgba(16,16,20,.22));mix-blend-mode:multiply;pointer-events:none}.speed-lines{position:absolute;z-index:2;inset:9vh -8vw auto -5vw;height:9px;background:white;transform:rotate(-8deg);box-shadow:0 18px 0 var(--ink),0 36px 0 white}.target{position:absolute;z-index:3;right:-1vw;bottom:1vh;width:13vw;height:13vw;border-radius:50%;border:2.6vw solid var(--ink);background:var(--paper);color:var(--red);display:grid;place-items:center;font-size:4.5vw;font-weight:900;box-shadow:0 0 0 .8vw rgba(255,255,255,.35)}.route{position:absolute;z-index:4;text-transform:uppercase;font-weight:900;letter-spacing:-.04em;padding:8px 14px}.route-a{top:8vh;left:-2vw;background:var(--ink);transform:rotate(-8deg)}.route-b{bottom:13vh;left:3vw;color:var(--ink);background:white;transform:rotate(7deg)}
.dark-photo{background:url("assets/bg-keyboard.jpg") 80% 42%/cover;color:white}.technology-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 56%,rgba(237,36,80,.65) 56% 58%,transparent 58%)}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0 47%,rgba(0,0,0,.46) 68%,rgba(0,0,0,.12))}.statement-copy{position:relative;z-index:1;max-width:78vw}.statement h2{font-size:clamp(56px,8.8vw,140px);text-transform:uppercase}.statement p{max-width:740px}.corner-note{position:absolute;z-index:2;right:7vw;bottom:8vh;color:var(--red);font-size:2vw;text-align:center;text-transform:uppercase;font-weight:900}.corner-note b{font-size:4vw;color:white}
.contrast{padding:0;display:grid;grid-template-columns:1fr 1fr}.side{padding:14vh 6vw 9vh;position:relative}.side.strategy{background:var(--paper)}.side.tactic{background:var(--ink);color:white}.side .index{position:absolute;right:4vw;top:12vh;font-size:9vw;font-weight:900;opacity:.08}.side h2{font-size:6.2vw;margin:8vh 0 4vh}.side p{max-width:600px}.side ul{padding:0;list-style:none;margin-top:5vh}.side li{padding:1.5vh 0;border-top:1px solid currentColor;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.formula{text-align:center;background:var(--paper)}.formula h2{margin-bottom:5vh}.equation{display:flex;align-items:stretch;justify-content:center;gap:1.4vw}.equation article{min-width:15vw;background:white;padding:3vh 2vw;border-top:7px solid var(--ink);box-shadow:0 12px 34px rgba(0,0,0,.08)}.equation article.result{background:var(--red);color:white;border-color:var(--red)}.equation b,.equation span{display:block}.equation b{font-size:1.7vw}.equation span{font-size:.9vw;text-transform:uppercase;letter-spacing:.1em;margin-top:1vh}.equation>strong{align-self:center;font-size:2vw}.footer-line{margin-top:5vh;font-weight:700;color:var(--red)}
.diagnosis{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center}.diagnosis h2{font-size:5.5vw}.warning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warning-grid article{background:white;padding:3vh 2vw;min-height:26vh;border-bottom:5px solid var(--red)}.warning-grid b{color:var(--red)}.warning-grid h3{font-size:1.7vw;margin:2vh 0 1vh}.warning-grid p{font-size:1.05vw;color:#5c595a}
.builder{padding:0;display:grid;grid-template-columns:.42fr .58fr;background:var(--ink);color:white}.portrait{position:relative;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:grayscale(1) contrast(1.08)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--red),transparent 55%);mix-blend-mode:multiply}.portrait span{position:absolute;z-index:2;left:3vw;bottom:7vh;text-transform:uppercase;font-weight:900;font-size:1.2vw}.builder-copy{padding:15vh 6vw 8vh}.builder h2{font-size:5.7vw}.builder-copy>p{max-width:760px}.builder-flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6vh}.builder-flow span{border:1px solid #555;padding:12px 16px;text-transform:uppercase;font-size:.8vw;font-weight:800}.builder-flow i{color:var(--red);font-style:normal}
.framework{background:var(--paper)}.framework h2{font-size:5.2vw;margin-bottom:4vh}.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.framework-grid article{background:white;padding:2.4vh 1.8vw;border-left:5px solid var(--red)}.framework-grid b{color:var(--red)}.framework-grid h3{font-size:1.8vw;margin:1vh 0}.framework-grid p{font-size:1vw;margin:0;color:#5e5b5d}
.example{background:var(--red);color:white}.example .kicker{color:white}.example h2{font-size:4.8vw}.example-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.example-columns article{padding:4vh 3vw;background:var(--ink)}.example-columns .after{background:white;color:var(--ink)}.example-columns span{text-transform:uppercase;font-size:.8vw;letter-spacing:.16em;font-weight:900;color:var(--red)}.example-columns h3{font-size:2vw;line-height:1.06;margin:3vh 0}.example-columns p{font-size:1.05vw}
.campaign{background:url("assets/hero-02.webp") center/cover;color:white;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:center}.campaign:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.58))}.campaign>div{position:relative;z-index:1}.campaign h2{font-size:6vw}.tactic-stack{display:grid;gap:10px}.tactic-stack article{display:flex;align-items:center;gap:2vw;background:rgba(237,36,80,.95);padding:2vh 2vw;font-weight:800;font-size:1.35vw;transform:skewX(-4deg);box-shadow:10px 10px 0 rgba(16,16,20,.55)}.tactic-stack article span,.tactic-stack article b{transform:skewX(4deg)}.tactic-stack b{font-size:2.2vw;color:var(--ink)}
.metrics{background:var(--ink);color:white}.metrics h2{font-size:5vw}.metric-path{display:flex;align-items:stretch;margin-top:7vh}.metric-path article{flex:1;padding:3vh 1.8vw;border-top:5px solid var(--red);background:#1d1d22}.metric-path span,.metric-path b,.metric-path small{display:block}.metric-path span{text-transform:uppercase;color:var(--red);font-size:.75vw;letter-spacing:.14em}.metric-path b{font-size:2vw;margin:1.5vh 0}.metric-path small{color:#b9b7b8}.metric-path i{align-self:center;font-style:normal;font-size:2vw;padding:0 1vw;color:var(--red)}.metric-callout{margin-top:6vh;border-left:5px solid var(--red);padding-left:2vw;font-size:1.7vw;font-weight:800}
.intro-exercise{background:var(--red);color:white;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6vw}.intro-exercise .kicker{color:white}.intro-exercise h2{font-size:7vw}.timer{text-align:center}.timer b{display:block;font-size:9vw;letter-spacing:-.08em}.timer span{display:block;text-transform:uppercase;letter-spacing:.16em}.timer button,.copy-btn{margin-top:4vh;border:0;background:var(--ink);color:white;padding:15px 24px;text-transform:uppercase;font-weight:900;cursor:pointer}
.worksheet{background:var(--paper)}.worksheet h2{font-size:4.6vw;margin-bottom:4vh}.prompt-grid,.execution-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.worksheet label{display:block;background:white;padding:2vh 1.4vw;border-top:4px solid var(--red)}.worksheet label>span{display:block;text-transform:uppercase;color:var(--red);font-size:.78vw;font-weight:900;letter-spacing:.12em;margin-bottom:1vh}.worksheet textarea,.worksheet input{width:100%;border:0;outline:0;background:#f7f5f1;padding:1.3vh 1vw;resize:none}.worksheet textarea{height:12vh}.execution-grid label{min-height:11vh}.execution-grid .wide{grid-column:1/-1}.execution-grid .wide textarea{height:13vh}
.share{background:var(--paper);display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center}.share h2{font-size:5vw}.share-template{background:white;padding:4vh 3vw;border-left:9px solid var(--red);box-shadow:0 18px 50px rgba(0,0,0,.09)}.share-template p{font-weight:700;font-size:1.35vw;margin-bottom:1.4vh}.share-template mark{background:#ffd5df;color:var(--ink);padding:0 .2em}.copy-btn{position:absolute;right:7vw;bottom:7vh;background:var(--red)}
.closing{background:var(--ink);color:white}.closing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0 57%,transparent 79%),linear-gradient(0deg,var(--ink),transparent 35%);z-index:1}.closing-copy{max-width:68vw;position:relative;z-index:3}.closing h2{font-size:6.8vw;margin-top:7vh}.closing p{max-width:760px}.signature{margin-top:6vh;color:var(--red);font-size:1.5vw;font-weight:900}.signature span{display:block;color:white;font-size:.8vw;text-transform:uppercase;letter-spacing:.15em}.closing-number{position:absolute;z-index:2;right:-2vw;bottom:-12vh;color:var(--red);font-size:36vw;font-weight:900;line-height:1;opacity:.22}.closing-photo{position:absolute;z-index:0;right:0;top:0;width:48vw;height:100%;object-fit:cover;object-position:center 38%;filter:grayscale(1) contrast(1.15)}
.controls{position:fixed;right:3vw;bottom:3vh;z-index:20;display:flex;gap:6px}.controls button{width:42px;height:42px;border:1px solid rgba(128,128,128,.35);background:rgba(20,20,24,.88);color:white;cursor:pointer}.toast{position:fixed;z-index:99;left:50%;bottom:8vh;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.overview{overflow:auto;background:#222}.overview .deck{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:90px 20px 30px;background:#222}.overview .slide{position:relative;inset:auto;visibility:visible;opacity:1;transform:none;aspect-ratio:16/9;padding:5%;zoom:.31;cursor:pointer;overflow:hidden}.overview .chrome,.overview .progress,.overview .controls{position:fixed}.overview .chrome{background:#222;left:0;right:0;top:0;padding:15px 25px;height:76px}
@media(max-width:900px){.slide{padding-left:5vw;padding-right:5vw}.cover,.contrast,.builder,.diagnosis,.intro-exercise,.share{grid-template-columns:1fr}.cover-visual,.portrait{display:none}.side.tactic{display:none}.warning-grid{grid-template-columns:1fr 1fr}.campaign{grid-template-columns:1fr}.campaign>div:first-child{display:none}.equation article{min-width:auto}.equation span{display:none}.metric-path{flex-wrap:wrap}.metric-path i{display:none}.overview .deck{grid-template-columns:1fr 1fr}}
@media print{html,body{overflow:visible;background:white}.deck{height:auto}.chrome,.progress,.controls,.toast{display:none}.slide{position:relative;opacity:1;visibility:visible;transform:none;width:100vw;height:56.25vw;page-break-after:always}@page{size:landscape;margin:0}}

/* Dirección fotográfica tecnológica */
.chrome img{mix-blend-mode:multiply}
.cover-visual>img{width:50vw;object-position:55% center;filter:contrast(1.18) brightness(.8)}
.cover-visual:after{width:50vw;background:linear-gradient(90deg,var(--red) 0,rgba(237,36,80,.15) 32%,rgba(16,16,20,.12))}
.dark-photo{background-image:url("assets/bg-keyboard.jpg");background-position:center;background-size:cover}
.technology-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 56%,rgba(237,36,80,.72) 56% 58%,transparent 58%)}
.technology-panel img{object-position:62% center;filter:contrast(1.14) brightness(.82)}
.technology-panel:before{content:"BUILD";position:absolute;z-index:2;left:-.6vw;top:10vh;color:rgba(255,255,255,.1);font-size:8vw;font-weight:900;letter-spacing:-.08em;writing-mode:vertical-rl}
.technology-panel span{line-height:1.25}
.closing-photo{width:52vw;object-position:68% center;filter:contrast(1.2) brightness(.8)}