/* ============================================================
   CGAP · Obras sociales y prepagas (pages/obras-sociales.html)
   Página portada desde la versión anterior del sitio (rama main, antes
   de la reestructuración a pages/) al mergear con feature/seo-optimization;
   contenido real (lista de coberturas), pasado al patrón de diseño actual.
   ============================================================ */
.os-hero{
  background:linear-gradient(135deg,#fce4f4 0%,#f5cde8 55%,#f0d4f5 100%);
  padding:100px 24px 64px;text-align:center;
}
.os-hero h1{
  font-family:'Fraunces',serif;font-size:clamp(2.2rem,4.5vw,3rem);
  color:var(--magenta-dark);margin:0 0 1rem;line-height:1.15;
}
.os-hero p{color:var(--text);font-size:1.02rem;line-height:1.65;max-width:560px;margin:0 auto}

.os-section{background:#fff;padding:64px 24px 80px}
.os-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:16px;max-width:960px;margin:0 auto;
}
.os-chip{
  display:flex;align-items:center;justify-content:center;
  background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;min-height:88px;
  transition:box-shadow .2s,transform .2s;
}
.os-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.os-chip img{max-width:100%;max-height:44px;height:auto;object-fit:contain}

.os-cta{text-align:center;margin-top:48px}
.os-cta p{color:var(--muted);font-size:.95rem;margin:0 0 20px}

@media(max-width:600px){
  .os-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}
  .os-chip{min-height:70px;padding:14px}
  .os-chip img{max-height:32px}
}