/* Liderazgo y revista: dos composiciones editoriales dentro de la marca. */
.director-section { position:relative; border-top:1px solid var(--line); background:radial-gradient(ellipse at 0 55%,#8d8dff08,transparent 55%),var(--bg); }
.director-layout { display:grid; grid-template-columns:.92fr 1.18fr; gap:85px; align-items:center; }
.director-portrait { position:relative; margin:0; border-radius:23px; overflow:hidden; aspect-ratio:4/5; background:#151e2d; border:1px solid var(--line); isolation:isolate; box-shadow:0 28px 70px #0002; }
.director-portrait>img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:52% center; }
.director-portrait:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#091221f5,transparent 42%),linear-gradient(180deg,#09122125,transparent 40%); z-index:1; pointer-events:none; }
.director-photo-grid { position:absolute; inset:17px; border:1px solid #ffffff28; border-radius:13px; z-index:2; pointer-events:none; }
.director-portrait figcaption { position:absolute; bottom:33px; left:33px; right:25px; z-index:3; display:flex; flex-direction:column; gap:6px; color:#c2d0e4; }
.director-photo-label { font-size:.62rem; letter-spacing:.16em; color:#9af4ca; }
.director-portrait figcaption strong { color:#fff; font-size:1.8rem; letter-spacing:-.045em; line-height:1.2; font-weight:650; }
.director-portrait figcaption>span:last-child { font-size:.75rem; }
.portrait-corner { position:absolute; top:31px; right:31px; z-index:3; font-size:.65rem; color:#fff; background:#0b142159; border:1px solid #ffffff24; border-radius:5px; padding:6px 10px; backdrop-filter:blur(8px); letter-spacing:.1em; }
.director-content .section-kicker { font-size:.67rem; margin-bottom:19px; }
.director-content h2 { font-size:clamp(3.7rem,5.5vw,5.1rem); letter-spacing:-.065em; line-height:1; margin:0 0 17px; }
.director-content h2>span { color:var(--green-ink); }
.director-role { color:var(--muted); font-size:.83rem; margin-bottom:28px; padding-bottom:25px; border-bottom:1px solid var(--line); }
.director-content h3 { font-size:1.55rem; color:var(--ink); line-height:1.4; letter-spacing:-.04em; margin-bottom:22px; font-weight:650; }
.director-content>p:not(.section-kicker):not(.director-role) { font-size:.94rem; line-height:1.9; margin-bottom:17px; }
.director-focus { display:grid; grid-template-columns:1fr 1fr; gap:25px; border-top:1px solid var(--line); margin-top:29px; padding-top:25px; }
.director-focus>div>span { display:block; font-size:.66rem; color:var(--green-ink); letter-spacing:.12em; margin-bottom:9px; }
.director-focus strong { color:var(--ink); display:block; font-size:.84rem; font-weight:650; }
.director-focus p { font-size:.79rem; line-height:1.75; margin:8px 0 0; }
.director-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px 25px; margin-top:29px; }
.director-instagram { color:var(--ink); background:var(--surface); border:1px solid var(--line); min-height:50px; padding:12px 17px; gap:15px; font-size:.85rem; }
.director-instagram:hover { color:var(--green-ink); border-color:var(--green-ink); }
.director-profile { min-height:44px; display:inline-flex; align-items:center; font-size:.83rem; color:var(--green-ink); border-bottom:1px solid var(--line); }
.director-profile:hover { color:var(--ink); }
.magazine-section { position:relative; background:radial-gradient(ellipse at 5% 30%,#9b8cff0b,transparent 55%),var(--surface); border-block:1px solid var(--line); }
.magazine-topline { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:28px; margin-bottom:40px; border-bottom:1px solid var(--line); }
.magazine-wordmark { display:inline-flex; flex-direction:column; color:var(--ink); font-weight:800; line-height:1; font-size:2rem; letter-spacing:-.055em; }
.magazine-wordmark>span { font-size:.57rem; letter-spacing:.41em; font-weight:600; color:var(--green-ink); margin-top:8px; padding-left:2px; }
.magazine-anniversary { display:flex; gap:16px; align-items:center; color:var(--muted); }
.magazine-anniversary>strong { font-size:2.7rem; font-weight:550; color:var(--ink); letter-spacing:-.06em; line-height:1; }
.magazine-anniversary>span { font-size:.73rem; line-height:1.65; }
.magazine-layout { display:grid; grid-template-columns:1.06fr .94fr; gap:80px; align-items:center; }
.magazine-content .section-kicker { font-size:.68rem; }
.magazine-content h2 { font-size:clamp(2.8rem,4.5vw,4.2rem); line-height:1.09; letter-spacing:-.055em; margin-bottom:26px; }
.magazine-content h2>span { color:var(--muted); }
.magazine-intro { color:var(--muted); font-size:.97rem; line-height:1.95; max-width:535px; margin-bottom:25px; }
.magazine-topics { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:31px; }
.magazine-topics>span { color:var(--ink); border:1px solid var(--line); border-radius:7px; background:var(--bg); font-size:.72rem; padding:7px 12px; }
.magazine-actions { display:flex; flex-wrap:wrap; align-items:center; gap:19px 25px; }
.magazine-actions .rubik-button { font-size:.87rem; }
.magazine-instagram { color:var(--green-ink); font-size:.83rem; min-height:44px; display:inline-flex; gap:17px; align-items:center; }
.magazine-instagram:hover { color:var(--ink); }
.magazine-feature { display:block; position:relative; isolation:isolate; aspect-ratio:4/5; min-width:0; border:1px solid #ffffff1a; border-radius:18px; overflow:hidden; background:#101323; box-shadow:0 25px 65px #0002; }
.magazine-feature>img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% center; transition:transform .6s ease; }
.magazine-feature:after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,#080d1afd,transparent 68%),linear-gradient(180deg,#080d1a66,transparent 25%); pointer-events:none; }
.magazine-feature:hover>img { transform:scale(1.04); }
.magazine-feature-label { position:absolute; top:24px; left:24px; z-index:2; color:#f2eafa; font-size:.64rem; letter-spacing:.13em; border:1px solid #ffffff35; border-radius:5px; background:#0d102a52; padding:7px 11px; backdrop-filter:blur(8px); }
.magazine-feature-copy { position:absolute; bottom:29px; left:29px; right:29px; z-index:2; color:#dee5f4; }
.magazine-feature-copy>span:first-child { font-size:.65rem; color:#c9bbea; letter-spacing:.03em; }
.magazine-feature-copy h3 { color:white; font-size:clamp(1.7rem,2.4vw,2.3rem); line-height:1.16; letter-spacing:-.045em; margin:13px 0 23px; font-weight:700; }
.magazine-read { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding-top:14px; border-top:1px solid #ffffff35; color:#e0ddfa; font-size:.82rem; }
.magazine-read>span { font-size:1.2rem; }
.magazine-reading { margin-top:47px; padding-top:27px; border-top:1px solid var(--line); }
.magazine-reading-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:21px; }
.magazine-reading-heading>.section-kicker { margin:0; font-size:.63rem; }
.magazine-reading-heading>span { color:var(--muted); font-size:.8rem; }
.magazine-notes { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.magazine-notes>a { display:flex; align-items:center; gap:20px; padding:24px; border:1px solid var(--line); border-radius:13px; background:var(--bg); color:var(--ink); transition:border-color .2s,transform .2s; }
.magazine-notes>a:hover { border-color:var(--green-ink); transform:translateY(-2px); }
.magazine-note-number { color:var(--green-ink); font-size:.8rem; border-right:1px solid var(--line); padding-right:20px; flex-shrink:0; }
.magazine-note-topic { color:var(--muted); font-size:.65rem; }
.magazine-notes h3 { font-size:1rem; font-weight:650; line-height:1.45; letter-spacing:-.025em; margin:6px 0 0; }
.magazine-note-arrow { color:var(--green-ink); margin-left:auto; flex-shrink:0; font-size:1.2rem; }
@media(max-width:1199px) { .director-layout { gap:55px; }.director-content h2 { font-size:4.3rem; }.magazine-layout { gap:50px; }.magazine-content h2 { font-size:3.45rem; }.director-content>p:not(.section-kicker):not(.director-role) { font-size:.89rem; } }
@media(max-width:991px) { .director-layout { gap:37px; grid-template-columns:.85fr 1.15fr; }.director-portrait { aspect-ratio:3/4; }.director-content h2 { font-size:3.4rem; }.director-role { font-size:.75rem; margin-bottom:22px; padding-bottom:20px; }.director-content h3 { font-size:1.25rem; }.director-content>p:not(.section-kicker):not(.director-role) { font-size:.84rem; }.director-focus { gap:17px; margin-top:23px; padding-top:21px; }.director-focus strong { font-size:.78rem; }.director-focus p { font-size:.73rem; }.director-links { gap:12px 18px; }.director-instagram { padding-inline:14px; font-size:.78rem; }.director-profile { font-size:.75rem; }.magazine-layout { gap:35px; }.magazine-content h2 { font-size:2.85rem; }.magazine-intro { font-size:.88rem; }.magazine-content .section-kicker { font-size:.6rem; }.magazine-topics>span { font-size:.68rem; padding:6px 9px; }.magazine-actions .rubik-button { font-size:.8rem; }.magazine-feature { aspect-ratio:3/4; }.magazine-feature-copy { inset:auto 22px 22px; }.magazine-feature-copy h3 { font-size:1.75rem; }.magazine-feature-label { left:22px; top:22px; }.magazine-notes>a { padding:20px; gap:15px; }.magazine-notes h3 { font-size:.91rem; } }
@media(max-width:767px) { .director-layout { grid-template-columns:1fr; gap:38px; }.director-portrait { aspect-ratio:5/4; max-width:520px; width:100%; margin-inline:auto; }.director-portrait>img { object-position:50% 38%; }.director-content { max-width:590px; }.director-content h2 { font-size:3.9rem; }.director-content h3 { font-size:1.55rem; }.director-content>p:not(.section-kicker):not(.director-role) { font-size:.92rem; }.director-focus { gap:25px; }.director-focus strong { font-size:.85rem; }.director-focus p { font-size:.81rem; }.director-instagram { font-size:.85rem; }.director-profile { font-size:.81rem; }.magazine-layout { grid-template-columns:1fr; gap:35px; }.magazine-content h2 { font-size:3.45rem; }.magazine-content .section-kicker { font-size:.68rem; }.magazine-intro { font-size:.94rem; }.magazine-feature { aspect-ratio:5/4; }.magazine-feature>img { object-position:50% 48%; }.magazine-feature-copy h3 { font-size:2.1rem; }.magazine-notes { grid-template-columns:1fr; gap:14px; }.magazine-notes h3 { font-size:1rem; } }
@media(max-width:575px) { .director-layout { gap:32px; }.director-portrait { aspect-ratio:1; border-radius:18px; }.director-portrait figcaption { bottom:25px; left:25px; }.director-portrait figcaption strong { font-size:1.6rem; }.director-photo-grid { inset:13px; }.portrait-corner { top:24px; right:24px; font-size:.56rem; }.director-content h2 { font-size:3.7rem; }.director-content .section-kicker { font-size:.6rem; }.director-role { font-size:.8rem; margin-bottom:25px; }.director-content h3 { font-size:1.45rem; }.director-content>p:not(.section-kicker):not(.director-role) { font-size:.9rem; }.director-focus { gap:18px; }.director-focus strong { font-size:.79rem; }.director-focus p { font-size:.77rem; }.director-links { gap:16px; }.director-profile { font-size:.78rem; }.magazine-topline { gap:18px; margin-bottom:30px; padding-bottom:25px; }.magazine-wordmark { font-size:1.65rem; }.magazine-wordmark>span { font-size:.48rem; letter-spacing:.36em; }.magazine-anniversary { gap:11px; }.magazine-anniversary>strong { font-size:2.3rem; }.magazine-anniversary>span { font-size:.65rem; }.magazine-content h2 { font-size:3rem; }.magazine-content .section-kicker { font-size:.62rem; }.magazine-intro { font-size:.9rem; line-height:1.9; }.magazine-topics { gap:8px; margin-bottom:26px; }.magazine-topics>span { font-size:.7rem; padding:7px 10px; }.magazine-actions { flex-direction:column; align-items:stretch; gap:12px; }.magazine-actions .rubik-button { justify-content:space-between; font-size:.9rem; }.magazine-instagram { font-size:.85rem; justify-content:space-between; padding:9px 3px; }.magazine-feature { aspect-ratio:4/5; border-radius:16px; }.magazine-feature-copy { inset:auto 24px 25px; }.magazine-feature-label { left:24px; top:24px; }.magazine-feature-copy h3 { font-size:1.95rem; }.magazine-reading { margin-top:33px; }.magazine-reading-heading { display:block; margin-bottom:20px; }.magazine-reading-heading>.section-kicker { margin-bottom:10px; }.magazine-reading-heading>span { font-size:.79rem; }.magazine-notes>a { padding:21px 18px; gap:15px; }.magazine-note-number { padding-right:14px; }.magazine-note-topic { font-size:.62rem; }.magazine-notes h3 { font-size:.95rem; } }
@media(max-width:375px) { .director-content h2 { font-size:3.2rem; }.director-focus { gap:14px; }.director-focus strong { font-size:.73rem; }.director-profile { font-size:.72rem; }.director-instagram { font-size:.78rem; padding-inline:13px; }.magazine-content h2 { font-size:2.55rem; }.magazine-anniversary>span { font-size:.57rem; }.magazine-anniversary { gap:8px; }.magazine-anniversary>strong { font-size:2rem; }.magazine-wordmark { font-size:1.45rem; }.magazine-wordmark>span { font-size:.44rem; }.magazine-feature-copy h3 { font-size:1.7rem; }.magazine-feature-copy>span:first-child { font-size:.58rem; }.magazine-note-topic { font-size:.56rem; } }
@media(prefers-reduced-motion:reduce) { .magazine-feature>img,.magazine-notes>a { transition:none; }.magazine-feature:hover>img,.magazine-notes>a:hover { transform:none; } }
/* El gutter mantiene su ancho al ampliar texto y respeta el contenedor. */
#nosotros .row { --bs-gutter-x:32px; }