:root{--paper:#f7f3ed;--ink:#20252a;--accent:#3b648b;--muted:#68716b;--line:#d8d9d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:20px;top:20px;background:#fff;z-index:10}.site-layout{max-width:1100px;margin:auto;padding:0 36px}.reader-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0 26px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:normal 26px/1 Georgia,serif;letter-spacing:-.045em}.brand span{color:var(--accent)}.reader-header nav a{text-decoration:none;color:var(--muted);font-size:12px;font-weight:600}.reader-header nav a:hover{text-decoration:underline}.reader-main{max-width:790px;margin:0 auto;min-height:55vh;padding:88px 0 100px}.kicker{color:var(--accent);font-size:11px;letter-spacing:.15em;font-weight:700}.kicker a{text-decoration:none}.kicker a:hover{text-decoration:underline}.kicker span{padding:0 9px;color:#b6b9b1}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14;letter-spacing:-.045em}.reader-main h1{font-size:clamp(44px,7vw,72px);margin:18px 0 23px}.period{color:var(--accent)}.intro{font:20px/1.65 Georgia,serif;color:#636961;max-width:680px;margin:0 0 45px}.reader-cats{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 27px;margin-bottom:12px}.reader-cats a{border:1px solid #c7cac4;color:#566056;text-decoration:none;padding:7px 13px;border-radius:40px;font-size:12px}.reader-cats a.active,.reader-cats a:hover{background:#dfe7eb;border-color:#a2b1bc;color:#334f63}.essay-card{border-bottom:1px solid var(--line);padding:34px 0 37px}.essay-card-date{font-size:11px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.essay-card h2{font-size:clamp(27px,4vw,39px);margin:12px 0}.essay-card h2 a{text-decoration:none}.essay-card h2 a:hover{color:var(--accent)}.essay-card p{color:#5d665e;font-size:15px;line-height:1.75;max-width:650px;margin:0 0 16px}.essay-card .essay-card-subtitle{font-family:Georgia,serif;font-size:19px;color:#4f5b5a}.read-more{text-decoration:none;color:var(--accent);font-size:12px;font-weight:700}.empty-public{padding:55px 0}.empty-public h2{font-size:31px}.empty-public p{color:var(--muted)}.reader-pagination{display:flex;justify-content:center;gap:20px;padding:30px 0;font-size:13px}.reader-pagination a{color:var(--accent)}.single-page{max-width:770px}.essay-header{margin-bottom:56px;padding-bottom:32px;border-bottom:1px solid var(--line)}.essay-header h1{margin:28px 0 16px}.article-subtitle{font:24px/1.5 Georgia,serif;color:#616a64;max-width:690px}.byline{font-size:12px;color:var(--muted);margin-top:27px}.byline span{padding:0 5px}.prose{font:20px/1.95 Georgia,serif;color:#2e352f;overflow-wrap:anywhere}.prose p{margin:0 0 29px}.prose h2,.prose h3,.prose h4{line-height:1.3;letter-spacing:-.035em;margin:52px 0 17px}.prose h2{font-size:36px}.prose h3{font-size:29px}.prose h4{font-size:24px}.prose ul{padding-left:29px;margin:0 0 29px}.prose li{margin:8px 0}.prose blockquote{margin:36px 0;padding-left:26px;border-left:2px solid #8a9db1;color:#586370;font-style:italic}.participation-note{margin:80px 0 45px;padding:37px 40px;background:#fffefa;border:1px solid var(--line);border-radius:8px}.participation-note h2{font-size:32px;margin:15px 0}.participation-note p{margin:0;color:#626a64}.back-to-archive{color:var(--accent);font-size:13px;text-decoration:none}.reader-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:12px}.reader-footer span:first-child{font-family:Georgia,serif;font-size:18px;color:var(--ink)}@media(max-width:650px){.site-layout{padding:0 20px}.reader-header{padding-top:23px}.brand{font-size:23px}.reader-main{padding:55px 0 80px}.prose{font-size:18px;line-height:1.85}.participation-note{padding:24px}.reader-footer{flex-direction:column}.reader-main h1{font-size:44px}}
/* Etapa 3 - La voz del autor y otras perspectivas */
.narration-player{background:#e8eceb;border:1px solid #d3dbdc;border-radius:10px;padding:27px 33px;margin:-8px 0 54px}
.narration-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:8px 0 16px}.narration-heading h2{font-size:27px;margin:0}.narration-heading span{color:#667673;font-size:12px}.narration-player audio{display:block;width:100%;min-height:48px}
.also-listen{border-top:1px solid var(--line);padding-top:27px;margin-top:40px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.also-listen>div{display:flex;gap:18px}.also-listen a{color:var(--accent);font-weight:600;text-decoration:none;font-size:13px}
.participation-note{margin:76px 0 50px;padding:39px 42px}.participation-note>p{font-family:Georgia,serif;font-size:18px;line-height:1.75}
.perspective-form{margin-top:30px}.form-options{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.perspective-form fieldset{margin:0;padding:0;border:0;min-width:0}.perspective-form legend{font-size:12px;letter-spacing:.03em;font-weight:700;color:#3c4742;margin-bottom:13px}
.perspective-form .choice{display:flex;gap:12px;padding:13px 12px;border:1px solid #dadfd9;border-radius:7px;margin-bottom:10px;cursor:pointer;background:#fff}
.perspective-form .choice:has(input:checked){background:#edf1f1;border-color:#8da7b4}.perspective-form .choice input{width:17px;height:17px;flex:none;accent-color:#3b648b;margin-top:4px}
.perspective-form .choice span{display:flex;flex-direction:column;gap:4px;min-width:0}.perspective-form .choice strong{font-size:13px}.perspective-form .choice small{font-size:11px;line-height:1.5;color:#6c7570}
.perspective-form .participant-name{margin:12px 0 20px}.perspective-form label:not(.choice){font-weight:600;font-size:12px}
.perspective-form input[type="text"],.perspective-form textarea{display:block;width:100%;font:14px/1.65 'Segoe UI',sans-serif;color:var(--ink);border:1px solid #bdc7c0;border-radius:5px;padding:11px 13px;background:#fff;margin-top:7px}
.perspective-form textarea{resize:vertical;min-height:155px}.reader-consent{padding:16px;margin-top:15px;background:#edf1ef;border-radius:6px}
.reader-consent label{display:flex;align-items:start;gap:10px;font-size:12px!important;line-height:1.6;font-weight:400!important}.reader-consent input{accent-color:#3b648b;margin-top:5px}
.perspective-form [hidden]{display:none!important}.anti-spam{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.participation-submit{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:22px}.participation-submit p{color:#66716c;font-size:11px;line-height:1.7;margin:0;max-width:370px}.participation-submit p a{color:#456987}
.participation-submit button{font-weight:600;border:1px solid #314d64;background:#355773;color:#fff;padding:13px 20px;border-radius:5px;font-size:13px;cursor:pointer;white-space:nowrap}.participation-submit button:hover{background:#264560}
.reader-notice{border:1px solid #d0dad0;padding:14px 18px;margin:20px 0;color:#335a3f;background:#edf3eb;font-size:13px;border-radius:5px}.reader-notice.is-error{background:#f9edeb;border-color:#ecd1ca;color:#87382d}
.community-section{padding:26px 0 54px;border-bottom:1px solid var(--line)}.community-section h2{font-size:37px;margin:15px 0 7px}.community-intro{color:var(--muted);font-size:14px}.community-item{padding:26px 0;border-bottom:1px solid var(--line)}.community-item:last-child{border-bottom:0}
.community-meta{display:flex;gap:15px;justify-content:space-between;font-size:12px;color:#68716b}.community-meta strong{color:#38526b}.community-item p{font:18px/1.75 Georgia,serif;overflow-wrap:anywhere;white-space:normal;margin:12px 0 0}
.reader-footer a{color:inherit}
@media(max-width:700px){.form-options{grid-template-columns:1fr}.participation-submit{align-items:start;flex-direction:column}.narration-player{padding:22px}.participation-note{padding:25px 20px}}
/* Acerca de y privacidad */
.about-page section,.privacy-page section{margin:52px 0;border-top:1px solid var(--line);padding-top:34px}
.about-page h1 em,.privacy-page h1 em{color:var(--accent);font-style:italic}
.about-page section h2,.privacy-page section h2{font-size:34px;margin:14px 0 19px}
.about-page section p,.privacy-page section p{font:18px/1.85 Georgia,serif;color:#49544d;margin-bottom:22px}
.about-lead p{font:21px/1.75 Georgia,serif;color:#505c57}.about-signature{padding:34px 0 28px;font:italic 22px/1.8 Georgia,serif;color:#65716e}.about-signature strong{font-style:normal;font-size:29px;font-weight:400;color:#3e5d79}
.privacy-updated{font-size:12px;color:var(--muted)}

.reader-header nav{display:flex;gap:20px}.reader-header nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}