/* ============================================================
   Risko Cotizador — responsive.css
   Breakpoints. Idéntico a Blink.
   ============================================================ */

/* ── Tablet (< 768px) ── */
@media (max-width: 768px) {
  .form-row     { grid-template-columns: 1fr; }
  .form-row-3   { grid-template-columns: 1fr; }
  .detail-grid  { grid-template-columns: 1fr; }
  .vigencia-grid { grid-template-columns: repeat(2, 1fr); }
  .cotizador-wrap { padding: 1rem; }
}

/* ── Mobile (< 480px) ── */
@media (max-width: 480px) {
  .cotizador-wrap   { padding: 1rem; }
  .form-box         { padding: 1rem; }
  .login-card       { padding: 1.5rem 1.25rem; }
  .btn-row          { flex-direction: column; align-items: stretch; }
  .btn-row .btn-next,
  .btn-row .btn-back { justify-content: center; }
  .nav              { padding: 0 1rem; }
  .vigencia-grid    { grid-template-columns: repeat(2, 1fr); }
  .nomina-input--dni,
  .nomina-input--fecha { flex: 1 1 100%; }
  .price-value      { font-size: 32px; }
  .poliza-num       { font-size: 22px; padding: .875rem 1.5rem; }
}