/* ===== ASEGURADORAS (landing) ===== */
/* Las clases .insurers/.ins solo viven en home.css (que no carga en la landing),
   por eso replicamos aquí los estilos para la plantilla landing-vida. */
.insurers{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1000px;margin:0 auto}
.ins{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--bd);border-radius:var(--r-lg);height:96px;padding:18px;box-shadow:var(--sh);transition:transform .15s,box-shadow .2s}
.ins:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.ins img{max-width:100%;max-height:100%;width:auto;object-fit:contain}
.insurers__note{text-align:center;color:var(--mut);font-size:.92rem;margin:30px auto 0}

@media(max-width:900px){
  .insurers{grid-template-columns:repeat(3,1fr);max-width:480px}
}
@media(max-width:680px){
  /* 4 columnas en móvil y máximo 12 visibles (4×3), aunque haya más */
  .insurers{grid-template-columns:repeat(4,1fr);gap:10px;max-width:none}
  .ins{height:74px;padding:10px}
  .insurers .ins:nth-child(n+13){display:none!important}
}