/* === NOSOTROS — Page-specific styles === */

/* HERO */
.page-hero{padding:10rem 2rem 5rem;background:#F4F7FA;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-light)}
.page-hero .tagline{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:1.5rem}
.page-hero h1{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:1.25rem}
.page-hero h1 em{font-style:italic;color:var(--green)}
.page-hero .lead{font-size:1.1rem;color:var(--t2);max-width:600px;margin:0 auto;font-weight:300;line-height:1.8}

/* ABOUT INTRO */
.about-intro{max-width:1200px;margin:0 auto;padding:5rem 2rem}
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.about-intro-text h2{font-family:var(--serif);font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;line-height:1.2}
.about-intro-text p{font-size:1rem;color:var(--t2);line-height:1.85;font-weight:300}
.about-sidebar{border-left:3px solid var(--green);padding-left:2rem}
.about-sidebar blockquote{font-family:var(--serif);font-size:1.8rem;font-style:italic;line-height:1.35;color:var(--t1);margin-bottom:1.5rem}
.about-sidebar cite{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-style:normal}

/* MISSION VISION */
.mv-section{background:var(--off);padding:5rem 0}
.mv-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:0}
.mv-card{padding:3rem;position:relative}
.mv-card:first-child{border-right:1px solid var(--border-light)}
.mv-card .mv-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem}
.mv-card h3{font-family:var(--serif);font-size:1.8rem;font-weight:600;margin-bottom:1.25rem}
.mv-card p{font-size:.95rem;color:var(--t2);line-height:1.85;font-weight:300}
.mv-num{font-family:var(--serif);font-size:7rem;position:absolute;top:-.5rem;right:1rem;opacity:.03;pointer-events:none;user-select:none;line-height:1}

/* TEAM */
.team-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}
.team-quote{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.25;letter-spacing:-.02em;text-align:center;max-width:700px;margin:0 auto 3.5rem;font-style:italic}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.team-col .role{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem}
.team-col .name{font-size:1.3rem;font-weight:600;margin-bottom:.75rem}
.team-col .bio{font-size:.95rem;color:var(--t2);line-height:1.85;font-weight:300}
.team-col:nth-child(2){border-left:1px solid var(--border);padding-left:3rem}
.team-diffs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:3rem}
.team-diff{padding:.5rem 1.25rem;border:1px solid var(--border);font-size:.78rem;font-weight:500;color:var(--t2);transition:all .3s}
.team-diff:hover{border-color:var(--green);color:var(--green)}

/* RESPONSIVE — nosotros-specific */
@media(max-width:1024px){
.about-intro-grid{grid-template-columns:1fr}.about-sidebar{border-left:none;padding-left:0;border-top:3px solid var(--green);padding-top:2rem;margin-top:2rem}
.mv-inner{grid-template-columns:1fr}.mv-card:first-child{border-right:none;border-bottom:1px solid var(--border-light)}
.team-grid{grid-template-columns:1fr}.team-col:nth-child(2){border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:2rem}
}
@media(max-width:768px){
.page-hero{padding:7rem 2rem 3rem}
}