body {
    font-family: "Outfit", sans-serif;
}

img {
    max-width: 100%;
}

p {
    font-weight: 300;
}

.container {
    max-width: 1140px;
}

.btn_cta {
    gap:20px;
}

.btn.btnKibernum {
    background: #01424C;
    color: #FFFFFF;
    font-size: 0.8669rem;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-style: normal;
    min-width: 10rem;
    border-radius: 5px;
    text-transform: uppercase;
}

.btn.btnKibernum:hover {
    background: #FFFFFF;
    color: #01424C;
}

.btn.btnKibernum.btnKibBlanco {
    background: #FFFFFF;
    color: #01424C;
}

.btn.btnKibernum.btnKibBlanco:hover {
    background: #000;
    color: #fff;
}

.btn.btnKibernum.btnKibMorado {
    background: #B9AAD4;
    color: #fff;
}

.btn.btnKibernum.btnEbook {
    color: #fff;
    background: transparent;
    text-decoration: underline;
}

.tits_secciones {
    font-size: 34px;
    line-height: 41px;
    text-transform: uppercase;
}

.tits_secciones.tit_transf_none {
    text-transform: none;
}

.pre_tit {
    color: #01424C;
    font-size: 15px;
    line-height: 1;
    display: block;
    text-transform: uppercase;
}

.color_morado,
.pre_tit.color_morado {
    color: #B9AAD4;
}

.txt_secciones {
    font-size: 17px;
    font-weight: 400;
    padding: 0 20%;
}

