/* SOBRE MÍ · FUERA DE PLANO — estilos aislados del resto del blog */
.about-page { background:#111012; color:#eee; overflow:hidden; }
.about-page * { box-sizing:border-box; }
.about-shell { width:min(100% - 40px, 1120px); margin-inline:auto; }
.about-hero { padding:42px 0 75px; background:radial-gradient(ellipse at 78% 42%,rgba(116,12,19,.16),transparent 45%),#111012; border-bottom:1px solid #2b272a; }
.about-back { display:inline-block; margin-bottom:54px; color:#b4b0b3; font:500 12px 'IBM Plex Mono',monospace; text-decoration:none; }
.about-back:hover,.about-text-link:hover { color:#e50914; }
.about-kicker,.about-section-number,.about-overline { font:500 12px 'IBM Plex Mono',monospace; letter-spacing:2px; }
.about-kicker { color:#e0d8da; margin:0 0 24px; }
.about-kicker span { display:inline-block; width:9px;height:9px;background:#e50914;margin-right:10px; }
.about-hero-grid { display:grid; grid-template-columns:minmax(270px,0.85fr) minmax(0,1.15fr); gap:clamp(30px,6vw,90px); align-items:center; }
.about-photo-wrap { position:relative; padding:0 15px 20px 0; }
.about-photo-wrap:after { content:'';position:absolute;z-index:0;right:0;bottom:4px;width:60%;height:55%;border-right:3px solid #e50914;border-bottom:3px solid #e50914; }
.about-photo { display:block;position:relative;z-index:1;width:100%;height:clamp(380px,43vw,540px);object-fit:cover;object-position:center top;background:#242124;filter:grayscale(10%); }
.about-photo-caption { position:absolute;z-index:2;left:17px;bottom:39px;color:white;background:rgba(10,10,10,.85);padding:9px 12px;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:1px; }
.about-photo-caption span { color:#e50914; }
.about-overline { color:#e50914;margin:0 0 10px; }
.about-hero-copy h1 { font:400 clamp(74px,9vw,130px)/.85 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;margin:0 0 28px; }
.about-hero-copy h1 span,.about-section h2 span { color:#e50914; }
.about-hero-lead { color:#fff!important;font-size:clamp(20px,2.3vw,27px)!important;line-height:1.35!important;font-weight:600; }
.about-hero-copy p,.about-section>p:not(.about-section-number):not(.about-source):not(.about-small-note) { color:#c9c3c6;font:400 18px/1.8 'Source Sans 3',sans-serif;margin:0 0 20px; }
.about-hero-copy strong,.about-section strong { color:#fff; }
.about-cta { display:inline-flex;align-items:center;gap:22px;background:#e50914;color:#fff;text-decoration:none;padding:15px 20px;margin-top:12px;font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.5px;transition:background .2s; }
.about-cta:hover { background:#b20710;color:#fff; }
.about-content { width:min(100% - 40px,840px);margin:0 auto; }
.about-section { padding:75px 0;border-bottom:1px solid #312d30; }
.about-section-number { color:#e50914;margin:0 0 22px; }
.about-section h2 { font:400 clamp(37px,5.5vw,64px)/1.04 'Bebas Neue',Impact,sans-serif;letter-spacing:.3px;margin:0 0 30px;max-width:790px;color:#fff; }
.about-note { display:flex;gap:18px;align-items:flex-start;background:#1b181b;border-left:3px solid #e50914;padding:20px 25px;margin:35px 0; }
.about-note-mark { color:#e50914;font:70px/.8 Georgia,serif; }
.about-note p { margin:0;color:#fff;font:600 21px/1.5 'Source Sans 3',sans-serif; }
.about-small-note,.about-source { color:#8e898c;font:400 13px/1.7 'Source Sans 3',sans-serif;margin-top:24px; }
.about-source a { color:#e8b6b9; }
.about-credits { border-top:1px solid #3b3539;margin-top:35px; }
.about-credit { display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #353035; }
.about-credit-year { color:#e50914;font:500 13px 'IBM Plex Mono',monospace; }
.about-credit h3 { margin:0 0 5px;color:#fff;font:400 27px/1.1 'Bebas Neue',sans-serif; }
.about-credit p { margin:0;color:#aaa3a7;font:400 15px 'Source Sans 3',sans-serif; }
.about-credit-type { color:#888085;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:1px;text-align:right; }
.about-text-link { display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid #e50914;padding-bottom:8px;margin-top:8px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:1px; }
.about-connect { border-bottom:0;padding-bottom:95px; }
.about-socials { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px; }
.about-socials a { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 20px;border:1px solid #3b3639;background:#1b191c;color:#eee;text-decoration:none;font:500 13px 'IBM Plex Mono',monospace;letter-spacing:1px;transition:background .2s,border-color .2s; }
.about-socials a span:last-child { color:#e50914;font-size:20px; }
.about-socials a:hover { border-color:#e50914;background:#26191d;color:#fff; }
@media(max-width:720px){.about-hero{padding:28px 0 50px}.about-back{margin-bottom:34px}.about-hero-grid{grid-template-columns:1fr;gap:36px}.about-photo-wrap{max-width:450px}.about-photo{height:440px}.about-hero-copy h1{font-size:90px}.about-section{padding:55px 0}.about-credit{grid-template-columns:50px 1fr;gap:12px}.about-credit-type{display:none}.about-socials{grid-template-columns:1fr}}
@media(max-width:420px){.about-photo{height:360px}.about-hero-copy h1{font-size:75px}.about-hero-copy p,.about-section>p:not(.about-section-number):not(.about-source):not(.about-small-note){font-size:16px}.about-note p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.about-cta,.about-socials a{transition:none}}

/* Enlaces sociales compactos con logotipos */
.about-socials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:26px; }
.about-socials .about-social-link { display:flex; align-items:center; justify-content:flex-start; gap:13px; min-height:68px; padding:11px 14px; border:1px solid #353137; background:#1b191c; color:#f4f4f4; text-decoration:none; letter-spacing:normal; transition:border-color .2s,background .2s,transform .2s; }
.about-socials .about-social-link:hover { border-color:#e50914; background:#251a1d; transform:translateY(-2px); }
.about-socials .about-social-icon { display:block; width:42px; height:42px; flex:0 0 42px; border-radius:8px; object-fit:contain; background:#111; }
.about-socials .about-social-info { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
.about-socials .about-social-info strong { color:#fff; font:600 13px 'IBM Plex Mono',monospace; letter-spacing:.1px; line-height:1.35; }
.about-socials .about-social-info small { color:#aaa5ab; font:400 12px 'Source Sans 3',sans-serif; line-height:1.3; }
.about-socials .about-social-arrow { color:#e50914; font-size:17px; flex:0 0 auto; }
.about-socials .about-social-link:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:720px) { .about-socials { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .about-socials .about-social-link:hover { transform:none; } }