/* ===== Fundación Cassará · fundacion.css ===== */
:root{
  --nos-azul:#0e244d; --nos-azul2:#004aad; --nos-ink:#0b1220; --nos-bg:#ffffff; --nos-line:#e7ecf5;
}

body{
  margin:0; color:var(--nos-ink);
  background: var(--bg);
  font-family: 'Montserrat', sans-serif;
}

h1,h2,h3{ margin:0 0 10px; line-height:1.2; }
p{ margin:0 0 10px; }

.nos-wrap{ max-width:1200px; margin:0 auto; padding:24px; }
.nos-grid{ display:grid; gap:24px; }
.nos-card{ background:#fff; border:1px solid var(--nos-line); border-radius:14px; box-shadow:0 6px 24px rgba(0,0,0,.06); overflow:hidden; }
.nos-chip{ display:inline-block; font-size:.85rem; padding:6px 10px; border:1px solid var(--nos-line); border-radius:999px; }
.nos-muted{ color:#667085; }
.nos-btn-top{ position:fixed; right:18px; bottom:18px; width:44px; height:44px; border-radius:999px; border:none; background:var(--nos-azul2); color:#fff; cursor:pointer; display:none; }
.nos-section{ padding:28px 0; }

/* Hero */
.nos-hero{ position:relative; color:#fff; overflow:hidden; }
.nos-hero::before{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(4,18,48,.65), rgba(4,18,48,.65)),
    url('../../img/nosotros/nos-equipo-2025.png') center/cover no-repeat;
  filter:saturate(1.1);
}
.nos-hero .nos-wrap{ position:relative; z-index:1; padding:72px 24px; }
.nos-hero h1{ font-size:clamp(28px,4vw,44px); }
.nos-hero p{ font-size:clamp(16px,2vw,20px); max-width:900px; }

/* Breadcrumb */
.nos-bc{ font-size:.9rem; margin:8px 0 0; }
.nos-bc a{ color:#cfe0ff; text-decoration:none; }
.nos-bc span{ opacity:.8; }

/* Valores */
.nos-valores{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.nos-valor{ padding:20px; transition:transform .25s ease; }
.nos-valor:hover{ transform:translateY(-4px); }
.nos-valor h3{ color:var(--nos-azul2); margin-bottom:6px; font-size:1.08rem; }

/* Áreas */
.nos-areas{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.nos-area figure{ margin:0; height:180px; background:#eef3ff; overflow:hidden; }
.nos-area img{ width:100%; height:100%; object-fit:cover; display:block; }
.nos-area .cnt{ padding:18px; }
.nos-area h3{ color:var(--nos-azul2); margin-bottom:6px; }

/* Aparición elegante */
.reveal{ opacity:0; transform:translateY(12px); transition:.6s ease; }
.reveal.in{ opacity:1; transform:none; }