.cta {
    max-width: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cta_text {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

header {
    position: absolute;
    width: 100%;
    padding: 10px 0;
}

.section {
    padding: 80px 0;
}

.logo {
    max-width: 250px;
}

.ppal {
    /* padding: 150px 0 100px; */
    background: linear-gradient(to bottom, #000, transparent), #000 url(../img/new/ai-concept-black.png) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    min-height:80vh;
    display:flex;
    align-items: center;
}

h1 {
    color: #fff;
    font-size: 65px;
    font-weight: 700;
    line-height: 1.1;
    padding-right: 50px;
}

.ppal .typewriter {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    /* padding-right: 100px; */
    font-weight: 300;
}

.transforma {
    background-color: #000;
}

.box_genai {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.info_genai {
    padding: 20px;
}

.info_genai h3 {
    color: #000;
    font-weight:600;
}

.info_transforma {
    padding-left:50px;
}

.tits_genai {
    font-size: 60px;
    color:#fff;
    line-height: 1.1;
    font-weight: 700;
}

.tits_genai.colorKibnernum {
    color:#01424C;
}

.tits_genai.tit_peq {
    font-size:40px;
}

.info_transforma p {
    color:#fff;
    font-size:17px;
    padding-right: 100px;
}

.soluciones {
    background-color: #01424C;
}

.img_soluciones {
    padding-left:50px;
}

.info_soluciones p {
    color: #fff;
    font-size: 17px;   
}

.soluciones img {
    border-radius:20px;
}


.beneficios {
    background-color: #000;
}

.info_beneficios {
    padding-left:80px;
}

.img_beneficios img {
    border-radius: 20px;
}

.boxes_iconos {
    gap:4%;
    width:100%;
    flex-wrap: wrap;
    align-items: flex-start;
}

.box_icono {
    background-color: #fff;
    padding: 20px;
    width: 46%;
    border-radius: 20px;
    gap:10px;
    /* margin-bottom: 30px; */
}

.box_icono img {
    width: 50px;
}

.box_icono:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 30px;
}

.box_icono:nth-child(3) {
    margin-top:-30px;
}

iframe {
    border-radius:15px;
}

.info_udd {
    padding-left:50px;
}

.workshop {
    background-color: #000;
}

.img_workshop img {
    border-radius: 20px;
}

.workshop p {
    color:#fff;
    font-size:17px;
}

.info_workshop {
    padding-left: 50px;
}



.contacto {
    /* display: flex; */
    /* gap: 20px; */
    background: #01424C url(../img/dots-arrow.png) no-repeat left center;
    background-size: cover;
    /* padding: 30px; */
}

/* .contacto_texto,
.contacto_form {
    width: 100%;
} */

.contacto_texto .accordion-item, .contacto_texto .accordion-button {
    background-color:transparent;
    color:#fff;
}

.contacto_texto .accordion-item {
    margin-bottom:10px;
    border-bottom: 2px solid #fff;
}

.contacto_texto .accordion-button {
    font-size:18px;
    font-weight: 600;
    border-bottom:0;
}

.contacto_texto .accordion-body {
    font-size:15px;
    padding-bottom:30px;
}

.contacto_texto p {
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
}

.contacto_form {
    background: #fff;
    padding: 30px;
    border-radius: 14px;
}

.accordion-button:is(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;    
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;    
}

footer {
    backgorund: #fff;
    padding: 20px 0;
    margin-top: 30px;
}

footer img {
    max-width: 300px;
}

footer p {
    font-weight: 500;
    font-size: 15px;
}

.modal .modal-title {
    font-size: 36px;
    padding: 0;
}

.btn_flotante {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

/** EFECTO TEXTO ESCRIBIENDOSE **/
.typewriter {
    font-size: 24px;
    line-height:1.2;
    height:35px;
    border-right: 2px solid;
    white-space: nowrap;
    overflow: hidden;
    width: 0; 

}

.hidden {
    visibility: hidden; 
}

@keyframes typing {
    from { width: 0; }
    to { width:100%; max-width:fit-content} 
}

@keyframes blink {
    50% { border-color: transparent; }
}

#text1.typewriter-effect {
    animation: typing 4s steps(40, end) forwards, blink 0.75s step-end infinite;
    animation-delay: 1s;
}
#text2.typewriter-effect {
    animation: typing 3s steps(40, end) forwards, blink 0.75s step-end infinite;
}

#text3.typewriter-effect {
    animation: typing 3s steps(40, end) forwards, blink 0.75s step-end infinite;
}

.border-0 {
    border-right: 0;
}



.gracias {
    background: linear-gradient(to bottom, #000, #0000007d), #000 url(../img/new/ai-concept-black.png) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    padding:40px 0;
}

.gracias .d-flex img {
    width: 300px;
}

.texto_gracias {
    padding: 0 40px;
    font-weight:500;
}

/** estilos gracias 2 **/
.gracias.gracias_dos {
    background: #000;
    padding: 0;
}

.gracias_info {
    padding: 50px;
}
.bg_calendario {
    padding: 50px;
    background: url(../img/new/gen-ai.png) no-repeat center;
    background-size: cover;
}

.content_form_gracias {
    background: #fff; 
    border-radius:15px;
    padding: 40px;
}

.logo_foot_gracias {
    max-width: 250px;
    margin: 0 auto;
}

.gracias.rmkt {
    padding: 80px 0;
}

.rmkt .texto_gracias {
    display:flex;
    align-items: center;
    flex-direction: column;
}

.vista-m {
    display:none;
}

@media (max-width:768px) {
    .vista-e {
        display:none;
    }

    .vista-m {
        display:block;
    }

    h1 {
        font-size: 45px;
        text-align: Center;
        padding: 0;
        margin-top: 25px;
    }

    .ppal {
        background-attachment: unset;
    }

    .ppal .row.d-flex {
        flex-direction: column-reverse;
    }

    .ppal .typewriter {
        margin-bottom: 30px;
        text-align: Center;
        padding: 0;
        width:auto;
        white-space:  normal;
        border-right:0;
    }

    .tits_genai {
        font-size: 45px;

    }

    .box_genai {
        margin-bottom:35px;
    }

    .info_transforma, .img_soluciones, .info_beneficios, .info_udd, .info_workshop {
        padding-left:20px;
        padding-right:20px;
    }

    .info_transforma p {
        padding-right:0;
    }

    .img_soluciones, .info_udd, .info_workshop {
        margin-top: 35px;
    }

    .box_icono, .box_icono:nth-child(2), .box_icono:nth-child(3) {
        width: 100%;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .contacto > .container > .row {
        flex-direction: column-reverse;
    }

    .contacto_texto {
        margin-top: 35px;
    }

    .txt_fondo {
        margin: 0 auto;
    }

    .txt_secciones {
        padding: 0;
    }

    .box_proceso {
        flex-direction: column;
        padding: 0 20px
    }

    .btn_cta {
        justify-content: flex-start;
        flex-direction: column;
        gap: 0;
        /* padding: 0 5%; */
        align-items: center;
    }

    .ebook h2 {
        text-align: center;
    }

    .ebook p {
        text-align: Center;
    }

    .box_ventajas {
        padding: 60px 30px 30px 30px;
    }

    .icono_ventajas {
        top: -50px;
        left: calc(50% - 40px);
    }

    .iconos_video {
        padding: 0 20px;
    }

    .content_testimonios {
        flex-direction: column-reverse;
    }

    .textos_testimonios,
    .video_testimonio {
        width: 100%;
    }

    .content_contacto {
        flex-direction: column;
    }
}