@import url("../theme/theme.min.css");
@import url("../module-css/footer.min.css");

nav {
    position: relative;
    top: 0px;
    z-index: 9;
}
nav .container__navbar-prelanding{
    box-shadow: 0px 3px 6px #00000029;
    background: #FFFFFF;
    width: 100%;
    height: 80px;
}
nav .container__navbar-prelanding img{
    width: 130px;
    padding-top: 20px;
}
@media(max-width: 990px) {
        nav .container__navbar-prelanding {
        padding: 10px 0px;
    }
}
@media(max-width: 767px) {
    nav {
        border-radius:  0 0 18px 18px;
        box-shadow:  0px 0px 14px #00000029;
    }
    nav .container__navbar-prelanding {
        padding: 20px 0px 12px 0px;
        margin: 0;
    }
    nav .container__navbar-prelanding img{
        padding-top: 0px;
        padding-left: 20px;
    }
}

.header_prelanding{
   padding-top: 40px;
   background: #004B60 0% 0% no-repeat padding-box;
   opacity: 1;
   border-bottom: 4px solid #FF8001;
}
.header_prelanding .container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.header_prelanding-img{
    background: transparent url("../../img/prelanding/prelanding.png") 0% 0% no-repeat padding-box;
    background-size: contain;
    opacity: 1;
    height: 220px;
    width: 287px;
}
.header_prelanding-group{
    width: 40%;
}
.header_prelanding-group__title{
    text-align: left;
    font: normal normal bold 34px/38px "Montserrat";
    letter-spacing: 0px;
    opacity: 1;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.header_prelanding-group__text{
    text-align: left;
    font: normal normal 16px/22px "Montserrat";
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

/*SECCION ICONOS*/
.prelanding__iconos{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F4F4F4;
    padding: 40px 0 100px 0;
}
.prelanding__iconos-title{
    text-align: center;
    font: normal normal bold 22px/30px "Montserrat";
    letter-spacing: 0px;
    color: #004B60;
    opacity: 1;
    margin-bottom: 30px;
}
.prelanding__iconos-title strong{
    color: #FF8001;
}
.prelanding__iconos .prelanding__iconos-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.prelanding__iconos .prelanding__iconos-container .prelanding__iconos-group{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 175px;
    height: 150px; 
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 20px;
    opacity: 1;
    padding: 10px;
    border: none;
}
.prelanding__iconos .prelanding__iconos-container button, .prelanding__iconos .prelanding__iconos-container button:hover{
    border: none;
}
.prelanding__iconos .prelanding__iconos-container .prelanding__iconos-group:hover{
    border: 4px solid #004B60;
    text-decoration: none;
}
.prelanding__iconos .prelanding__iconos-container .prelanding__iconos-group .prelanding__iconos-group_text, .prelanding__iconos a{
    text-align: center;
    font: normal normal bold 15px/18px "Montserrat";
    letter-spacing: 0px;
    color:#004B60;
    opacity: 1;
    text-decoration: none;
}

@media(min-width:1550px){
    footer{
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-top: 0;
    }
    .header_prelanding-img{
        height: 350px;
        width: 50%;
    }
    .header_prelanding-group{
        width: 50%;
    }

    .prelanding__iconos{
        padding: 60px 0 100px 0;
    }
}
@media (max-width:990px){
    /* footer{
        position: absolute;
        bottom: 0;
        width: 100%;
    } */
    .header_prelanding {
        padding-top: 120px;
    }
    .header_prelanding-group {
        width: 50%;
    }
    .header_prelanding-img{
         height: 240px;
         width: 50%;
         background-size: contain;
    }
    .header_prelanding-group__text{
         width: 100%;
    }
    .prelanding__iconos {
        padding: 70px 0 80px 0;
    }
    .prelanding_container{
        margin-top: 25%;
    }
    .prelanding__iconos .prelanding__iconos-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .prelanding__iconos .prelanding__iconos-container .prelanding__iconos-group {
        width: 40%;
        height: 155px;
    }
}

@media (max-width:767px){
    footer{
        position: relative;
    }
    .header_prelanding{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .header_prelanding .container{
        flex-direction: column;
    }
    .header_prelanding-img{
        display: none;
    }
    .header_prelanding-group{
        width: 90%;
        margin: auto;
    }
    .header_prelanding-group__title{
        font: normal normal bold 26px/30px "Montserrat";
    }
    .header_prelanding-group__text{
        width: 100%;
    }
    .prelanding_container .prelanding_text{
        width: 100%;
        font: normal normal bold 14px/20px "Montserrat";
    }
    .prelanding__iconos{
        width: 100%;
        padding: 35px 0 45px 0;    
    }
    .prelanding__iconos-title{
        font: normal normal bold 18px/24px "Montserrat";
        margin-bottom: 20px;
    }
    .prelanding__iconos {
        padding: 30px 0 50px 0;
    }
    .prelanding__iconos .prelanding__iconos-container .prelanding__iconos-group {
        width: 45%;
        height: 140px;
    }
    .prelanding__iconos .prelanding__iconos-container .prelanding__iconos-group .prelanding__iconos-group_text, .prelanding__iconos a{
        font: normal normal bold 15px/18px "Montserrat";
    }

}


/*MODAL POPUP PRELANDING*/
.modalPrelanding {
    position: fixed;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    opacity: 0;
    transition: opacity 0.15s ease-out, width 0s linear 0.15s, height 0s linear 0.15s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    backdrop-filter: blur(7px);
}

.modalPrelanding.visible {
    width: 100%;
    height: 100%;
    opacity: 1;
    animation: fadeIn 0.5s ease-in;
}

.modal-prelanding_container {
    background: #FFFFFF;
    min-height: 370px;
    width: 384px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #00000029;
    opacity: 1;
}

.modal-prelanding{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding:30px 0 40px 0;
}
.modal-prelanding__icons-container{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin-bottom: 15px;
}
.modal-prelanding .closeIcon__modal{
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.modal-prelanding .icono_prelanding.atencion,
.modal-prelanding .icono_prelanding.falla,
.modal-prelanding .icono_prelanding.facturas{
    width: 60px;
    margin: auto;
    margin-left: 145px;
    padding-top: 20px;
}

.modal-prelanding .text_prelanding{
    text-align: center;
    font: normal normal 20px/22px "Montserrat";
    letter-spacing: 0px;
    color: #004B60;
    opacity: 1;
    width: 95%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.modal-prelanding .text_prelanding strong{
    font-weight: bold;
}
.modal-prelanding .group_prelanding{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}
.modal-prelanding .group_prelanding.bottom{
    margin-top: 20px;
}
.modal-prelanding .group_prelanding h3{
    text-align: center;
    font: normal normal 16px/22px "Montserrat";
    letter-spacing: 0px;
    color: #004B60;
    opacity: 1;
    margin-top: 5px;
}
.modal-prelanding .telefono_prelanding{
    text-align: center;
    font: normal normal bold 30px/38px "Montserrat";
    letter-spacing: 0px;
    color: #FF8001;
    opacity: 1;
    text-decoration: none;
}

@media (max-width:767px) {
    .modalPrelanding .modal-prelanding_container {
        width: 85%;
        min-height: 380px;
    }
    .modal-prelanding .icono_prelanding.atencion, .modal-prelanding .icono_prelanding.falla, .modal-prelanding .icono_prelanding.facturas {
        margin-left: auto;
    }
    .modal-prelanding .text_prelanding{
        font: normal normal 18px/22px "Montserrat";
    }
    .modal-prelanding .group_prelanding h3{
        font: normal normal 16px/24px "Montserrat";
    }
    .modal-prelanding .telefono_prelanding{
        font: normal normal bold 28px/38px "Montserrat";
    }
    .modal-prelanding .group_prelanding.bottom{
        margin-top: 10px;
    }
}