/* ==========================================================
   MODAL DE INICIO
   ========================================================== */

/* Modal más alto */
#modalInicio .modal-dialog{
    max-width: 900px;
}

/* El contenido nunca supera la ventana */
#modalInicio .modal-content{
    height: 90vh;
    display: flex;
    flex-direction: column;
}

/* Drupal Views agrega este contenedor */
#modalInicio .views-row{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Header fijo */
#modalInicio .modal-header{
    background:#ffffff;
    padding:.6rem 1rem;
    border-bottom:1px solid #e5e5e5;
    min-height: 40px;
    align-items: center;
}

#modalInicio .modal-header p {
  margin-top: 0;
  margin-bottom: 0;
}

#modalInicio .modal-title{
    color:#007b6d;
    font-size:1rem;
    font-weight:700;
    margin-bottom: 0;
    line-height: 1.2;
}

/* Body con scroll */
#modalInicio .modal-body{
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

/* Imagen */
#modalInicio .modal-imagen{
    text-align: center;
}

#modalInicio .modal-imagen img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}