:root{
  --ink:#2c2b2b;
  --dark:#4a4a4a;
  --gray:#9c9c9c;
  --gray-light:#e7e5e2;
  --cream:#faf9f6;
  --accent:#c23673;
  --accent-dark:#9c2a5a;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden;}
h1,h2,h3{font-family:'Fraunces',serif;margin:0;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-dark);}
img{max-width:100%;}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;border:2px solid transparent;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-dark);color:#fff;}
.btn-outline{background:transparent;color:var(--dark);border:2px solid var(--dark);}
.btn-outline:hover{color:var(--accent);border-color:var(--accent);}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600;color:var(--accent);}

.section-pad{padding:96px 96px;}

.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 96px;background:rgba(250,249,246,0.94);border-bottom:1px solid var(--gray-light);backdrop-filter:blur(6px);}
.nav-logo{height:44px;object-fit:contain;}
.nav-links{display:flex;align-items:center;gap:40px;}
.nav-link{color:var(--dark);font-weight:500;font-size:15px;}

.hero{display:flex;align-items:center;gap:64px;padding:110px 96px 100px;background:linear-gradient(180deg,#ffffff 0%,var(--cream) 100%);}
.hero-copy{flex:1.1;display:flex;flex-direction:column;gap:26px;min-width:0;}
.hero-h1{font-size:56px;line-height:1.08;color:var(--dark);font-weight:600;}
.hero-p{font-size:19px;line-height:1.6;color:#5a5a5a;max-width:560px;}
.hero-ctas{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:36px;margin-top:22px;flex-wrap:wrap;}
.stat-num{font-family:'Fraunces',serif;font-size:30px;font-weight:600;color:var(--accent);}
.stat-label{font-size:13px;color:#7a7a7a;}
.hero-media{flex:0.9;display:flex;align-items:center;justify-content:center;min-width:0;}
.hero-photo{width:100%;aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid var(--gray-light);}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;}

.nosotras{display:flex;gap:72px;background:#fff;}
.nosotras-h{flex:0.8;}
.nosotras-h2{font-size:36px;color:var(--dark);margin-top:10px;line-height:1.2;}
.nosotras-body{flex:1;}
.nosotras-body p{font-size:18px;line-height:1.7;color:#4b4b4b;}

.mision-grid{display:flex;gap:32px;background:var(--dark);}
.mision-card{flex:1;background:#565555;border-radius:20px;padding:48px;color:#fff;min-width:0;}
.mision-icon{width:46px;height:46px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.mision-h3{font-size:26px;color:#fff;margin-bottom:16px;}
.mision-p{font-size:16px;line-height:1.7;color:#e6e4e2;}

.ejes-head{text-align:center;max-width:640px;margin:0 auto 56px;}
.ejes-h2{font-size:36px;color:var(--dark);margin-top:10px;}
.ejes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.eje-card{background:var(--cream);border:1px solid var(--gray-light);border-radius:18px;padding:32px 26px;}
.eje-icon{width:40px;height:40px;border-radius:10px;background:#f4dbe7;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.eje-h3{font-size:18px;color:var(--dark);margin-bottom:10px;}
.eje-p{font-size:14.5px;line-height:1.6;color:#6a6a6a;}

.cta{padding:80px 96px;background:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:40px;}
.cta-title{font-size:32px;color:#fff;line-height:1.25;}
.cta-p{color:#fbe2ee;font-size:16px;margin-top:14px;}
.cta-btn{background:#fff;color:var(--accent-dark);white-space:nowrap;}

.footer-grid{background:var(--dark);color:#fff;display:flex;gap:80px;}
.footer-col{flex:1;}
.footer-logo{height:40px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:24px;}
.footer-p{color:#cfcfcf;font-size:15px;line-height:1.7;max-width:340px;}
.social-row{display:flex;gap:14px;margin-top:26px;}
.social-pill{width:38px;height:38px;border-radius:50%;border:1px solid #7a7a7a;display:flex;align-items:center;justify-content:center;font-size:12px;color:#cfcfcf;}
.footer-h3{font-size:18px;color:#fff;margin-bottom:18px;}
.footer-contact-p{color:#cfcfcf;font-size:15px;line-height:2;}
.form-col{flex:1.1;}
.contact-form{display:flex;flex-direction:column;gap:12px;}
.form-field{background:#5a5959;border:none;border-radius:10px;padding:13px 16px;color:#fff;font-size:14px;font-family:'Inter',sans-serif;width:100%;}
.form-field::placeholder{color:#cfcfcf;}
textarea.form-field{min-height:64px;resize:vertical;}
.form-submit{align-self:flex-start;border:none;}

.bottom-bar{padding:22px 96px;background:#3d3d3d;display:flex;justify-content:space-between;gap:12px;color:#a8a8a8;font-size:13px;flex-wrap:wrap;}

/* Tablet */
@media (max-width:960px){
  .section-pad{padding:64px 40px;}
  .nav{padding:16px 24px;}
  .nav-links{gap:20px;}
  .hero{padding:64px 40px 56px;gap:40px;}
  .hero-h1{font-size:42px;}
  .mision-grid{gap:20px;}
  .mision-card{padding:32px;}
  .ejes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cta{padding:56px 40px;}
  .footer-grid{padding:64px 40px;gap:40px;}
  .bottom-bar{padding:20px 40px;}
}

/* Mobile */
@media (max-width:680px){
  .section-pad{padding:48px 22px;}
  .nav{padding:14px 20px;}
  .nav-logo{height:34px;}
  .nav-links{gap:14px;flex-wrap:wrap;justify-content:flex-end;row-gap:8px;}
  .nav-link{display:none;}
  .nav-links .btn{padding:9px 18px;font-size:13px;}

  .hero{flex-direction:column;padding:44px 22px 40px;gap:32px;text-align:left;}
  .hero-h1{font-size:32px;}
  .hero-p{font-size:16px;max-width:none;}
  .hero-copy{gap:18px;}
  .hero-stats{gap:24px;}
  .hero-media{order:-1;width:100%;}
  .hero-photo{aspect-ratio:16/11;}

  .nosotras{flex-direction:column;gap:24px;padding:48px 22px;}
  .nosotras-h2{font-size:26px;}

  .mision-grid{flex-direction:column;padding:48px 22px;}
  .mision-card{padding:30px 24px;}
  .mision-h3{font-size:22px;}

  .ejes-grid{grid-template-columns:1fr;}
  .ejes-h2{font-size:26px;}

  .cta{flex-direction:column;align-items:flex-start;padding:48px 22px;}
  .cta-title{font-size:24px;}
  .cta-btn{align-self:flex-start;}

  .footer-grid{flex-direction:column;gap:36px;padding:48px 22px;}

  .bottom-bar{flex-direction:column;gap:6px;padding:18px 22px;text-align:left;}
}