/* =============================================================
   Responsive fixes para el layout administrativo de Signing
   ============================================================= */

/* -----------------------------------------------------------
   Patrón global: col-2 (espaciador) + col-8 (contenido)
   En móvil ocultamos el espaciador y quitamos los márgenes
   laterales ms-5/pe-5/ps-5 que ahogan el contenido.
   ----------------------------------------------------------- */
@media (max-width: 767.98px)
{
 .row > .col-2:empty
 {
  display: none !important;
 }

 .row > .col-8,
 .row > .col-xl-8,
 .row > .col-lg-8
 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
 }

 /* Neutralizar ms-5 / pe-5 / ps-5 / me-5 en viewports pequeños
    solo cuando se aplican al contenedor principal */
 .container-fluid .row > .ms-5,
 .container-fluid .row > .pe-5,
 .container-fluid .row > .ps-5,
 .container-fluid .row > .me-5
 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
 }

 /* Tablas sin wrapper se vuelven scroll horizontal */
 .table:not(.table-responsive table)
 {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }

 /* Títulos muy grandes se reducen */
 h1 { font-size: 1.5rem; }
 h2 { font-size: 1.3rem; }
 h3 { font-size: 1.15rem; }
}

/* -----------------------------------------------------------
   Imágenes "sin registros" con width fijo
   ----------------------------------------------------------- */
img.img-fluid
{
 max-width: 100%;
 height: auto;
}

/* -----------------------------------------------------------
   Checkboxes inline (perfilView.php) se apilan en móvil
   ----------------------------------------------------------- */
@media (max-width: 575.98px)
{
 .form-check-inline
 {
  display: flex !important;
  margin-right: 0 !important;
  margin-bottom: 0.5rem;
 }
}

/* -----------------------------------------------------------
   Verificación pública (validoView / invalidoView)
   Se accede desde móvil al escanear QR — crítico responsive
   ----------------------------------------------------------- */
@media (max-width: 575.98px)
{
 .verificacion-container
 {
  padding: 20px 10px !important;
 }

 .verificacion-card
 {
  padding: 24px 18px !important;
 }

 .verificacion-titulo
 {
  font-size: 20px !important;
 }

 .verificacion-subtitulo
 {
  font-size: 14px !important;
 }

 .verificacion-icono
 {
  font-size: 48px !important;
 }

 .datos-certificado
 {
  padding: 14px 14px !important;
 }

 .datos-certificado .dato-row
 {
  flex-direction: column;
  align-items: flex-start !important;
 }

 .dato-label
 {
  min-width: 0 !important;
  margin-bottom: 2px;
 }

 .dato-valor
 {
  text-align: left !important;
  font-size: 14px;
 }
}

/* -----------------------------------------------------------
   Navbar: asegurar hamburguesa en móvil
   ----------------------------------------------------------- */
@media (max-width: 991.98px)
{
 .navbar-nav .nav-link
 {
  padding: 0.5rem 1rem;
 }
}