/* ==========================================================================
   Más Justicia Chillán — accidentes.css
   Estilos propios de la sección "Daños por Accidente de Tránsito".
   No se comparten con el resto del sitio.
   ========================================================================== */

/* ---------- franja de estadísticas ---------- */
.stat-strip{ padding:40px 0 56px; }
.stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
@media(max-width:900px){ .stat-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .stat-grid{ grid-template-columns:1fr; } }
.stat-num{ font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(28px,4vw,38px); color:var(--brand-dark); }
.stat-num.stat-num-text{ font-size:clamp(18px,2.4vw,22px); }
.stat-label{ font-size:13.5px; color:var(--ink-soft); margin-top:4px; }

/* ---------- pasos (cómo funciona) ---------- */
.steps-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media(max-width:900px){ .steps-row{ grid-template-columns:1fr 1fr; } }
@media(max-width:520px){ .steps-row{ grid-template-columns:1fr; } }
.step-card{ text-align:center; padding:8px; }
.step-circle{
  width:64px; height:64px; border-radius:50%; margin:0 auto 16px;
  background:var(--brand); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:24px;
}
.step-card:nth-child(2) .step-circle{ background:var(--accent); }
.step-card:nth-child(3) .step-circle{ background:#7C5A2E; }
.step-card:nth-child(4) .step-circle{ background:var(--brand-dark); }
.step-card h3{ font-size:18px; margin-bottom:6px; }
.step-card p{ font-size:14px; color:var(--ink-soft); }

/* ---------- cobertura de comunas ---------- */
/* Nota: .comunas-wrap / .comuna-tag ahora viven en base.css (componente compartido, usado también en Home). */

/* ---------- testimonios ---------- */
.testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:880px){ .testi-grid{ grid-template-columns:1fr; } }
.testi-card{ background:var(--paper-2); border-radius:var(--radius); padding:24px; }
.testi-top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.avatar{ width:42px; height:42px; border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; flex:none; }
.testi-name{ font-family:'Poppins',sans-serif; font-weight:600; font-size:14.5px; }
.testi-loc{ font-size:12.5px; color:var(--ink-soft); }
.testi-card p.quote{ font-size:14.5px; color:var(--ink-soft); margin-bottom:14px; }
.testi-result{ display:inline-block; background:var(--brand-tint); color:var(--brand-dark); font-family:'Poppins',sans-serif; font-weight:600; font-size:12.5px; padding:5px 12px; border-radius:999px; }

/* ---------- FAQ ---------- */
.faq-list{ max-width:760px; margin:0 auto; }
.faq-item{ background:var(--paper-2); border-radius:var(--radius-sm); margin-bottom:12px; overflow:hidden; }
.faq-item summary{ cursor:pointer; list-style:none; padding:18px 22px; font-family:'Poppins',sans-serif; font-weight:600; font-size:16.5px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{ content:"+"; font-size:22px; color:var(--brand); flex:none; font-family:'Inter',sans-serif; }
.faq-item[open] summary::after{ content:"–"; }
.faq-item .faq-body{ padding:0 22px 20px; color:var(--ink-soft); font-size:14.5px; }
.faq-disclaimer{ margin-top:22px; font-size:13px; color:var(--ink-soft); text-align:center; }