/* Cargar Fahkwang: Bold(700) */

@import url("https://fonts.googleapis.com/css2?family=Fahkwang:wght@700&display=swap");
/* Cargar DMSans: Regular(400), Bold(700) */

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
.dedi-tituloContador a {
    color: #000;
    text-decoration: none;
}

.Btn-unete-cdi {
    width: 120px;
    position: fixed;
    z-index: 3;
    background-color: #000;
    top: 340px;
    left: 0;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
    padding: 10px 15px 5px 0px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    transition: .3s;
}

.Btn-unete-cdi:hover {
    background-color: #fd91f2;
    color: #000;
    text-decoration: none;
    transition: .3s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.Btn-unete-cdi img {
    width: 80%;
}

.ClubDondeir-skin {
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.seccion-tc-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    margin-top: 112px;
}

.contenedor-tc-cdi {
    padding: 0px 20px;
    height: 340px;
}

.contenedor-tc-cdi a {
    color: #000;
    text-decoration: underline;
    font-weight: 700;
}

.contenedor-tc-cdi a:hover {
    text-decoration: none;
}

.principal-bkg-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    background-image: url(../images/landing-club/fondo-club-dondeir.jpg);
    background-position: center;
    background-size: cover;
    margin-top: 112px;
}

.contenedor-principal-cdi {
    padding: 0px 20px;
    position: relative;
    z-index: 1;
    height: 580px;
}

.logo-cdi {
    width: 97%;
    margin-top: 64px;
}

.txt-slogan-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    font-weight: 700;
    font-size: 19px;
}

.txt-principal-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    font-size: 21px;
    font-weight: 400;
    margin-top: 40px;
}

.imagen-principal-cdi {
    position: absolute;
    top: 5px;
    right: -5px;
}

.seccion-cdi {
    padding: 40px 20px;
}

.seccion-gris {
    background-color: #F6F6F6;
    padding: 50px 20px;
}

/*****CONTADOR*****/

.dedi_boxContador {
    text-align: center;
    padding: 30px 0;
    background-image: url(../images/landing-club/fondo-club-dondeir.jpg);
    background-position: center;
    background-size: cover;
    margin: 40px auto;
    width: 400px;
    border-radius: 15px;
}

.dedi-tituloContador {
    font-family: "Fahkwang", sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center!important;
    margin: 0!important;
}

.dedi_countdown {
    font-family: "Fahkwang", sans-serif;
    margin: 0px;
    font-weight: 800;
}

.titulo-seccion-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
    margin: 30px 0 30px 0;
}

.titulo-seccion-cdi h1 {
    font-family: "Fahkwang", sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    margin: 0!important;
}

.txt-quees-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
}

.contenedor-boton-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 50px 0 10px 0;
}

.contenedor-boton-cdi button {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
    border: none;
    background-color: transparent;
}

.contenedor-boton-cdi button a {
    width: 24%;
    display: inline-block;
    background-color: #FB8CF0;
    border-radius: 14px;
    padding: 14px 40px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
}

.titulo-seccion-cdi h2 {
    font-family: "Fahkwang", sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center!important;
    margin: 0!important;
}

.contenedor-comun-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 20px 0;
}

.modulo-beneficios-cdi {
    width: 22%;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0 10px;
}

.sombra-beneficios-cdi {
    width: 100%;
    height: 450px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    z-index: 2;
    bottom: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.modulo-img-beneficios-cdi {
    border-radius: 20px;
    overflow: hidden;
    height: 495px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modulo-img-beneficios-cdi img {
    width: 360px;
}

.modulo-text-beneficios-cdi {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    color: #fff;
}

.titulo-beneficios-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    margin-top: 240px;
}

.text-beneficios-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
    padding: 0 16px;
}

.modulo-encontrar-cdi {
    width: 24%;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 28px;
}

.modulo-img-encontrar-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
}

.modulo-img-encontrar-cdi img {
    width: 105px;
    display: inline-block;
}

.modulo-text-encontrar-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    padding: 0 10px;
    margin-top: 10px;
}

