@import url('styles/navbar.css');
@import url('styles/tabs-cards.css');
@import url('styles/banner.css');
@import url('theme/theme.css');
@import url('styles/legal.css');
@import url('styles/footer.css'); 
@import url('styles/form-banner.css');
@import url('styles/form.css');
@import url('styles/acordeonFaqs.css');

@import url('styles/beneficiosFibra.css');
@import url('styles/footerMobile.css');

@import url('styles/tabs-empresas.css');
@import url("styles/form-ecommerce.css");

.seccion_empresas-1{
    display: flex;
    flex-direction: column;
}
.container-fondo{
    background: transparent url('../img/BG-Home.svg') 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80px;
    background-position-x: center;
    background-position-y: top;
}
/*CARDS Planes Móviles Empresas*/
.cards_empresas-contenedor{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-top: 0px !important;
}
.card_empresas-header{
    background: #491966 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 10px 30px;
    width: 255px;
    margin: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.card_empresas-header.no-show{
    background: transparent 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 10px 30px;
    width: 255px;
    margin: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.card_empresas-header_title{
    text-align: left;
    font: normal normal 12px/20px Cera Medium;
    letter-spacing: 0.14px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
}
.card_empresas-header_title-bold{
    text-align: left;
    font: normal normal 900 16px/20px Cera Bold;
    letter-spacing: 0.19px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.card_empresas-header_row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.card_empresas-header_row-price{
    text-align: left;
    font: normal normal bold 26px/33px Cera Bold;
    letter-spacing: 0.31px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 0;
}
.card_empresas-header_row-small{
    text-align: left;
    font: normal normal 10px/10px Cera Light;
    letter-spacing: 0.12px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 0;
}
.card_empresas{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 15px #0000000D;
    border-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: none;
    opacity: 1;
    width: 255px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
    padding-bottom: 20px;
}
.card_empresas .card__header .plan{
    text-align: center;
    font: normal normal 14px/18px Cera Medium;
    letter-spacing: 0px;
    color: #E92070;
    text-transform: uppercase;
    opacity: 1;
    background: #ECEDF1 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 178px;
    border-radius: 8px;
    margin-bottom: 5px;
}
.card_empresas .card__body .line-height-gigas{
    margin-top: 0;
}
.card_empresas .card__body .numero{
    text-align: left;
    font: normal normal bold 60px/75px Cera Bold;
    letter-spacing: 0px;
    color: #4C078C;
    opacity: 1;
}
.card_empresas .card__body .gigas{
    text-align: left;
    font: normal normal 30px/38px Cera Medium;
    letter-spacing: 0px;
    color: #E92070;
    opacity: 1;
    margin-left: 5px;
}
.card_empresas .card__body .cargo-fijo{
    text-align: center;
    font: normal normal 12px/15px Cera Medium;
    letter-spacing: 0px;
    color: #3E405B;
    opacity: 1;
}
.card_empresas .card__body .precio{
    text-align: center;
    font: normal normal bold 30px/38px Cera Bold;
    letter-spacing: 0px;
    color: #76489B;
    opacity: 1;
}
.card_empresas .card__footer .card__cta{
    background-color: var(--color-rosa);
    color: white;
    border-radius: 8px;
    border-style: none;
    font: normal normal bold 16px/20px Cera Bold;
    padding: 10px 50px;
    cursor: pointer;
    margin-top: 0;
}
.card_empresas .card__footer .card__cta:hover{
    background-color: #8B0E40;
}
.card_empresas .accordion__CardPlanes.div-desplegable {
    background-color: #ECEDF1;
    color: #3E405B;
    font-family: 'Gotham-Medium';
    text-align: center;
    width: 87%;
    border-radius: 8px;
    padding: 0 9px;
    margin: 10px auto;
}
.card_empresas .accordion__CardPlanes {
    padding: 0;
}
.card_empresas .accordion__CardPlanes h2 {
    text-align: center;
    text-decoration: none;
}
.card_empresas .accordion__CardPlanes .btn-link {
    color: #3E405B;
    font: normal normal 16px/28px Cera Medium;
    text-decoration: none;
}

.card_empresas .desplegable-titulo {
    font-size: 13px;
    font-family: 'Gotham-Bold';
    color: #3E405B;
}

.card_empresas .desplegable-subtitulo {
    font-size: 13px;
    font-family: 'Gotham-Medium';
    color: #3e405b7d;
}

.card_empresas .accordion__CardPlanes .t-p {
    padding: 20px 0 10px 5px;
}
.section__titulo{
    margin-top: 70px !important;
}
.containerPrueba {
    margin: 30px 0 10px 0;
}

/*CARDS INTERNET EMPRESAS*/
.carousel-mobile-2{
    display: block !important;
}
.cards_empresas-contenedor-2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    margin-top: 0px !important;
}
.card_empresas-2{
    width: 276px;
    min-height: auto;
}
.card_empresas .text-rosa{
    text-align: center;
    font: normal normal 12px/14px Cera Medium;
    letter-spacing: 0px;
    color: #E92070;
    opacity: 1;
    margin-top: 20px;
    margin-bottom: 0;
}
.card_empresas-2 .card__header .plan{
    margin-bottom: 5px;
}
.libres{
    text-align: center;
    margin-top: 10px;
}
.card_empresas .card__body .libres .numero{
    font: normal normal bold 60px/60px Cera Bold;
    letter-spacing: 0px;
    color: #4C078C;
    opacity: 1;
}
.card_empresas .card__body .libres .gigas{
    text-align: center;
    font: normal normal 16px/20px Cera Medium;
    letter-spacing: 0px;
    color: #E92070;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 0;
}
.card_empresas-header-2{
    background: transparent linear-gradient(93deg, #491966 0%, #E92070 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    width: 276px;
    padding: 5px 30px;
    margin: auto;
}
.card_empresas-header-2_title{
    text-align: center;
    font: normal normal bold 14px/18px Cera Bold;
    letter-spacing: 0.17px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.card_empresas-header-3{
    background: transparent;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    width: 276px;
    padding: 5px 30px;
    margin: auto;
}
/*FAQS EMPRESAS*/
.faqs-empresas{
    background-color: transparent;
    margin-top: -70px;
}
.accordion-empresas{
    background: #ECEDF1 0% 0% no-repeat padding-box;
}
.faqs-empresas .accordion .item .item-header h2 button.btn.btn-link{
    background: #ECEDF1 0% 0% no-repeat padding-box;
}
.faqs-empresas li{
    margin-left: 25px;
}
@media (max-width:767px){
    .cards_empresas-contenedor{
       display: block;
    }
    .card_empresas-contenedor{
        width: 100%;
    }
    .card_empresas-header{
        width: max-content;
    }
    .card_empresas{
        border: 3px solid #ECEDF1;
        border-radius: 13px;
        opacity: 1;
        width: 90%;
        margin: 0 auto 15px auto;
        min-height: auto;
        padding: 0px 10px;
    }
    .card_empresas .card__header .plan{
        margin: 10px auto 0 auto;
    }
    .card_empresas .card__body{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }
    .card_empresas .card__body .gigas{
        margin-left: 2px;
    }
    .card_empresas .card__body .line-height-gigas-2{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .card_empresas .card__body .numero{
        font: normal normal bold 50px/60px Cera Bold;
    }
    .card_empresas.card .card__footer {
        margin: 10px auto 30px auto;
    }
    .card_empresas .accordion__CardPlanes .btn-link{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        font: normal normal 14px/18px Cera Medium;
    }
    .card_empresas .accordion__CardPlanes.div-desplegable {
        width: 65%;
        margin: 0px auto 10px auto;
    }
    .card_empresas .card__footer .card__cta{
        padding: 10px 80px;
    }
    .card_empresas-header_title {
        text-align: center;
    }
    .card_empresas-2 .card__body {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }
    .card_empresas-2 .card__body .numero{
        font: normal normal bold 55px/74px Cera Bold;
    }
    .card_empresas-2s .card__body .gigas {
        font: normal normal 27px/38px Cera Medium;
    }
    .card_empresas .text-rosa {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .libres{
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
    }
    .card_empresas .card__body .libres .numero{
        font: normal normal bold 36px/45px Cera Bold;
    }
    .card_empresas .card__body .libres .gigas{
        text-align: left;
        font: normal normal 12px/15px Cera Medium;
        margin-bottom: 0;
    }
    .card_empresas-header-2{
        width: 75%;
    }
    .faqs-empresas .accordion .item .item-header h2 button.btn.btn-link{
        font-size: 14px;
    }
}

.promoDoble {
    font: normal normal 11px/15px Cera Medium !important;
    margin: 0 auto;
}

.nuevosPlanesEmpresas {
    background-color: #dbcce8;
    padding: 4% 2%;
    font-family: 'Cera Medium';
    font-size: 13px;
    letter-spacing: 0;
    text-align: center;
    color: #494c66;
    border-radius: 8px;
    margin: 5px auto;
    /* width: 255px; */
    width: 100%;
}

.nuevosPlanesEmpresas span {
    font-size: 14px;
    font-family: 'Cera Bold';
    color: #4C078C;
}

.cajaPlanes__Nuevos {
    width: 255px;
    min-height: auto !important;
    margin: 0px auto;
    border-radius: 0px 0px 8px 8px !important;
}

.cajaPlanes__Nuevos .btnContact {
    width: 184px;
    display: block;
    margin: 0px auto;
    padding: 10px 0px;
    font: normal normal bold 16px/16px Cera Bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cajaPlanes__Nuevos {
        margin-bottom: 20px;
    }

@media (max-width:767px) {
 .cajaPlanes__Nuevos {
        width: 90%;
    }
    
    /* .card_empresas {
        margin-bottom: 0 !important;
        border-radius: 8px 8px 0px 0px !important;
    } */
    .nuevosPlanesEmpresas {
        margin-bottom: 10px;
        width: 80%;
    }
}