@font-face{font-family:InfoTitle;src:url('title.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:InfoSans;src:url('body.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:InfoSans;src:url('body-bold.otf') format('opentype');font-weight:600 900;font-display:swap}
.info-page{background:#080d20}.info-page .header{position:sticky;top:0;z-index:100}
.info-skip{position:fixed;z-index:200;top:10px;left:12px;padding:12px 18px;border-radius:7px;background:#fff;color:#160d27;transform:translateY(-200%)}.info-skip:focus{transform:none}
.info-main{font-family:InfoSans,Arial,sans-serif;color:#f9f6ff;background:#080d20;line-height:1.5;-webkit-font-smoothing:antialiased}
.info-main *, .info-main *:before,.info-main *:after{box-sizing:border-box}
.info-main h1,.info-main h2,.info-main h3,.info-main p{margin:0}
.info-main h1,.info-main h2,.info-main h3{font-family:InfoTitle,Georgia,serif;font-weight:400;line-height:1.08}
.info-main a:focus-visible{outline:3px solid #e3bdff;outline-offset:5px}
.info-container{width:88%;max-width:1320px;margin-inline:auto}
.info-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;color:#c996f2;margin-bottom:18px!important}
.about-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:590px;background:#10172c}
.about-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080d20eb 0%,#080d20c2 36%,#080d2066 60%,#080d2010 100%),linear-gradient(0deg,#080d20,transparent 26%)}
.about-hero-content{padding-block:70px}
.about-hero h1{font-size:clamp(48px,5.4vw,88px);letter-spacing:-.025em;max-width:780px;text-shadow:0 2px 20px #0006}
.about-hero h1 span{color:#dfb3ff;text-shadow:0 0 26px #a455e94a}
.about-lead{max-width:540px;font-size:clamp(18px,1.6vw,24px);line-height:1.45;color:#e6dff2;margin-top:25px!important}
.about-signature{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:.045em;margin-top:30px;color:#e8d5f8}
.about-signature>span{display:block;width:42px;height:2px;background:#c079fc;box-shadow:0 0 15px #a94ff188}
.about-story{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;align-items:center;padding-block:76px 80px}
.about-story h2,.about-section-title h2{font-size:clamp(37px,3.6vw,58px);letter-spacing:-.02em}
.about-story h2 span,.about-section-title h2 span{color:#c28aef}
.about-story-copy{font-size:18px;line-height:1.7;color:#c4bfd2}
.about-story-copy p+p{margin-top:18px}
.about-universe{padding-bottom:64px}
.about-section-title{margin-bottom:35px}
.about-rows{border-top:1px solid #44405b}
.about-row{display:grid;grid-template-columns:55px minmax(230px,.9fr) minmax(0,1.2fr);gap:28px;padding:33px 0;border-bottom:1px solid #37374e;align-items:start}
.about-number{font-size:14px;color:#ad79d8;padding-top:3px;letter-spacing:.06em}
.about-row-name>p{font-size:10px;letter-spacing:.12em;color:#a396b5;margin-bottom:8px}
.about-row-name h3{font-size:clamp(29px,2.9vw,42px);letter-spacing:-.015em}
.about-row-copy{color:#cbc5d9;font-size:17px;max-width:610px}
.info-text-link{display:inline-flex;align-items:center;gap:14px;color:#e2b8ff;margin-top:16px;font-size:15px;font-weight:600;transition:color .2s}
.info-text-link>span{font-size:19px;line-height:1}
.info-text-link:hover{color:#fff}
.about-creator-links{display:flex;flex-wrap:wrap;gap:8px 25px}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #514264;border-bottom:1px solid #514264;padding-block:30px;margin-bottom:62px}
.about-values>div{padding:6px 28px;border-right:1px solid #3e354e}
.about-values>div:first-child{padding-left:0}
.about-values>div:last-child{padding-right:0;border:0}
.about-values>div>span{font-size:10px;letter-spacing:.12em;color:#ad78d6}
.about-values h3{font-size:27px;margin-top:10px}
.about-values p{font-size:15px;line-height:1.5;color:#bdb6ce;margin-top:10px;max-width:330px}
.about-close{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 0 70px}
.about-close h2{font-size:clamp(45px,5vw,72px);letter-spacing:-.02em}
.about-close .info-eyebrow{margin-bottom:8px!important}
.info-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 30px;min-height:58px;max-width:100%;border:1px solid #c991fb;border-radius:35px;background:linear-gradient(110deg,#7d2de8,#b660ec);box-shadow:0 0 24px #ac48e92b;color:#fff;font-family:InfoSans,Arial,sans-serif;font-size:17px;font-weight:600;text-align:center;line-height:1.3;transition:transform .2s,box-shadow .2s,filter .2s}
.info-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 30px #ac48e947}
.info-button>span:last-child{flex-shrink:0}
.contact-main{min-height:64vh;display:grid;place-items:center;padding:75px 6%;background:radial-gradient(ellipse at 50% 45%,#361b564a,transparent 64%),radial-gradient(ellipse at 15% 100%,#0c193b80,transparent 55%),#080d20}
.contact-panel{text-align:center;width:100%;max-width:640px}
.contact-mark{display:flex;align-items:center;justify-content:center;width:92px;height:92px;margin:0 auto 27px;border:1px solid #8060a7;border-radius:28px;background:linear-gradient(150deg,#2e1748,#111a29);box-shadow:0 0 40px #8d38c325}
.contact-mark svg{width:53px;height:53px;color:#d2fce6;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.contact-panel .info-eyebrow{font-size:11px;margin-bottom:15px!important}
.contact-panel h1{font-size:clamp(52px,6vw,84px);letter-spacing:-.035em;text-shadow:0 0 28px #a350d735}
.contact-whatsapp{margin-top:32px;min-height:62px;padding-inline:27px;gap:15px}
.contact-whatsapp svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
@media(max-width:1000px){.about-hero{min-height:540px}.about-story{gap:6%;padding-block:60px}.about-story-copy{font-size:17px}.about-row{grid-template-columns:40px minmax(190px,.9fr) minmax(0,1.2fr);gap:20px}.about-row-copy{font-size:16px}.about-values>div{padding-inline:19px}.about-values h3{font-size:25px}}
@media(max-width:760px){
 .info-container{width:90%}
 .info-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:14px!important}
 .about-hero{display:block;min-height:0;padding-top:245px}
 .about-hero-photo{height:480px;object-position:76% center}
 .about-hero:after{background:linear-gradient(0deg,#080d20 0%,#080d20fa 18%,#080d20b3 51%,#080d2010 100%)}
 .about-hero-content{padding-block:25px 38px}
 .about-hero h1{font-size:clamp(40px,10.6vw,66px);line-height:1.07}
 .about-lead{font-size:18px;margin-top:18px!important;max-width:500px}
 .about-signature{font-size:12px;margin-top:24px;gap:11px}
 .about-story{grid-template-columns:1fr;gap:25px;padding-block:42px 48px}
 .about-story h2,.about-section-title h2{font-size:clamp(33px,8.8vw,49px)}
 .about-story-copy{font-size:16px;line-height:1.65}
 .about-story-copy p+p{margin-top:15px}
 .about-universe{padding-bottom:38px}
 .about-section-title{margin-bottom:26px}
 .about-row{grid-template-columns:28px 1fr;gap:8px 12px;padding-block:27px}
 .about-number{font-size:12px;padding-top:3px}
 .about-row-name h3{font-size:33px}
 .about-row-name>p{font-size:9px;margin-bottom:7px}
 .about-row-copy{grid-column:2;font-size:16px;margin-top:7px}
 .info-text-link{margin-top:14px;font-size:14px}
 .about-creator-links{gap:0 22px}
 .about-values{grid-template-columns:1fr;gap:22px;padding-block:25px;margin-bottom:38px}
 .about-values>div,.about-values>div:first-child,.about-values>div:last-child{border:0;padding:0 0 22px;border-bottom:1px solid #383045}
 .about-values>div:last-child{padding-bottom:0;border:0}
 .about-values h3{font-size:28px;margin-top:7px}
 .about-values p{font-size:15px;max-width:none;margin-top:8px}
 .about-close{align-items:flex-start;flex-direction:column;gap:23px;padding-bottom:44px}
 .about-close h2{font-size:52px}
 .about-close .info-button{width:100%;max-width:430px}
 .info-button{font-size:16px;padding:16px 22px;min-height:56px}
 .contact-main{min-height:62vh;padding:62px 5% 68px}
 .contact-mark{width:80px;height:80px;border-radius:24px;margin-bottom:25px}
 .contact-mark svg{width:46px;height:46px}
 .contact-panel h1{font-size:clamp(48px,13vw,68px)}
 .contact-whatsapp{width:100%;max-width:420px;gap:12px;margin-top:28px;min-height:61px;padding-inline:14px;font-size:16px}
 .contact-whatsapp svg{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){.info-main *{transition:none!important}.info-button:hover{transform:none}html{scroll-behavior:auto}}

/* V55: gestión de suscripciones desde WhatsApp */
.contact-panel .contact-subtitle{margin-top:17px;color:#d3c4e3;font-size:18px;line-height:1.4}
@media(max-width:760px){.contact-panel .contact-subtitle{font-size:16px;margin-top:15px}}

/* V56: encuadre del fondo Olimpo entre nubes */
.about-hero-photo{object-position:center 20%}
@media(max-width:760px){.about-hero-photo{object-position:95% center}}