.contenedor-centro-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modulo-precios-cdi {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 35px 10px;
    margin: 0 30px;
}

.precios-borde-rosa {
    border: 6px solid #FB8CF0;
}

.precios-borde-naranja {
    border: 6px solid #FF5500;
}

.precios-borde-azul {
    border: 6px solid #3369FF;
}

.txt-precios-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
}

.num-precios-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    font-size: 100px;
    font-weight: bold;
    line-height: 95px;
}

.contenedor-accordion-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px 10px 5px 10px;
}

.contenedor-accordion-cdi button {
    color: #000;
}

.faq__question-heading {
    color: #000;
}

.faq__question-heading b {
    color: #000!important;
}

.accordion {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    cursor: pointer;
    padding: 14px 10px 14px 10px;
    border: none;
    border-bottom: 2px solid #E9E9E9;
    text-align: left;
    color: #000;
    background-color: #fff;
    outline: none;
    transition: 0.4s;
}

.accordion:focus {
    color: #000;
    border: none;
    outline: none;
    border-bottom: 2px solid #ccc;
}

.active,
.accordion:hover {
    color: #000;
    background-color: transparent;
}

.panel {
    width: -webkit-fill-available;
    width: -moz-available;
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.panel span {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    padding: 20px 10px;
    border-bottom: 2px solid #E9E9E9;
}

.panel span a {
    color: #000;
    text-decoration: underline;
    font-weight: 700;
    transition: 0.3s;
}

.panel span a:hover {
    color: #FB8CF0;
    text-decoration: none;
    transition: 0.3s;
}

.contenedor-accordion-cdi .accordion svg {
    float: right;
    transition: transform 0.25s ease-in;
}

/* Cuando esta activo */

.contenedor-accordion-cdi .accordion.active svg {
    transform: rotate(180deg);
}

.bkg-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    background-image: url(../images/landing-club/fondo-club-dondeir.jpg);
    background-position: center;
    background-size: cover;
    padding: 40px 20px 50px 20px;
}

.txt-grande-cdi {
    font-size: 23px;
    font-weight: 500;
}

.boton-cdi-azul button a {
    width: 32%;
    background-color: #3369FF;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
}

.contenedor-boton-cdi button a:hover,
.boton-cdi-azul button a:hover {
    background-color: #000;
    transition: 0.3s;
}

.contenedor-boton-cdi button a:hover {
    color: #fff;
}

.contenedor-botones-contacto-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 40px;
}

.boton-contacto-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
}

.boton-contacto-cdi span {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    margin-bottom: 10px;
}

.boton-contacto-cdi button {
    height: 46px;
    border: none;
    background-color: transparent;
    text-align: center;
    padding: 0;
    margin: 0 10px;
}

.txt-contacto-cdi {
    width: -webkit-fill-available;
    width: -moz-available;
    display: inline-block;
    text-align: center;
}

.txt-contacto-cdi a,
.boton-contacto-cdi a {
    color: #000;
    text-decoration: underline;
    transition: 0.3s;
}

.txt-contacto-cdi a:hover,
.boton-contacto-cdi a:hover {
    color: #FB8CF0;
    text-decoration: none;
    transition: 0.3s;
}

.boton-contacto-cdi button a {
    width: 200px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #fff;
    padding: 8px 20px;
    transition: 0.3s;
}

.boton-contacto-cdi button a:hover {
    text-decoration: none;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    transition: 0.3s;
}

/*********MEDIA QUERIES*********/

