/* Mejoras para páginas de acceso en móvil */



/* Logo visible en móvil */

@media (max-width: 767px) {

  .container .row .col-xs-12 img.center-block {

    max-width: 200px;

    margin: 20px auto;

    display: block;

  }



  /* Espaciado mejorado para botones en móvil */

  .btn-default.btn-sm {

    margin: 10px 0;

    padding: 8px 16px;

    font-size: 14px;

  }



  /* Formularios de acceso más compactos en móvil */

  .form-wrap {

    padding: 20px 15px;

  }



  .form-wrap h1 {

    font-size: 24px;

    margin-bottom: 15px;

  }



  .form-wrap p {

    font-size: 14px !important;

    margin-bottom: 20px;

  }

}



/* Botón de volver estilizado */

.btn-volver-principal {

  background: #f8f9fa;

  border: 1px solid #dee2e6;

  color: #6c757d;

  transition: all 0.3s ease;

}



.btn-volver-principal:hover {

  background: #e9ecef;

  color: #495057;

  text-decoration: none;

}



/* Mejoras para desktop */

@media (min-width: 768px) {

  .container .row .col-xs-12 img.center-block {

    max-width: 250px;

    margin: 30px auto;

  }

}