/* ── nosotros.css: Estilos de la página Nosotros ── */

/* ABOUT SECTION */
.about { padding: 100px 24px; background: var(--off-white); position:relative; }
.about::before { content:''; position:absolute; top:0;left:0;right:0; height:4px; background:linear-gradient(90deg,var(--navy),var(--gold),var(--navy)); }
.about__inner { display:grid; grid-template-columns:1fr 1.4fr; gap:72px; align-items:center; }

.about__portrait { position:relative; display:flex; justify-content:center; }
.about__portrait-frame {
  position:relative; border-radius:var(--radius-lg); overflow:hidden;
  aspect-ratio:3/4; max-width:280px; width:100%;
  box-shadow:var(--shadow-lg); background:#eee;
}
.about__portrait-badge {
  position:absolute; bottom:-16px; right:-16px;
  background:var(--gold); color:var(--navy-dark);
  padding:12px 16px; border-radius:var(--radius-md);
  text-align:center; font-weight:700; box-shadow:var(--shadow-md);
}
.about__portrait-badge span:first-child { display:block; font-family:var(--font-display); font-size:2rem; line-height:1; }
.about__portrait-badge span:last-child  { font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; font-weight:600; }

.about__name { font-family:var(--font-display); font-size:1.6rem; font-weight:700; color:var(--navy); margin-bottom:4px; }
.about__role { font-size:.9rem; color:var(--gold-dark); font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin-bottom:20px; }
.about__bio  { color:var(--gray-700); margin-bottom:32px; line-height:1.8; }

.about__experience-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:28px; }
.about__exp-card { background:var(--white); border-radius:var(--radius-md); padding:18px; border-left:3px solid var(--gold); box-shadow:var(--shadow-sm); }
.about__exp-card strong { display:block; font-size:.88rem; color:var(--navy); margin-bottom:4px; font-weight:600; }
.about__exp-card span   { font-size:.78rem; color:var(--gray-500); }

.about__skills { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; }
.about__skill-tag { background:var(--white); border:1.5px solid var(--gray-200); color:var(--navy); padding:6px 16px; border-radius:50px; font-size:.82rem; font-weight:500; transition:var(--transition); }
.about__skill-tag:hover { border-color:var(--gold); color:var(--gold-dark); }

/* MISIÓN & VISIÓN */
.mission { padding: 80px 24px; background: var(--white); }
.mission__header { margin-bottom:48px; }
.mission__grid  { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.mission__card  {
  background:var(--off-white); border-radius:var(--radius-lg); padding:44px 36px;
  border:1.5px solid var(--gray-200); position:relative; overflow:hidden; transition:var(--transition);
}
.mission__card::before { content:''; position:absolute; top:0;left:0;right:0; height:4px; background:linear-gradient(90deg,var(--navy),var(--gold)); }
.mission__card:hover   { box-shadow:var(--shadow-md); transform:translateY(-4px); border-color:var(--gold); }
.mission__emoji { font-size:2.4rem; display:block; margin-bottom:16px; }
.mission__title { font-family:var(--font-display); font-size:1.5rem; font-weight:700; color:var(--navy); margin-bottom:16px; }
.mission__text  { color:var(--gray-700); font-size:.95rem; line-height:1.85; }

@media (max-width:900px) {
  .about__inner  { grid-template-columns:1fr; gap:48px; }
  .about__portrait { justify-content:center; }
  .mission__grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .about__experience-grid { grid-template-columns:1fr; }
}