.aboutRoute{background:#f7f5f7}.aboutRoute .nav.scrolled{background:#2b2230}.aboutHero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#171318;color:#fff}.aboutHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}.aboutHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,15,.94) 0%,rgba(20,16,20,.72) 46%,rgba(20,16,20,.15) 78%),linear-gradient(0deg,rgba(10,8,10,.52),transparent 52%)}.aboutHero article{position:relative;z-index:1;width:min(700px,86vw);margin-left:10.5vw;padding-top:84px}.aboutKicker{text-transform:uppercase;letter-spacing:.3em;font:700 10px/1.4 'Montserrat',sans-serif;color:#c98a34}.aboutKicker span{display:inline-block;width:31px;height:1px;margin:0 15px 3px 0;background:#c98a34}.aboutHero h1{margin:18px 0 13px;font:600 clamp(54px,6.8vw,94px)/.96 'Cormorant Garamond',serif;letter-spacing:-.04em}.aboutHero article>p:last-child{max-width:580px;margin:0;color:#ded7dd;font-size:15px;line-height:1.75}.aboutStory{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(0,1.45fr);gap:5.5vw;align-items:center;padding:90px max(7vw,32px)}.aboutStoryLight{background:#f8f7fa;color:#2a2029}.aboutStoryImage{height:560px;overflow:hidden;border-radius:7px;box-shadow:0 20px 46px rgba(39,24,36,.14)}.aboutStoryImage img{width:100%;height:100%;object-fit:cover}.aboutStory h2,.aboutImpact h2,.aboutClosing h2{margin:0 0 28px;font:600 clamp(40px,4vw,62px)/.98 'Cormorant Garamond',serif;letter-spacing:-.035em}.aboutStory h2 em,.aboutImpact h2 em,.aboutClosing h2 em{color:#bc7433;font-weight:600}.aboutStory p{max-width:760px;color:#756e75;font-size:14px;line-height:1.8}.aboutStory strong{color:inherit}.aboutStory blockquote{margin:18px 0;color:#bc7433;font:italic 600 20px 'Cormorant Garamond',serif}.aboutMission{margin-top:30px}.aboutMission h3{font:700 11px 'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.25em}.aboutMission ul{padding:0;margin:18px 0 0;list-style:none;color:#756e75;font-size:13px}.aboutMission li{margin:11px 0}.aboutMission li:before{content:'→';margin-right:10px;color:#c98a34}.aboutStoryDark{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);background:radial-gradient(circle at 8% 10%,rgba(173,96,53,.16),transparent 32%),#171318;color:#fff}.aboutStoryDark p{color:#b8b0b8}.aboutStoryDark .aboutStoryImage{height:470px}.aboutTextLink{display:inline-block;margin-top:22px;padding-bottom:6px;border-bottom:1px solid #c98a34;color:#fff;font-size:12px}.aboutImpact{padding:100px max(7vw,32px);text-align:center;background:#f8f7fa}.aboutImpact>.aboutKicker{margin-bottom:20px}.aboutImpact h2{color:#2a2029}.aboutImpact>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;margin:60px auto 0;border-block:1px solid #dcd5dc}.aboutImpact article{padding:35px 20px;border-right:1px solid #dcd5dc}.aboutImpact article:last-child{border:0}.aboutImpact strong{display:block;color:#2a2029;font:600 44px 'Cormorant Garamond',serif}.aboutImpact article span{color:#817981;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.aboutClosing{padding:105px 24px;text-align:center;background:#151216;color:#fff}.aboutClosing h2{margin-bottom:12px}.aboutClosing p{margin:0 0 28px;color:#968f96;font-size:12px}.aboutClosingButton{display:inline-flex;align-items:center;justify-content:center;min-width:142px;min-height:48px;padding:0 28px;border-radius:999px;background:#fff;color:#1e1920;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.aboutClosingButton:hover{transform:translateY(-2px)}
@media(max-width:900px){.aboutHero{min-height:640px}.aboutHero article{margin-left:7vw}.aboutStory{grid-template-columns:1fr;gap:42px;padding-block:70px}.aboutStoryDark article{order:2}.aboutStoryDark .aboutStoryImage{order:1}.aboutStoryImage,.aboutStoryDark .aboutStoryImage{height:min(68vh,560px)}.aboutImpact>div{grid-template-columns:1fr}.aboutImpact article{border-right:0;border-bottom:1px solid #dcd5dc}.aboutImpact article:last-child{border-bottom:0}}
@media(max-width:600px){.aboutHero{min-height:600px;margin:0}.aboutHero>img{object-position:66% center}.aboutHeroShade{background:linear-gradient(90deg,rgba(16,12,16,.9),rgba(16,12,16,.4)),linear-gradient(0deg,rgba(10,8,10,.72),transparent 60%)}.aboutHero article{width:auto;margin:0;padding:150px 24px 70px}.aboutHero h1{font-size:54px}.aboutHero article>p:last-child{font-size:14px}.aboutStory{padding:62px 22px}.aboutStoryImage,.aboutStoryDark .aboutStoryImage{height:480px}.aboutStory h2,.aboutImpact h2,.aboutClosing h2{font-size:42px}.aboutImpact{padding:72px 22px}.aboutImpact>div{margin-top:42px}.aboutClosing{padding:78px 22px}.aboutClosingButton{width:100%;max-width:330px}}

/* Identidad visual de Inicio aplicada a la página Sobre Mariana. */
.aboutRoute{background:#f5f0f8;color:#17121d}
.aboutHero{min-height:700px;isolation:isolate;background:#090611}
.aboutHero::after{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000,transparent 62%);pointer-events:none}
.aboutHero>img{filter:saturate(1.08) contrast(1.04) brightness(1.03);object-position:center 32%}
.aboutHeroShade{z-index:0;background:linear-gradient(90deg,#080510f7 0%,#0b0714e8 31%,#130a1ca1 51%,#160a2138 70%,transparent 84%),linear-gradient(0deg,#080510b8 0%,transparent 42%),radial-gradient(circle at 24% 52%,#7130d841,transparent 35%)}
.aboutHero article{z-index:2;width:min(720px,48vw);margin-left:7vw;padding-top:92px}
.aboutKicker{color:#c9a9ff;font:800 9px/1.4 'Manrope','Montserrat',sans-serif;letter-spacing:.24em}
.aboutKicker span{background:linear-gradient(90deg,#8750ff,#dc4dc5);width:36px}
.aboutHero h1{margin:20px 0 24px;color:#fff;font:800 clamp(48px,4.8vw,76px)/.96 'Manrope','Montserrat',sans-serif;letter-spacing:-.06em}
.aboutHero h1 em{display:block;font-style:normal;background:var(--mrg-gradient);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.aboutHero article>p:last-child{max-width:600px;color:#d4cadb;font-size:17px;line-height:1.65}

.aboutStory{position:relative;gap:clamp(48px,6vw,92px);padding:clamp(78px,7vw,112px) max(7vw,40px);overflow:hidden}
.aboutStoryLight{background:radial-gradient(circle at 4% 15%,#8042dc17,transparent 29%),radial-gradient(circle at 96% 84%,#df4cae12,transparent 31%),#f8f5fa}
.aboutStoryLight::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#6f32d507 1px,transparent 1px),linear-gradient(90deg,#6f32d507 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#0007,transparent 48%);pointer-events:none}
.aboutStoryImage{position:relative;height:580px;border:1px solid #7b35f422;border-radius:28px;box-shadow:0 32px 85px #32154126}
.aboutStoryImage::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff28;pointer-events:none}
.aboutStoryImage img{border-radius:inherit;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.aboutStoryImage:hover img{transform:scale(1.025)}
.aboutStory h2,.aboutImpact h2,.aboutClosing h2{font-family:'Manrope','Montserrat',sans-serif;font-weight:800;letter-spacing:-.052em;line-height:1.02}
.aboutStory h2{font-size:clamp(36px,3.5vw,56px);color:#1d1622}
.aboutStory h2 em,.aboutImpact h2 em,.aboutClosing h2 em{font-style:normal;background:var(--mrg-gradient);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.aboutStory p{color:#655b6b;font-size:14px;line-height:1.75}
.aboutStory blockquote{position:relative;margin:25px 0;padding:23px 24px 23px 30px;border:1px solid #7133c924;border-left:4px solid #9a49e7;border-radius:0 18px 18px 0;background:linear-gradient(105deg,#7738cf0d,#df49a60b);color:#552493;font:750 20px/1.4 'Manrope','Montserrat',sans-serif;letter-spacing:-.025em}
.aboutMission{margin-top:34px}
.aboutMission h3{color:#7235bd;font-family:'Manrope','Montserrat',sans-serif;font-weight:800}
.aboutMission ul{display:grid;gap:9px;margin-top:16px}
.aboutMission li{margin:0;padding:14px 16px;border:1px solid #7b35f418;border-radius:13px;background:#fff;color:#514759;font-size:12px;box-shadow:0 8px 24px #3515430b}
.aboutMission li:before{content:'✓';display:inline-grid;width:23px;height:23px;margin-right:11px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7b35f4,#e44dcc);color:#fff;font-size:10px}

.aboutStoryDark{background:radial-gradient(circle at 8% 14%,#7130d84a,transparent 31%),radial-gradient(circle at 91% 84%,#d83f9852,transparent 34%),#090611;color:#fff}
.aboutStoryDark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.aboutStoryDark article{position:relative;z-index:1;padding:clamp(8px,2vw,28px)}
.aboutStoryDark h2{color:#fff}
.aboutStoryDark p{color:#bcb1c4}
.aboutStoryDark strong{color:#fff}
.aboutStoryDark .aboutStoryImage{height:520px;border-color:#ffffff20;box-shadow:0 35px 90px #0008}
.aboutTextLink{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:24px;padding:0 22px;border:1px solid #d1a6ff35;border-radius:999px;background:#ffffff0b;color:#fff;font:800 10px/1 'Manrope','Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.08em;transition:.25s}
.aboutTextLink:hover{border-color:transparent;background:linear-gradient(100deg,#7b35f4,#e44dcc);transform:translateY(-2px)}

.aboutImpact{position:relative;padding:clamp(52px,5vw,72px) max(7vw,32px);overflow:hidden;background:radial-gradient(circle at 50% 100%,#d94bc514,transparent 36%),#f8f5fa}
.aboutImpact>.aboutKicker{margin-bottom:17px;color:#7839ca}
.aboutImpact h2{margin-inline:auto;color:#1d1622;font-size:clamp(38px,4vw,60px)}
.aboutImpact>div{gap:1px;max-width:1080px;margin-top:32px;overflow:hidden;border:0;border-radius:22px;background:#ffffff16;box-shadow:0 20px 52px #2c15351c}
.aboutImpact article{min-height:118px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-right:1px solid #ffffff17;background:#100a18;color:#fff}
.aboutImpact article:last-child{border:0}
.aboutImpact strong{color:#fff;font:800 clamp(34px,3.5vw,50px)/1 'Manrope','Montserrat',sans-serif;letter-spacing:-.055em}
.aboutImpact article span{margin-top:13px;color:#bcb0c5;font:700 9px/1.4 'Manrope','Montserrat',sans-serif}

.aboutClosing{position:relative;overflow:hidden;padding:clamp(86px,8vw,125px) 24px;background:radial-gradient(circle at 18% 0,#f0a15f42,transparent 35%),linear-gradient(120deg,#4e1b91,#b631a2 62%,#6d2dde);color:#fff}
.aboutClosing::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.aboutClosing>*{position:relative;z-index:1}
.aboutClosing h2{max-width:850px;margin:0 auto 17px;color:#fff;font-size:clamp(38px,4.5vw,66px)}
.aboutClosing h2 em{background:linear-gradient(100deg,#f7c487,#f1a263 45%,#d6b5ff 100%);-webkit-background-clip:text;background-clip:text}
.aboutClosing p{color:#eadff0;font-size:14px}
.aboutClosingButton{min-width:175px;min-height:54px;border:1px solid #ffffff30;background:#fff;color:#5c2397;font:800 10px/1 'Manrope','Montserrat',sans-serif;box-shadow:0 16px 38px #2d0b5438;transition:.25s}
.aboutClosingButton:hover{background:#100a18;color:#fff;box-shadow:0 20px 45px #2d0b5450}

@media(max-width:900px){
  .aboutHero article{width:min(680px,82vw);margin-left:7vw}
  .aboutStory{padding-inline:7vw}
  .aboutStoryDark article{order:1;padding:0}.aboutStoryDark .aboutStoryImage{order:2}
}

@media(max-width:600px){
  .aboutHero{min-height:680px}
  .aboutHero>img{object-position:62% center}
  .aboutHeroShade{background:linear-gradient(0deg,#080510f8 3%,#0a0612d9 45%,#10091a65 72%,#10091a20),linear-gradient(90deg,#0805108c,transparent 75%)}
  .aboutHero article{width:auto;margin:0;padding:330px 22px 66px}
  .aboutHero h1{font-size:42px;line-height:.98}
  .aboutHero article>p:last-child{font-size:14px;line-height:1.6}
  .aboutStory{gap:38px;padding:64px 20px}
  .aboutStoryImage,.aboutStoryDark .aboutStoryImage{height:470px;border-radius:22px}
  .aboutStory h2,.aboutImpact h2,.aboutClosing h2{font-size:34px;line-height:1.05}
  .aboutStory blockquote{padding:20px 18px;font-size:17px}
  .aboutMission li{display:flex;align-items:center;padding:13px}
  .aboutImpact{padding:52px 20px}
  .aboutImpact>div{grid-template-columns:1fr;margin-top:28px;border-radius:18px}
  .aboutImpact article{min-height:104px;padding:18px;border-right:0;border-bottom:1px solid #ffffff17}
  .aboutClosing{padding:82px 20px}
  .aboutClosingButton{width:100%;max-width:340px}
}

/* Hero Sobre Mariana: la sombra protege el texto sin ocultar la fotografía. */
.aboutHeroShade{
  background:
    linear-gradient(90deg,rgba(8,5,16,.82) 0%,rgba(11,7,20,.62) 31%,rgba(19,10,28,.34) 51%,rgba(22,10,33,.08) 70%,transparent 82%),
    linear-gradient(0deg,rgba(8,5,16,.34) 0%,transparent 40%),
    radial-gradient(circle at 24% 52%,rgba(113,48,216,.12),transparent 35%);
}

@media(max-width:600px){
  .aboutHeroShade{
    background:
      linear-gradient(0deg,rgba(8,5,16,.90) 3%,rgba(10,6,18,.68) 45%,rgba(16,9,26,.18) 72%,transparent),
      linear-gradient(90deg,rgba(8,5,16,.38),transparent 75%);
  }
}
