@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:light;--ink:#181a16;--paper:#efeee8;--bright:#e6ff52;--muted:#666c62;--border:#b8bbb1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #748f18;outline-offset:3px}::selection{background:var(--bright)}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px clamp(20px,4.6vw,76px);border-bottom:1px solid var(--ink);font:700 12px/1.4 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.03em}
.brand{font-weight:700;text-decoration:none}.site-head nav{display:flex;gap:clamp(10px,2vw,30px);flex-wrap:wrap}.site-head nav a{text-decoration:none;border-bottom:1px solid transparent}.site-head nav a:hover{border-bottom-color:var(--ink)}
.hero{min-height:660px;position:relative;padding:clamp(60px,9vw,132px) clamp(20px,4.6vw,76px) 48px;border-bottom:1px solid var(--ink);overflow:hidden}
.eyebrow,.small,.micro{font:600 11px/1.5 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin-bottom:clamp(22px,4vw,60px)}
.hero h1{font-size:clamp(70px,13.5vw,226px);font-weight:700;letter-spacing:-.095em;line-height:.8;max-width:1450px;margin:0;position:relative;z-index:2}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.085em;font-style:italic}.hero h1 span{display:block}
.hero-bottom{display:grid;grid-template-columns:1fr minmax(240px,480px);gap:20px;align-items:end;margin-top:54px;position:relative;z-index:2}.lead{font-size:clamp(19px,2.5vw,30px);line-height:1.3;letter-spacing:-.025em;margin:0}.hero-ring{position:absolute;width:min(37vw,570px);aspect-ratio:1;border-radius:50%;border:clamp(35px,5vw,75px) solid var(--bright);right:3%;top:7%;filter:drop-shadow(10px 10px 0 rgba(0,0,0,.14));z-index:1;transform:rotate(-15deg);mix-blend-mode:multiply}
.section{padding:clamp(40px,7vw,98px) clamp(20px,4.6vw,76px);border-bottom:1px solid var(--ink)}.section-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:clamp(36px,5vw,80px)}h2{font-size:clamp(40px,6.2vw,108px);font-weight:600;letter-spacing:-.075em;line-height:.94;margin:0}p{max-width:750px}
.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.entry{padding:24px;min-height:360px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column;text-decoration:none;transition:background .2s,color .2s}.entry:hover{background:var(--bright)}.entry h3{font-size:clamp(30px,3.5vw,66px);letter-spacing:-.07em;line-height:1;margin:50px 0 18px}.entry p{line-height:1.55;margin-bottom:auto}.entry .go{align-self:end;font-size:30px}
.proof{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,115px)}.proof p{font-size:clamp(20px,2.2vw,33px);line-height:1.4;letter-spacing:-.035em}.buttonline{display:inline-block;padding:10px 0;border-bottom:2px solid var(--ink);text-decoration:none;font-weight:600;margin-top:22px}.buttonline:hover{background:var(--bright)}.photo{width:100%;aspect-ratio:1.25;object-fit:cover;filter:grayscale(1);border:1px solid var(--ink)}.photo:hover{filter:none}
.mesa{background:#1c1e1a;color:#f0f0e9}.mesa-head{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.mesa h2{max-width:850px}.mesa .buttonline{border-color:#f1f1e8}.pair{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:70px}.pair article{min-height:200px;background:#eef0e9;color:#181a16;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.pair article h3{font-size:clamp(25px,3vw,54px);letter-spacing:-.05em;line-height:1.1;margin:15px 0}.pair button{border:1px solid var(--bright);background:var(--bright);border-radius:99px;font-weight:700;font-size:23px;width:60px;height:60px;cursor:pointer}.pair button:hover{transform:rotate(20deg)}.mesa .caption{max-width:600px;color:#bfc3b9;font-size:14px;margin-top:20px}
.statement{background:var(--bright);padding:clamp(75px,11vw,160px) clamp(20px,4.6vw,76px);border-bottom:1px solid var(--ink)}.statement p{font-size:clamp(34px,6.2vw,102px);line-height:1.05;letter-spacing:-.07em;margin:0;max-width:1350px}
.footer{padding:38px clamp(20px,4.6vw,76px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:0;max-width:520px}.status{font-size:13px;color:#42483d;border-top:1px solid var(--border);padding-top:12px;margin-top:50px}.status strong{color:var(--ink)}
.recuperacion-banner{margin:0!important;padding:10px 16px!important;background:#e6ff52;color:#171a14!important;font:400 12px/1.5 Arial,sans-serif!important;text-align:center;position:relative;z-index:50}.recuperacion-banner span{font-weight:700}.recuperacion-banner a{color:inherit;text-decoration:underline}.archivo-imagen-pendiente{background:#e8e8e2;border:1px solid #bcbcb3;color:#555;font:400 12px/1.5 'Space Mono',monospace;padding:30px 12px;min-height:100px;display:grid;place-items:center;text-align:center}
.pendiente{max-width:880px;min-height:0;padding:clamp(54px,9vw,110px) clamp(20px,5vw,80px)}.pendiente h1{font-size:clamp(42px,7vw,92px);letter-spacing:-.065em;line-height:.98;margin:.5em 0}.pendiente p{font-size:clamp(17px,1.8vw,21px);max-width:620px}.pendiente .buttonline{margin-right:24px}
@media(max-width:740px){.site-head{align-items:start}.site-head nav{justify-content:end}.hero{min-height:580px}.hero h1{font-size:clamp(65px,14.5vw,110px)}.hero-ring{width:57vw;right:-15%;top:20%;border-width:34px}.hero-bottom{grid-template-columns:1fr}.entry-grid{grid-template-columns:1fr}.entry{min-height:250px}.entry h3{margin:30px 0 12px}.proof{grid-template-columns:1fr}.pair{grid-template-columns:1fr}.pair button{margin:auto;transform:rotate(90deg)}.pair button:hover{transform:rotate(110deg)}.section-head{display:block}.section-head .small{display:block;margin-bottom:20px}}

/* Ajuste editorial v4: jerarquía y recorrido visual de la portada */
.hero{min-height:min(82vh,760px)}
.hero h1{font-size:clamp(64px,11.4vw,176px);letter-spacing:-.085em}
.section{padding-top:clamp(34px,5vw,76px);padding-bottom:clamp(34px,5vw,76px)}
.entry{min-height:300px;padding:clamp(18px,2vw,30px)}
.proof-practice{align-items:stretch;gap:clamp(30px,6vw,92px)}
.practice-title{display:flex;flex-direction:column;align-items:flex-start}
.practice-title .buttonline{margin-top:auto}
.practice-reading{display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;border-left:1px solid var(--ink);padding-left:clamp(22px,3vw,48px)}
.practice-reading p{font-size:clamp(19px,2vw,28px);line-height:1.4;letter-spacing:-.025em;margin:0}
@media(max-width:700px){.hero{min-height:620px}.hero h1{font-size:clamp(56px,16vw,80px)}.hero-bottom{grid-template-columns:1fr;gap:24px}.entry-grid{grid-template-columns:1fr}.entry{min-height:220px}.proof-practice{grid-template-columns:1fr}.practice-reading{border-left:0;border-top:1px solid var(--ink);padding:24px 0 0;min-height:0}}

/* ===== v8 · 02-11-2026 · candidata Claude: aro sin solapamiento y sin hueco en tableta/móvil ===== */
.hero{min-height:0;padding-bottom:clamp(48px,6vw,88px)}
.hero-ring{width:min(26vw,400px);top:clamp(28px,4vw,64px);right:4%;border-width:clamp(26px,3.4vw,54px)}
.hero-bottom{margin-top:clamp(40px,5vw,72px)}
@media(max-width:1100px){.hero-ring{width:28vw;top:40px;right:3%;border-width:clamp(22px,3.2vw,40px)}.hero h1{max-width:66vw}}
@media(max-width:700px){.hero{min-height:0}.hero-ring{width:28vw;top:auto;bottom:128px;right:-7%;border-width:16px}.hero h1{max-width:none}}

/* Fuentes y pasajes — añadidos v10 candidatos. No dependen de imágenes ni librerías externas. */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--bright);padding:10px;z-index:1000}.skip-link:focus{left:12px}
.research-hero{padding:clamp(55px,9vw,120px) clamp(20px,4.6vw,76px) clamp(56px,7vw,96px);border-bottom:1px solid var(--ink)}
.research-hero h1{font-size:clamp(46px,8vw,124px);line-height:1.02;letter-spacing:-.075em;max-width:1200px;margin:34px 0}.research-hero h1 em{font-family:Georgia,serif;font-weight:400}
.research-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,110px);max-width:1080px;margin-left:auto}.research-intro p{font-size:clamp(16px,1.45vw,20px)}
.research-kicker{display:grid;grid-template-columns:1fr 3fr;gap:24px}.research-kicker h2{font-size:clamp(32px,5vw,72px)}
.research-triad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:50px;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.research-triad>div{padding:22px;min-height:240px;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink)}.research-triad h3{font-size:clamp(24px,2.5vw,38px);line-height:1.1;letter-spacing:-.04em}.research-triad p{max-width:400px}
.research-section>h2{margin:30px 0 40px;font-size:clamp(42px,6vw,86px)}.research-case{padding:40px 0 62px;border-top:1px solid var(--ink)}.research-case-index{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.research-status{font:600 11px/1.5 'Space Mono',monospace;background:#e0e3da;padding:6px 10px}.research-case h3{font-size:clamp(38px,6vw,86px);letter-spacing:-.07em;line-height:1.04;margin:28px 0}.research-case>p{font-size:clamp(17px,1.6vw,21px);max-width:900px}.research-questions{margin:32px 0 12px;padding:22px 24px;border-left:5px solid #899d17;background:#e4e5db;max-width:850px}.research-questions strong{font:600 11px/1.5 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.research-questions p{font-size:clamp(18px,1.65vw,24px);line-height:1.4;max-width:750px}.research-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.research-links a{display:inline-block;padding:9px 12px;border:1px solid var(--ink);text-decoration:none;font-size:13px}.research-links a:hover{background:var(--bright)}.research-conclusion{margin:20px 0 38px}.research-conclusion p{font-size:clamp(18px,1.75vw,24px);max-width:900px}.research-conclusion p.small{font-size:11px}.research-root cite{font-style:italic}
@media(max-width:780px){.research-intro,.research-kicker{grid-template-columns:1fr}.research-triad{grid-template-columns:1fr}.research-triad>div{min-height:unset}.research-case{padding-top:30px}.research-case h3{font-size:clamp(38px,10vw,68px)}}