/* Secciones informativas de index.php */
.info-section{ padding:4rem 2rem; background:#fff; }
.info-section--claro{ background:#f4f6fb; }
.info-section--navy{ background:#0f1e3c; color:#fff; }
.info-section--navy h2{ color:#fff; }
.info-inner{ max-width:960px; margin:0 auto; line-height:1.7; color:#33405c; }
.info-section--navy .info-inner{ color:#e6eaf4; }
.info-inner h2{ font-family:'Poppins',sans-serif; color:#0f1e3c; margin:0 0 1rem; }
.info-inner p{ margin:0 0 1rem; }
.info-inner a{ color:#c99a2e; font-weight:600; }
.info-inner .section-head{ margin-bottom:1.5rem; }

.info-lista{ margin:.5rem 0 0; padding-left:1.2rem; }
.info-lista li{ margin-bottom:.5rem; }

.info-duo{ display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.info-duo__item h2{ border-bottom:3px solid #c99a2e; display:inline-block; padding-bottom:.3rem; }

.info-cards{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; align-items:start; }
.info-card{ background:#fff; border:1px solid #e2e6f0; border-top:4px solid #c99a2e; border-radius:12px; padding:1.8rem; box-shadow:0 4px 16px rgba(15,30,60,.06); }
.info-card h3{ font-family:'Poppins',sans-serif; color:#0f1e3c; margin:0 0 .8rem; }
.info-card h4{ font-family:'Poppins',sans-serif; color:#c99a2e; margin:1.2rem 0 .5rem; font-size:.95rem; text-transform:uppercase; letter-spacing:.05em; }
.info-card ul{ margin:0; padding-left:1.1rem; }
.info-card li{ margin-bottom:.8rem; }

.info-subtitulo{ font-family:'Poppins',sans-serif; color:#0f1e3c; margin:2rem 0 1rem; }
.info-pasos{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.info-paso{ background:#fff; border-radius:12px; padding:1.5rem; border:1px solid #e2e6f0; }
.info-paso__num{ display:inline-flex; width:2.2rem; height:2.2rem; align-items:center; justify-content:center; border-radius:50%; background:#c99a2e; color:#fff; font-weight:700; margin-bottom:.6rem; }
.info-paso h4{ font-family:'Poppins',sans-serif; color:#0f1e3c; margin:0 0 .5rem; }
.info-paso p{ margin:0; font-size:.95rem; }

@media (max-width:800px){
  .info-section{ padding:3rem 1.2rem; }
  .info-duo, .info-cards, .info-pasos{ grid-template-columns:1fr; gap:1.2rem; }
}