@media (max-width: 575.98px) {
    .Btn-unete-cdi {
        width: 65px;
        top: 440px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 7px 5px 4px 0px;
        font-size: 11px;
    }
    .Btn-unete-cdi img {
        width: 85%;
    }
    .dedi_boxContador {
        width: 300px;
        border-radius: 15px;
    }
    .dedi_countdown {
        font-size: 15px;
    }
    .contenedor-principal-cdi {
        height: auto;
    }
    .imagen-principal-cdi {
        width: 100%;
        position: inherit;
        top: inherit;
        right: -20px;
        display: inline-block;
    }
    .contenedor-boton-cdi {
        font-size: 21px;
    }
    .contenedor-boton-cdi button a {
        width: 100%;
        padding: 14px 10px;
    }
    .contenedor-comun-cdi {
        display: inline-block;
    }
    .modulo-beneficios-cdi {
        width: 250px;
    }
    .modulo-encontrar-cdi {
        width: 100%;
        margin-bottom: 30px;
    }
    .modulo-encontrar-cdi:last-child {
        margin-bottom: 0px;
    }
    .contenedor-centro-cdi {
        display: inline-block;
    }
    .modulo-precios-cdi {
        width: 260px;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .faq__question-heading {
        width: 76%;
        display: inline-block;
    }
    .txt-contacto-cdi {
        font-size: 15px;
    }
    .contenedor-botones-contacto-cdi {
        display: inline-block;
        margin-top: 26px;
    }
    .boton-contacto-cdi button {
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
    }
    .boton-contacto-cdi button a {
        display: block;
        margin: 0 auto;
    }
    .boton-contacto-cdi {
        margin-bottom: 20px;
    }
    .boton-contacto-cdi:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .Btn-unete-cdi {
        width: 65px;
        top: 440px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 7px 5px 4px 0px;
        font-size: 11px;
    }
    .Btn-unete-cdi img {
        width: 85%;
    }
    .logo-cdi {
        width: 500px;
    }
    .contenedor-principal-cdi {
        height: auto;
    }
    .imagen-principal-cdi {
        width: 100%;
        position: inherit;
        top: inherit;
        right: -20px;
        display: inline-block;
    }
    .contenedor-boton-cdi {
        font-size: 21px;
    }
    .contenedor-boton-cdi button a {
        width: 60%;
        padding: 14px 10px;
    }
    .contenedor-comun-cdi {
        display: inline-block;
        text-align: center;
    }
    .modulo-beneficios-cdi {
        width: 43%;
    }
    .modulo-encontrar-cdi {
        width: 49%;
        margin-bottom: 30px;
    }
    .modulo-encontrar-cdi:last-child {
        margin-bottom: 0px;
    }
    .modulo-precios-cdi {
        width: 30%;
        margin: 0 10px;
    }
    .num-precios-cdi {
        font-size: 65px;
        line-height: 68px;
    }
    .faq__question-heading {
        width: 86%;
        display: inline-block;
    }
    .txt-contacto-cdi {
        font-size: 20px;
    }
    .contenedor-botones-contacto-cdi {
        display: inline-block;
        margin-top: 26px;
    }
    .boton-contacto-cdi button {
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
    }
    .boton-contacto-cdi button a {
        display: block;
        margin: 0 auto;
    }
    .boton-contacto-cdi {
        margin-bottom: 20px;
    }
    .boton-contacto-cdi:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Btn-unete-cdi {
        width: 80px;
        top: 600px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 7px 5px 4px 0px;
        font-size: 12px;
    }
    .Btn-unete-cdi img {
        width: 86%;
    }
    .contenedor-boton-cdi button a {
        width: 50%;
    }
    .modulo-encontrar-cdi {
        width: 25%;
        font-size: 19px;
        line-height: 23px;
    }
    .modulo-img-encontrar-cdi img {
        width: 95px;
    }
    .modulo-precios-cdi {
        width: 33%;
        margin: 0 10px;
    }
    .num-precios-cdi {
        font-size: 80px;
        line-height: 80px;
    }
    .faq__question-heading {
        width: 85%;
        display: inline-block;
    }
    .boton-contacto-cdi button {
        margin: 0 0 10px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .Btn-unete-cdi {
        width: 90px;
        top: 330px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        padding: 9px 10px 5px 0px;
        font-size: 13px;
    }
    .Btn-unete-cdi img {
        width: 77%;
    }
    .contenedor-boton-cdi button a {
        width: 37%;
        padding: 14px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Btn-unete-cdi {
        width: 90px;
        top: 330px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        padding: 9px 10px 5px 0px;
        font-size: 13px;
    }
    .Btn-unete-cdi img {
        width: 77%;
    }
}