.eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--forest-700);
      font-size:0.875rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
.eyebrow::before{
      content:"";
      width:26px;height:2px;
      background:var(--gold-500);
      border-radius:999px;
    }
.section-title{
      margin-top:13px;
      font-family:"DM Serif Display",serif;
      font-size:clamp(2.1rem,4.4vw,4rem);
      line-height:1.03;
      font-weight:400;
      color:var(--forest-950);
      text-wrap:balance;
    }
.section-intro{
      margin-top:17px;
      max-width:790px;
      color:var(--ink-700);
      font-size:clamp(.98rem,1.5vw,1.08rem);
    }
.page-hero{
      position:relative;
      min-height:650px;
      display:flex;
      align-items:center;
      color:#fff;
      overflow:hidden;
      isolation:isolate;
      background:
        linear-gradient(90deg,rgba(7,26,19,.97) 0%,rgba(7,26,19,.78) 51%,rgba(7,26,19,.26) 100%),
        url("../img/alumnas-trabajando.jpg") center 45% / cover no-repeat;
    }
.page-hero::after{
      content:"";
      position:absolute;z-index:-1;
      width:470px;height:470px;
      right:-200px;bottom:-215px;
      border:1px solid rgba(255,255,255,.10);
      border-radius:50%;
      box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.014);
    }
.hero-content{padding-top:var(--header-h);max-width:920px}
.breadcrumbs{
      display:flex;flex-wrap:wrap;gap:8px;align-items:center;
      color:rgba(255,255,255,.58);
      font-size:1.0rem;font-weight:700;
    }
.breadcrumbs a:hover{color:var(--gold-400)}
.hero-badge{
      margin-top:25px;
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:9px 13px;
      border:1px solid rgba(255,255,255,.15);
      border-radius:999px;
      color:rgba(255,255,255,.9);
      background:rgba(255,255,255,.08);
      backdrop-filter:blur(8px);
      font-size:1.0rem;font-weight:800;
      text-transform:uppercase;letter-spacing:.055em;
    }
.hero-badge i{color:var(--gold-400)}
.page-hero h1{
      margin-top:20px;
      font-family:"DM Serif Display",serif;
      font-size:clamp(3.4rem,7.2vw,6.35rem);
      line-height:.92;
      font-weight:400;
      text-wrap:balance;
    }
.page-hero h1 span{color:var(--gold-400)}
.hero-copy{
      margin-top:22px;
      max-width:770px;
      color:rgba(255,255,255,.76);
      font-size:clamp(1.0rem,1.7vw,1.15rem);
    }
.hero-actions{
      margin-top:28px;
      display:flex;
      flex-wrap:wrap;
      gap:9px;
    }
.hero-action{
      min-height:47px;
      padding:0 15px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      border-radius:12px;
      font-size:1.0rem;font-weight:900;
    }
.hero-action.primary{color:var(--forest-950);background:var(--gold-400)}
.hero-action.secondary{
      color:#fff;
      border:1px solid rgba(255,255,255,.15);
      background:rgba(255,255,255,.08);
    }
.what{padding:100px 0 88px}
.what-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:68px;
      align-items:center;
    }
