/* ============================================================
   responsive.css — Media queries: móvil y print
   ============================================================ */

/* ── Móvil ──────────────────────────────────────────────── */
@media (max-width: 620px) {
  .patient-header {
    grid-template-columns: 1fr;
  }

  .logo-box {
    display: none;
  }

  .prow-1,
  .prow-2,
  .prow-3 {
    grid-template-columns: 1fr;
  }

  .cb-two-cols {
    grid-template-columns: 1fr;
  }

  .cb-row-items {
    flex-direction: column;
  }

  /* Tres columnas de paquetes en una sola columna */
  .section__inner>div[style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Subgrupos en columna */
  .cd_subgrupo {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 8px !important;
  }

  /* Top strip fecha debajo del título */
  .top-strip {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  /* Acciones en columna */
  .form-actions {
    flex-direction: column;
    gap: 8px;
  }

  .actions-right {
    width: 100%;
    justify-content: flex-end;
  }

  .horario-br {
    display: block !important;
  }

  .horario-sep {
    display: none !important;
  }
  
  #selector-paquete {
  width: 100% !important;
  box-sizing: border-box !important;
}

.cb-panel > div:first-child {
  flex-direction: column !important;
  align-items: flex-start !important;
}
}

/* ── Print ──────────────────────────────────────────────── */
@media print {
  body {
    background: white;
    padding: 0;
    background-image: none;
  }

  .form-card {
    box-shadow: none;
    border: 1px solid #999;
    max-width: 100%;
  }

  .form-actions {
    display: none;
  }

  .section__body {
    max-height: none !important;
  }

  .section__chevron,
  .section-indicator {
    display: none;
  }

  .form-section {
    margin-top: 14px;
    page-break-inside: avoid;
  }

  .section__float-label {
    background: white;
  }
}