#main_intro{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 70px;
}

.intro_azul{
    background-color: #012B63;
    width: 36%;
}

.intro_azul img{
    width: 32%;
    max-width: 480px;
    position: absolute;
    margin-left:10%;
    margin-top:3%;
}
.height40{
    height: 35px;
}

.redaccion_servicio{
    width: 63%; /* 55%; */
    /* margin-right: 8%; */
    text-align: justify;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.botones_servicios{
    justify-content: space-around;
    display: flex;
    flex-direction: row;
    margin: 40px 10% 80px 9%;
}

.redaccion_servicio p{
    margin: 1% 16%;
    text-align: center;
}

.titulo_servicios{
    font-size: 3.5rem;
    margin-bottom: 2%;
}
.subtitulo_servicios{
    font-size: 2rem;
    margin-bottom: 2% !important;
}
.audio{
    display: flex;
    flex-direction: column !important;
    align-items: center;
    margin: 0px 10% 30px 10% !important;
}

/* Seccion Paquetes tabla  */
#main_paquetes{
    padding: 80px 40px 40px 40px;
}
.tabla_paquetes{
    padding: 10px 60px 50px 60px;
}
th{
    border: 1px solid #fff;
    border-bottom: 1px solid #50AEE3;
    border-right: 1px solid #50AEE3;
}
table, td {
    border: 1px solid #50AEE3;
    padding:5px 20px;
}
table, th, td {
  border-collapse: collapse;
}
/* Seccion Inferior de la tabla*/
#seccion_inferior{
    display: flex;
    flex-direction: row;
    margin: 0 40px 0 80px;
    justify-content: center;
}
.texto_inferior{
    display: flex;
    flex-direction: column;
    width: 40%;
}
.botones_inferior{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 50%;
}
/* Seccion Pregunta por */
#Pregunta_por{
    display:flex;
    justify-content: center;
    padding: 20px;
    font-style: italic;
    font-size:1.2rem;
}


/* Cobertura */
.main_mapa_cobertura{
    display: flex;
    flex-direction: column;
    padding: 50px 70px 70px 70px;
}
.botones_servicios button{
    padding:15px 30px;
}

/* Soluciones adicionales */
.mas_soluciones{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    padding: 70px 70px;
    max-width: 1000px;
    margin: auto;
}

.column img{
    width: 80px;
    margin-bottom: 15px;
}

.mosaicos_espacios_fisicos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    margin: 1% 16%;
    justify-content: center;
}
#mosaico_EF{
    width: 100%;
}

.imagen_espacios_fisicos, .imagen_espacios_fisicos img{
    width: 60%;
    display: flex;
    justify-content: flex-end;
}
.texto_espacios_fisicos{
    width: 25%;
    justify-content: center;
}

#publicacion_EF{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    width: 50%;
    background-color: #012B63;
}
#publicacion_EF p{
font-size: 3rem;
}



#main_slider4{
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width:50%;
    color: #012B63;
    font-weight: bold;
    padding: 1px 0;
    box-shadow: 0 0px 20px rgba(0,0,0,.19), 0 0px 0px rgba(0,0,0,0);

}

.btn_EF_slider{
    justify-content: space-around;
    align-items: center;
}
.btn_EF_slider button{
    margin-top: 0 !important;
}
.space_around{
    justify-content: space-around;
}
.titulo_espacios_fisicos{
    padding-top: 45px;
}

#playlist,audio{background:transparent;width:400px;padding:10px;list-style:none}
.active a{color:#012B63;text-decoration:none;font-weight: bold;}
#playlist li a{color:#005cb9;background:transparent;padding: 5px 0 5px 50px;display:block;text-decoration:none;}
#playlist li a:hover{text-decoration:none;}


/** RESPONSIVE **/
@media (max-width: 1200px){
    #publicacion_EF{
        width: 30%;
    }
    #main_slider4{
        width: 70%;
    }

}


@media (max-width: 1024px){
    .titulo_servicios{
        font-size: 1.9rem;
        margin-bottom: 1%;
    }

    .subtitulo_servicios{
        font-size: 1rem;
        margin-bottom: 2% !important;
    }

    .intro_azul img {
        display:none;
    }
    .intro_azul{
        width: 16%;
    }
    .redaccion_servicio{
        width: 90%;
    }
    .redaccion_servicio p{
        margin: 2% 10%;
    }
    .redaccion_ubicacion{
        width: 90%;
        padding: 40% 10%;
    }
    .redaccion_ubicacion p{
        margin: 2% 10%;
    }
    .botones_servicios {
        justify-content: space-around;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 2% 30px 2%;
    }
    .botones_servicios button{
        padding:10px 10px;
        width: 38%;
    }
        th, td{
        font-size: .9rem;
    }
    #publicacion_EF p {
        font-size: 1.5rem;
    }
}

@media (max-width:900px){
    .mosaicos_espacios_fisicos{
        grid-template-columns: repeat(2, 1fr); 
        margin: 0%;
        margin-top: 15px;
    }
    .mosaicos_espacios_fisicos button{
       font-size: .6rem !important;
    }
    .medio_span{
        grid-column: 1/span 2 !important;
        margin-top: 15px;
    }
    .texto_espacios_fisicos{
        width: 70%;
    }
    #publicacion_EF{
        width: 20%;
    }
    #main_slider4{
        width: 80%;
    }
    .space_around p{
        font-size: .8rem;
    }
    .btn_EF_slider button{
                font-size: .8rem;

    }
}


@media (max-width:800px){
   
   
    th, td{
        font-size: .7rem;
    }
    th{
        padding:3px 2px;

    }
    table, td {
        padding:5px 7px;
    }
    .tabla_paquetes {
        padding: 10px 5px 40px 5px;
    }
    #main_paquetes{
        padding: 40px 10px 20px 5px;
    }
    #seccion_inferior{
        flex-direction: column;
        align-items: center;
        margin:0 10px 0 20px;
    }
    .texto_inferior{
        width: 100%;
    }
    .botones_inferior{
        width: 100%;
    }
    #main_publicaciones{
        flex-direction: column;
    }
    #publicacion_EF{
        width: 100%;
    }
    #main_slider4{
        width: 100%;
    }
    .space_around div{
        width: 100%;
    }
    .space_around div p{
        width: 100%;
        text-align:center ;
    }
  }

@media (max-width:780px){
    .espacios_fisicos_inferior{
        flex-direction: column !important;
        width: 100%;
        text-align: center;
    }
    .texto_espacios_fisicos{
        width: 100%;
    }
    .imagen_espacios_fisicos{
        width: 100%;
        justify-content: center;
    }
    .imagen_espacios_fisicos img{
        width: 55%;
    }
}

@media (max-width:700px){
    .mas_soluciones{
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
        padding: 70px 100px;
    }
}


@media (max-width:500px){

    .main_mapa_cobertura{
        padding: 50px 20px 40px 20px
    }
    th, td{
        font-size: .6rem;
    }
/*     .space_around p{
        font-size: .5rem;
    }
    .btn_EF_slider button{
                font-size: .5rem;
    } */
    .botones_inferior {
        width: 80%;
    }
}
@media (max-width: 450px){
    .botones_servicios button {
        width: 55%;
    }
    .btn_column{
        flex-direction: column !important;
    }
    .space_around p{
        font-size: .5rem;
        padding-top: 5px;
    }
    .titulo_slider_EF{
        font-size: .5rem;
    }
    .btn_EF_slider button{
        font-size: .5rem;
    }
    audio{width:250px}
    #playlist{padding: 10px 0px 10px 70px}
}