.what-copy p{margin-top:17px;color:var(--ink-700);font-size:1.0rem}
.definition-card{
      padding:31px;
      border:1px solid rgba(18,51,40,.08);
      border-radius:var(--radius-md);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
.definition-icon{
      width:52px;height:52px;
      display:grid;place-items:center;
      border-radius:15px;
      color:var(--forest-950);
      background:var(--gold-400);
    }
.definition-card h3{
      margin-top:19px;
      font-family:"DM Serif Display",serif;
      color:var(--forest-950);
      font-size:2.15rem;
      line-height:1.05;
      font-weight:400;
    }
.definition-card p{margin-top:11px;color:var(--ink-700);font-size:1.0rem}
.definition-note{
      margin-top:18px;
      padding:14px 15px;
      border-left:3px solid var(--forest-700);
      border-radius:0 12px 12px 0;
      color:var(--forest-900);
      background:#e7efe3;
      font-size:1.0rem;
      font-weight:700;
    }
.areas{
      padding:100px 0 110px;
      background:var(--cream-100);
    }
.areas-heading{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:40px;
    }
.areas-heading .section-intro{max-width:510px;margin-bottom:4px}
.area-grid{
      margin-top:40px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }
.area-card{
      position:relative;
      min-height:535px;
      overflow:hidden;
      border-radius:var(--radius-lg);
      color:#fff;
      isolation:isolate;
      box-shadow:var(--shadow-md);
    }
.area-card::before{
      content:"";
      position:absolute;inset:0;z-index:-1;
      transition:transform .6s ease;
    }
.area-card:hover::before{transform:scale(1.035)}
.area-card.animal::before{
      background:
        linear-gradient(to top,rgba(7,26,19,.98),rgba(7,26,19,.62) 55%,rgba(7,26,19,.15)),
        url("../img/animal1.jpg") center/cover no-repeat;
    }
.area-card.vegetal::before{
      background:
        linear-gradient(to top,rgba(7,26,19,.98),rgba(7,26,19,.62) 55%,rgba(7,26,19,.15)),
        url("../img/vegetal1.jpg") center/cover no-repeat;
    }
.area-content{
      position:absolute;
      inset:auto 0 0 0;
      padding:30px;
    }
.area-icon{
      width:48px;height:48px;
      display:grid;place-items:center;
      border-radius:14px;
      color:var(--forest-950);
      background:var(--gold-400);
    }
.area-card h3{
      margin-top:17px;
      font-family:"DM Serif Display",serif;
      font-size:2.55rem;
      line-height:1;
      font-weight:400;
    }
.area-card p{
      margin-top:10px;
      max-width:530px;
      color:rgba(255,255,255,.67);
      font-size:1.0rem;
    }
.area-tags{
      margin-top:17px;
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }
.area-tags a{
      padding:7px 9px;
      border:1px solid rgba(255,255,255,.1);
      border-radius:999px;
      color:rgba(255,255,255,.8);
      background:rgba(255,255,255,.075);
      font-size:1.0rem;
      font-weight:800;
    }
.area-tags a:hover{color:var(--forest-950);background:var(--gold-400)}
.area-more{
      margin-top:20px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--gold-400);
      font-size:1.0rem;font-weight:900;
    }
.dimensions{padding:100px 0}
.dimension-grid{
      margin-top:39px;
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:11px;
    }
