/* ==========================
   Estilos Responsivos - móviles (máx. 768px)
   Poder Judicial Yucatán (rescate UX)
   ========================== */

@media screen and (max-width: 768px) {

  
  #page-container > nav.navbar.navbar-expand-sm.sticky-top.navbar-dark{
      top: 6.7rem !important;
  }

  #banner{
     height: 19rem !important;
     padding-top: 2rem !important;
  }

  #banner > .content-bg{
     background-position: right;
     height: 17rem !important;
  }

  #banner > .container.home-content > .row.col-lg > p{
    font-size: 1.1rem !important;
    margin-top: -2.5rem;
  }
   
  #banner > .container.home-content > .row.col-lg{
     margin-left: auto;
     margin-right: auto;
  }

  #que_es_mediacion.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #que_es_mediacion > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #lineamientosMASC.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #lineamientosMASC > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #estructura.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #estructura > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #buzon.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #buzon > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #buzon .card iframe
  {
    width: 16.5rem;
    padding-bottom: 1rem;;
  }

  #directorio_fac_privados.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #directorio_fac_privados > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #centros_atencion.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #centros_atencion > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  .container.fadeInDown.contentAnimated.finishAnimated > .content-title.hd_header.hd_titulo.text-center
  {
    height: auto;
  }

  #estadisticas_centro.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #estadisticas_centro > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  /* Reorganiza las tarjetas una debajo de otra */
  .row.text-center > .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0;
  }

  /* Mejora la legibilidad del contenido de la tarjeta */
  .card-demo {
    margin: 0 auto;
    max-width: 90%;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background-color: white;
  }

  .card-demo .card-body {
    padding: 1rem;
  }

  .card-demo .card-title {
    font-size: 1rem;
    margin-top: 0.5rem;
    word-wrap: break-word;
  }

  /* Ajuste para íconos grandes en móvil */
  .card-demo i.fa-2x {
    font-size: 1.75rem !important;
  }
}