@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#193e70;--blue:#346ac1;--text:#414f62;--muted:#55677d;--line:#d7e1ed;--soft:#f2f6fb;--gold:#8a6a16;font-family:Manrope,'Segoe UI',sans-serif;color:var(--text);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.75}a{color:var(--navy);text-underline-offset:5px}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--navy);font-weight:800;letter-spacing:-.04em;line-height:1.16;text-wrap:balance}h1{font-size:clamp(40px,4.1vw,62px)}h2{font-size:clamp(28px,2.6vw,38px)}h3{font-size:23px}p{text-wrap:pretty}.container{width:min(1272px,calc(100% - 108px));margin:auto}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border-radius:28px;color:white;background:var(--blue);text-decoration:none;font-size:14px;font-weight:800}.btn:hover{background:#183b7a;text-decoration:none}.btn.secondary{background:white;border:1px solid #9aafc9;color:var(--navy)}.link{font-size:15px;font-weight:700}.eyebrow{font-size:12px;letter-spacing:.075em;font-weight:800;text-transform:uppercase;color:var(--gold)}.topbar{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:20}.topbar .container{height:88px;display:flex;align-items:center;gap:30px}.logo{margin-right:auto}.logo img{width:186px}.nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.nav a{text-decoration:none}.nav summary{cursor:pointer;color:var(--navy);list-style:none;padding:20px 0}.nav summary:after{content:'⌄';margin-left:8px}.entity-panel{position:absolute;right:calc((100% - min(1272px,100% - 108px))/2 + 200px);top:76px;width:260px;padding:22px;display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 35px #193e7014}.entity-panel strong{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}.entity-panel a{display:block;padding:7px 0;font-weight:500;line-height:1.5}.entity-panel a:hover{text-decoration:underline}.review-bar{background:var(--soft);border-bottom:1px solid var(--line);font-size:13px}.review-bar .container{min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:8px}.review-bar strong{font-weight:700;color:var(--navy)}.switches{display:flex;gap:6px;align-items:center}.switches a{text-decoration:none;font-size:13px;font-weight:700;padding:5px 12px;border-radius:20px}.switches a[aria-current]{background:var(--navy);color:#fff}.switches .compare{margin-left:10px;text-decoration:underline}.breadcrumb{font-size:13px;color:var(--muted);padding-block:29px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb span{margin:0 10px;color:#8696a8}.intro{font-size:19px;line-height:1.7;color:var(--muted)}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.photo img{width:100%;height:100%;object-fit:cover;object-position:82% center}.photo figcaption{font-size:12px;color:var(--muted);padding-top:9px}.section-nav{display:flex;gap:34px;padding-block:20px;border-block:1px solid var(--line);font-size:14px;font-weight:700;flex-wrap:wrap}.section-nav a{text-decoration:none}.section-nav a:hover{text-decoration:underline}.article p{margin-top:17px;max-width:66ch}.article section{scroll-margin-top:24px}.read-block{padding-block:60px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:75px}.text-link{display:inline-block;margin-top:22px;font-size:15px;font-weight:700}.related{background:var(--soft);padding-block:48px;margin-top:48px}.related h2{font-size:27px;margin-bottom:24px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.related-links a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9aafc9;padding-top:18px;text-decoration:none;font-size:16px;font-weight:700}.related-links a:hover{text-decoration:underline}.sources{font-size:12px;color:var(--muted);padding-block:25px}.sources a{color:var(--muted)}.footer{background:var(--navy);color:#fff;padding-block:32px}.footer .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer strong{font-size:17px}.footer a{color:#fff;font-size:14px}.footer p{font-size:13px;color:#d3e0f2;margin-top:4px}
/* 01 — la fotografía acompaña, la lectura queda siempre sobre blanco. */
.one .opening{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:14px 0 58px}.one .opening h1{margin:14px 0 23px}.one .opening .intro{max-width:510px}.one .photo{height:365px;margin-bottom:25px}.one .photo img{border-radius:12px}.one .statement{font-size:28px;line-height:1.4;letter-spacing:-.025em;color:var(--navy);font-weight:700;max-width:530px}.one .since{margin-top:24px;display:flex;gap:18px;align-items:baseline}.one .since b{font-size:38px;color:var(--navy);letter-spacing:-.045em}.one .since span{font-size:14px;color:var(--muted)}
/* 02 — estructura de consulta: índice estable y columna de lectura medida. */
.two .layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:62px;align-items:start;padding-bottom:20px}.sidebar{position:sticky;top:24px;border-right:1px solid var(--line);padding-right:30px}.sidebar .eyebrow{margin:10px 0 16px}.sidebar a{display:block;font-size:14px;padding:9px 12px;text-decoration:none;border-radius:8px;line-height:1.6;margin-left:-12px}.sidebar a.current{background:var(--soft);color:var(--navy);font-weight:800;border-left:3px solid var(--blue)}.sidebar a:hover{text-decoration:underline}.sidebar .back{border-top:1px solid var(--line);border-radius:0;margin-top:22px;padding-top:18px}.two .opening{padding:3px 0 36px;border-bottom:1px solid var(--line)}.two .opening h1{font-size:48px;margin:10px 0 20px}.two .opening .intro{max-width:680px}.two .small-photo{width:100%;height:190px;object-fit:cover;object-position:80% 57%;border-radius:12px;margin-top:32px}.two .read-block{padding-block:35px;border-bottom:1px solid var(--line)}.two .read-block h2{font-size:29px}.two .quick-help{background:var(--soft);padding:24px;border-radius:12px;margin-top:34px}.two .quick-help h3{font-size:22px}.two .quick-help p{margin:10px 0 15px}.two .related{margin-top:0}
/* 03 — dos planos inequívocos: voz institucional y gesto musical. */
.three .stage{display:grid;grid-template-columns:1fr 1fr;background:var(--navy)}.three .stage-copy{padding:48px 60px 52px max(54px,calc((100vw - 1272px)/2));align-self:center}.three .stage h1{color:#fff;margin:14px 0 23px}.three .stage .eyebrow{color:#e8c979}.three .stage .intro{color:#d3e0f2;max-width:500px}.three .stage .photo{min-height:440px}.three .stage .photo img{height:100%;object-position:80% center}.three .stage .btn{background:#fff;color:var(--navy)}.three .stage .link{color:#fff}.three .stage :focus-visible{outline-color:#e8c979}.three .photo-note{text-align:right;font-size:12px;color:var(--muted);padding-top:8px}.three .chapter{display:grid;grid-template-columns:60px 340px 1fr;gap:26px;padding-block:44px;border-bottom:1px solid var(--line)}.three .chapter .number{font-size:14px;padding-top:5px;color:var(--muted)}.three .chapter h2{font-size:29px}.three .chapter p{margin:0}.three .chapter p+p{margin-top:15px}.three .chapter .text-link{margin-top:20px}
/* Comparador: las vistas son páginas reales, con tamaños de lectura reales. */
.gallery{padding-block:42px 55px}.gallery h1{font-size:43px;max-width:750px;margin:12px 0 16px}.gallery>p{max-width:770px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.option{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.mini{height:256px;overflow:hidden;background:var(--soft);pointer-events:none;border-bottom:1px solid var(--line)}.mini iframe{width:1280px;height:930px;border:0;transform:scale(.29);transform-origin:top left;background:white}.option-copy{padding:23px}.option .eyebrow{font-size:12px}.option h2{font-size:25px;margin:8px 0 13px;min-height:58px}.option p{font-size:15px;line-height:1.7;color:var(--muted);min-height:102px}.option .btn{margin-top:22px;width:100%}.gallery-note{margin-top:27px;font-size:14px}.gallery-note strong{color:var(--navy)}.selection-hint{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}.gallery .meta{font-size:12px;margin-top:15px}.mobile-label{display:none}
@media(min-width:1450px){.mini iframe{transform:scale(.31)}}
@media(max-width:1100px){.nav{gap:16px}.nav>.optional{display:none}.one .opening{gap:40px}.container{width:calc(100% - 64px)}.three .stage-copy{padding:40px 32px}.three .chapter{grid-template-columns:40px 260px 1fr}.gallery-grid{gap:14px}.mini{height:210px}.mini iframe{transform:scale(.23)}.option-copy{padding:18px}.option h2{font-size:22px}.option p{min-height:128px}.two .layout{gap:32px;grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.topbar .container{height:76px;gap:16px}.logo img{width:138px}.nav{gap:0}.nav>.optional,.topbar>.container>.btn{display:none}.entity-panel{right:20px;left:20px;width:auto;top:65px;gap:18px;padding:20px}.entity-panel a{font-size:13px}.review-bar .container{align-items:flex-start;flex-direction:column;gap:7px;padding-block:10px}.review-bar strong{font-size:12px}.switches a{font-size:12px;padding:4px 10px}.breadcrumb{padding-block:20px;font-size:12px}.one .opening{grid-template-columns:1fr;gap:30px;padding:12px 0 40px}.one .photo{height:240px}.one .opening h1{margin-top:10px}.intro{font-size:17px}.actions{gap:18px}.section-nav{gap:12px 23px;font-size:13px}.two-columns{grid-template-columns:1fr;gap:28px}.read-block{padding-block:36px}.one .statement{font-size:26px}.related{padding-block:32px;margin-top:32px}.related-links{grid-template-columns:1fr;gap:19px}.two .layout{grid-template-columns:1fr;gap:25px}.sidebar{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}.sidebar a:not(.current),.sidebar .eyebrow,.sidebar .back{display:none}.sidebar a.current{margin:0}.two .opening h1{font-size:40px}.two .small-photo{height:175px}.three .stage{grid-template-columns:1fr}.three .stage-copy{padding:35px 20px}.three .stage .photo{height:235px;min-height:0}.three .chapter{grid-template-columns:28px 1fr;gap:12px;padding-block:32px}.three .chapter>div{grid-column:2}.three .chapter h2{font-size:27px}.three .chapter .number{padding-top:1px}.footer .container{display:block}.footer a{display:inline-block;margin-top:17px}.gallery{padding-top:28px}.gallery h1{font-size:35px}.gallery-grid{grid-template-columns:1fr;gap:25px}.mini{height:250px}.mini iframe{transform:scale(.3)}.option h2,.option p{min-height:0}.option-copy{padding:22px}.gallery-grid .option{max-width:550px;width:100%;margin:auto}.gallery-note{font-size:14px}}
@media(max-width:360px){.entity-panel{grid-template-columns:1fr;max-height:75vh;overflow:auto}.switches{gap:0}.switches .compare{margin-left:0}.mini iframe{transform:scale(.23)}.mini{height:200px}.actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}