.dimension{
      padding:22px;
      border:1px solid rgba(18,51,40,.08);
      border-radius:18px;
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
.dimension-no{
      width:39px;height:39px;
      display:grid;place-items:center;
      border-radius:12px;
      color:var(--forest-950);
      background:var(--gold-400);
      font-family:"DM Serif Display",serif;
      font-size:1.08rem;
    }
.dimension h3{
      margin-top:16px;
      color:var(--forest-950);
      font-size:1.0rem;
      line-height:1.25;
    }
.dimension .question{
      margin-top:6px;
      color:var(--forest-700);
      font-size:1.0rem;
      font-weight:800;
    }
.dimension p{
      margin-top:8px;
      color:var(--ink-700);
      font-size:1.0rem;
      line-height:1.45;
    }
.learning{
      padding:100px 0;
      color:#fff;
      background:var(--forest-950);
      overflow:hidden;
      position:relative;
    }
.learning::before{
      content:"";
      position:absolute;
      width:500px;height:500px;
      right:-280px;top:-280px;
      border:1px solid rgba(255,255,255,.07);
      border-radius:50%;
    }
.learning .eyebrow{color:var(--leaf-300)}
.learning .section-title{color:#fff}
.learning .section-intro{color:rgba(255,255,255,.64)}
.learning-steps{
      margin-top:40px;
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:8px;
    }
.learning-step{
      min-height:170px;
      padding:19px;
      border:1px solid rgba(255,255,255,.1);
      border-radius:17px;
      background:rgba(255,255,255,.05);
    }
.learning-step strong{
      color:var(--gold-400);
      font-family:"DM Serif Display",serif;
      font-size:1.6rem;
      font-weight:400;
    }
.learning-step h3{margin-top:9px;font-size:1.0rem}
.learning-step p{margin-top:7px;color:rgba(255,255,255,.59);font-size:1.0rem;line-height:1.42}
.trajectory{padding:100px 0}
.trajectory-grid{
      margin-top:39px;
      display:grid;
      grid-template-columns:1fr auto 1fr;
      gap:20px;
      align-items:stretch;
    }
.trajectory-card{
      padding:29px;
      border:1px solid rgba(18,51,40,.08);
      border-radius:var(--radius-md);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
.trajectory-card .years{
      color:var(--forest-700);
      font-size:1.0rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
.trajectory-card h3{
      margin-top:8px;
      font-family:"DM Serif Display",serif;
      color:var(--forest-950);
      font-size:2.0rem;
      line-height:1.04;
      font-weight:400;
    }
.trajectory-card p{margin-top:11px;color:var(--ink-700);font-size:1.0rem}
.trajectory-card ul{
      margin-top:14px;
      padding-left:18px;
      color:var(--ink-700);
      font-size:1.0rem;
    }
.trajectory-card li{margin-bottom:6px}
.trajectory-arrow{
      width:52px;height:52px;
      align-self:center;
      display:grid;place-items:center;
      border-radius:50%;
      color:var(--forest-950);
      background:var(--gold-400);
    }
.projects{
      padding:95px 0;
      background:var(--cream-100);
    }
.project-card{
      margin-top:36px;
      padding:34px;
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:45px;
      align-items:center;
      border-radius:var(--radius-lg);
      color:#fff;
      background:linear-gradient(135deg,var(--forest-900),var(--forest-700));
      box-shadow:var(--shadow-md);
    }
.project-card h3{
      font-family:"DM Serif Display",serif;
      font-size:2.3rem;
      line-height:1.04;
      font-weight:400;
    }
.project-card p{margin-top:11px;color:rgba(255,255,255,.67);font-size:1.0rem}
.project-years{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:8px;
    }
.project-year{
      padding:11px 13px;
      border-radius:12px;
      background:rgba(255,255,255,.075);
      font-size:1.0rem;
      font-weight:800;
    }
.project-year strong{color:var(--gold-400)}
.cta{padding:100px 0}
.cta-card{
      padding:45px;
      text-align:center;
      border:1px solid rgba(18,51,40,.08);
      border-radius:var(--radius-lg);
      background:#fff;
      box-shadow:var(--shadow-md);
    }
.cta-card .section-title{max-width:800px;margin-inline:auto}
.cta-card .section-intro{max-width:680px;margin-inline:auto}
.cta-actions{
      margin-top:27px;
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:9px;
    }
.cta-btn{
      min-height:48px;
      padding:0 16px;
      display:inline-flex;align-items:center;gap:8px;
      border-radius:12px;
      font-size:1.0rem;font-weight:900;
    }
.cta-btn.primary{color:#fff;background:var(--forest-800)}
.cta-btn.secondary{color:var(--forest-800);background:#e7efe3}
[data-reveal]{opacity:0;transform:translateY(22px);transition:.6s ease}
[data-reveal].revealed{opacity:1;transform:none}
@media(max-width:1120px){
.what-grid{grid-template-columns:1fr;gap:45px}
.dimension-grid{grid-template-columns:repeat(3,1fr)}
.learning-steps{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
.page-hero{
        min-height:670px;
        align-items:flex-end;
        padding:115px 0 72px;
        background:
          linear-gradient(to top,rgba(7,26,19,.98) 0%,rgba(7,26,19,.8) 65%,rgba(7,26,19,.24) 100%),
          url("../img/alumnas-trabajando.jpg") 58% center/cover no-repeat;
      }
.hero-content{padding-top:0}
.page-hero h1{font-size:clamp(3.1rem,15vw,4.8rem)}
.hero-copy{font-size:1.0rem}
.hero-actions{display:grid;grid-template-columns:1fr}
.hero-action{justify-content:center}
.what{padding:80px 0 70px}
.areas{padding:80px 0 90px}
.areas-heading{display:block}
.area-grid{grid-template-columns:1fr}
.area-card{min-height:525px}
.area-content{padding:24px}
.dimensions{padding:80px 0}
.dimension-grid{grid-template-columns:1fr 1fr}
.dimension:last-child{grid-column:1/-1}
.learning{padding:80px 0}
.learning-steps{grid-template-columns:1fr 1fr}
.trajectory{padding:80px 0}
.trajectory-grid{grid-template-columns:1fr;gap:13px}
.trajectory-arrow{transform:rotate(90deg);margin-inline:auto}
.projects{padding:80px 0}
.project-card{grid-template-columns:1fr;padding:27px}
.project-years{grid-template-columns:1fr}
.cta{padding:80px 0}
.cta-card{padding:32px 23px}
.cta-actions{display:grid}
.cta-btn{justify-content:center}
}
@media(max-width:430px){
.dimension-grid,.learning-steps{grid-template-columns:1fr}
.dimension:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
[data-reveal]{opacity:1;transform:none}
}