/* ================================================================
   assets/css/nosotros.css
   Quiénes somos: fundadores, valores y cita.
   (generado desde quienes-somos.php)
   ================================================================ */

/* ── ABOUT SECTION (copia de index.php) ──────────────────────── */
.about-section{background:#fff;overflow:hidden}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.about-images-wrap{position:relative;min-height:520px}
.about-img-main{position:absolute;top:0;left:0;width:82%;aspect-ratio:3/4;border-radius:var(--r-xl);overflow:hidden;background:var(--sand)}
.about-img-main img{width:100%;height:100%;object-fit:cover;filter:none}
.about-img-secondary{position:absolute;bottom:0;right:0;width:52%;aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;border:4px solid #fff;box-shadow:0 12px 40px -12px rgba(17,17,17,.18);background:var(--sand)}
.about-img-secondary img{width:100%;height:100%;object-fit:cover;filter:none}
.about-badge-float{position:absolute;top:2rem;right:1rem;background:var(--ink);color:#fff;padding:.85rem 1.1rem;border-radius:var(--r-lg);text-align:center;box-shadow:0 8px 24px rgba(17,17,17,.22)}
.about-badge-year{display:block;font-family:var(--ff-serif);font-size:1.75rem;font-weight:300;line-height:1;letter-spacing:-.04em}
.about-badge-text{display:block;font-size:.55rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;opacity:.85;margin-top:.2rem}
.about-title{margin-bottom:1.75rem}
.about-title em{font-style:italic;color:var(--ink)}
.about-text{font-size:.9375rem;line-height:1.78;color:var(--muted);margin-bottom:1.1rem}
.about-text strong{color:var(--ink);font-weight:500}
.about-quote{margin:1.75rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--ink);background:var(--sand);border-radius:0 var(--r) var(--r) 0}
.about-quote p{font-family:var(--ff-serif);font-size:1.05rem;font-weight:300;line-height:1.7;color:var(--ink);font-style:italic;margin-bottom:.5rem}
.about-quote cite{font-size:.75rem;color:var(--muted);font-style:normal;font-weight:500;letter-spacing:.06em}
.about-founders{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}
.founder-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line-soft)}
.founder-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--sand);flex-shrink:0}
.founder-avatar svg{width:100%;height:100%}
.founder-name{font-size:.875rem;font-weight:500;color:var(--ink);margin-bottom:.15rem;letter-spacing:-.008em}
.founder-role{font-size:.72rem;color:var(--muted);letter-spacing:.02em}
.about-filosofia{margin-top:1.75rem;padding:1rem 1.5rem;background:var(--ink);border-radius:var(--r-lg);text-align:center}
.about-filosofia-quote{display:block;font-family:var(--ff-serif);font-size:1.1rem;font-weight:300;letter-spacing:.12em;color:#fff;margin-bottom:.3rem}
.about-filosofia-attr{display:block;font-size:.65rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.45)}

/* ── VALORES ─────────────────────────────────────────────────── */
.about-valores{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem}
.valor-card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:1.75rem 1.5rem;text-align:left}
.valor-icon{width:48px;height:48px;background:var(--sand);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;color:var(--ink)}
.valor-title{font-size:.9375rem;font-weight:500;margin-bottom:.65rem;letter-spacing:-.01em}
.valor-text{font-size:.8125rem;line-height:1.72;color:var(--muted)}

@media(max-width:1024px){.about-valores{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr}
  .about-images-wrap{min-height:360px;margin-bottom:2rem}
  .about-img-main{width:78%}
}
@media(max-width:600px){
  .about-images-wrap{min-height:280px}
  .about-founders{flex-direction:column}
  .about-valores{grid-template-columns:1fr}
}