/* fuentes */
@font-face{
    font-family:"Century-Gothic-Bold";
    src: url("/src/fonts/centuryGothicBold.ttf");
    font-weight:700;
    font-style: bold;
}

@font-face{
    font-family:"Century-Gothic-Regular";
    src: url("/src/fonts/centuryGothicRegular.ttf");
    font-weight:400;
    font-style: normal;
}

@font-face{
    font-family:"Open-Sans-Bold";
    src: url("/src/fonts/openSans-Bold.ttf");
    font-weight:700;
    font-style: bold;
}

@font-face{
    font-family:"Open-Sans-SemiBold";
    src: url("/src/fonts/openSans-SemiBold.ttf");
    font-weight:600;
    font-style: bold;
}

@font-face{
    font-family:"Nexa-Regular";
    src: url("/src/fonts/nexaRegular.otf");
    font-weight:400;
    font-style: normal;
}

@font-face{
    font-family:"Nexa-Bold";
    src: url("/src/fonts/nexaBold.otf");
    font-weight:700;
    font-style: bold;
}

@font-face{
    font-family:"Nexa-Black";
    src: url("/src/fonts/nexaBlack.ttf");
    font-weight:900;
    font-style: bolder;
}

/* caracteristicas globales */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    overflow-x: hidden;
    box-shadow: none !important;
    font-size: 10px;
}

body {
    background-color: #FFF;
    margin: 0;
    position: relative;
    font-family: "Century-Gothic-Regular", sans-serif;
}

a {
    text-decoration: none;
}

.color-menu{
    color: #a3a3a3;
}

.texto-century-bold{
    font-family: "Century-Gothic-Bold",sans-serif;
}

.visible{
    visibility: visible !important;
}

main{
    position: relative;
}

/* header */
.header{
    color: #edf3fa;
    height: 13rem;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2400;
    background-color: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.contenido-header{
    height: 13rem;
    padding: .5rem 0;
}

.menu-escritorio{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.contenido-menu{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu-escritorio ul li{
    font-size: 1.8rem;
    font-family: "Century-Gothic-Bold", sans-serif;
}

.boton-menu{
    color: #0E70A5;
    transition: all .3s ease-in-out;
    cursor: pointer;
    padding-right: 2rem;
}

.boton-menu:hover{
    color: #96CCE4;
}

.nav-link{
    transition: all .3s ease-in-out;
}

.nav-link:hover{
    color: #0E70A5;
}

.redes-sociales{
    margin-right: 1.2rem;
    display: flex;
    gap: 1rem;
}

.menu-responsive{
    display: none;
}

@media screen and (max-width:991px){
    /* Para ocultar el menu y hacerlo responsive */
    /* .menu-escritorio{
        display: none;
    } */

    .menu-responsive{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 60%;
        width: 30rem;
        z-index: 10000;
        background-color: #FFF;
        transition: all .5s ease-in-out;
        transform: translateX(100%);
        padding: 5rem 3rem;
    }

    .menu-responsive.visible{
        transform: translateX(0%);
    }

    .navegacion-responsive{
        display: block;
        text-align: end;
        font-size: 1.8rem;
        font-family: "Century-Gothic-Bold",sans-serif;
    }
    
    .titulo-menu-responsive{
        margin-bottom: 7rem;
    }
    
    .titulo-menu-responsive i{
        margin-right: 4rem;
        font-size: 5rem;
        color: #0E70A5;
        cursor: pointer;
    }
    
    .titulo-menu-responsive{
        font-family: "Century-Gothic-Bold",sans-serif;
        font-size: 5rem;
        color: #0E70A5;
    }

    .navegacion-responsive .nav-item .nav-link{
        padding-left: 0;
    }

    .redes-sociales-responsive{
        text-align: end;
        margin-right: 1.2rem;
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:600px){
    .titulo-menu-responsive i{
        font-size: 2rem;
        margin-right: 1rem;
    }

    .titulo-menu-responsive{
        font-size: 2rem;
    }

    .navegacion-responsive{
        font-size: 1.4rem;
    }
}

@media screen and (max-width:550px){
    .contenedor-logo img{
        width: 60%;
    }
}

/* seccion imagen portada */
.seccion-portada{
    position: relative;
    margin-bottom: 5rem;
}

.texto-portada{
    width: 70rem;
    position: absolute;
    left: 15.6rem;
    top: 15rem;
    /* max-width: 50%; */
}

.texto-portada h1{
    font-family: "Nexa-Black", sans-serif;
    font-size: 7.1rem;
    color: #FFF;
    margin-bottom: 3rem;
}

.boton-portada{
    margin: auto;
    display: block;
    text-align: center;
    border: 3px solid #FFF;
    border-radius: 30px;
    padding: 1rem 3rem;
    width: 20rem;
    color: #FFF;
    font-family: "Open-Sans-Bold",sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.boton-portada:hover{
    border-color: #000;
    color: #000;
}

@media screen and (max-width:1550px){
    .texto-portada{
        width: 60rem;
        top: 14rem;
    }

    .texto-portada h1{
        font-size: 6.1rem;
    }
}

@media screen and (max-width:1450px){
    .texto-portada{
        width: 50rem;
        top: 10rem;
        left: 12rem;
    }

    .texto-portada h1{
        font-size: 5.1rem;
    }
}

@media screen and (max-width:1100px){
    .texto-portada{
        width: 40rem;
        top: 8rem;
        left: 8rem;
    }

    .texto-portada h1{
        font-size: 4.1rem;
    }
}

@media screen and (max-width:900px){
    .texto-portada{
        width: 28rem;
        top: 5rem;
        left: 5rem;
    }

    .texto-portada h1{
        font-size: 3rem;
    }

    .boton-portada{
        width: 15rem;
        font-size: 1.2rem;
    }    
}

@media screen and (max-width:650px){
    .texto-portada{
        width: 19rem;
        top: 2rem;
        left: 2rem;
    }

    .texto-portada h1{
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .boton-portada{
        width: 12rem;
        margin: unset;
        padding: 1rem 1rem;
    }    
}

@media screen and (max-width:425px){
    .texto-portada{
        top: 1rem;
        left: 1rem;
    }

    .texto-portada h1{
        margin-bottom: 1rem;
    }

    .boton-portada{
        padding: .5rem 1rem;
    }
}

/* seccion reuniones */
.texto-principal-reuniones{
    font-size: 2.4rem;
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 12rem;
}

.contenido-reuniones{
    text-align: center;
}

.contenido-reuniones img{
    margin-bottom: 2rem;
}

.contenido-reuniones h3{
    margin-bottom: 1rem;
    font-family: "Century-Gothic-Bold",sans-serif;
    font-size: 1.8rem;
    color: #868788;
}

.texto-reuniones{
    width: 80%;
    margin: auto;
}

.texto-reuniones p{
    font-size: 1.4rem;
    color: #cbcccc;
    margin-bottom: 5rem;
}

@media screen and (max-width:768px){
    .texto-principal-reuniones{
        font-size: 2rem;
    }
    
    .contenido-reuniones h3{
        font-size: 1.4rem;
    }

    .texto-reuniones p{
        font-size: 1rem;
    }
}

@media screen and (max-width:575px){
    .contenido-reuniones{
        width: 60%;
        margin: auto;
    }
}

/* seccion caracteristicas */
.seccion-caracteristicas{
    background-image: url("/src/img/fondo-gris.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:100%;
    max-height: 60rem;
}

.altura-seccion-caracteristicas{
    height: inherit;
}

.imagen-caracteristicas{
    text-align: center;
}

.imagen-caracteristicas img{
    padding-top: 3rem;
}

.contenido-caracteristicas{
    background-color: #FFF;
    width: 47.6rem;
    height: 49rem;
    margin-left: 5rem;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    padding: 2rem;
}

.contenido-caracteristicas h3{
    text-align: center;
    font-size: 2.4rem;
    font-family: "Century-Gothic-Bold", sans-serif;
    color: #868788;
    margin-bottom: 1rem;
}

.contenido-caracteristicas p{
    color: #b3b4b4;
    font-size: 1.2rem;
    margin-bottom: 3rem;
    text-align: justify;
}

.especificacion-caracteristicas{
    height: 30rem;
}

.especificacion-caracteristicas h4{
    font-size: 1.4rem;
    font-family: "Century-Gothic-Bold", sans-serif;
    color: #868788;
}

.especificacion-caracteristicas p{
    color: #b3b4b4;
    font-size: 1.2rem;
    text-align: left;
}

@media screen and (max-width:1650px){
    .contenido-caracteristicas{
        margin-left: 10rem;
    }
}

@media screen and (max-width:1550px){
    .contenido-caracteristicas{
        margin-left: 15rem;
    }
}

@media screen and (max-width:1450px){
    .contenido-caracteristicas{
        margin-left: 18rem;
    }
}

@media screen and (max-width:1360px){
    .imagen-caracteristicas img{
        max-width: 155%;
    }

    .contenido-caracteristicas{
        margin-left: 10rem;
    }
}

@media screen and (max-width:1200px){
    .contenido-caracteristicas{
        margin-left: 5rem;
        transform: scale(0.8);
    }
}

@media screen and (max-width:1000px){
    .imagen-caracteristicas img{
        width: 140%;
    }

    .contenido-caracteristicas{
        margin-left: 0;
    }
}

@media screen and (max-width:992px){
    .d-none-semitablet{
        display: none;
    }

    .seccion-caracteristicas{
        height: 60rem;
        max-height: 60rem;
    }

    .contenido-caracteristicas{
        margin-left: 0;
        margin: auto;
        transform: none;
    }
}

@media screen and (max-width:575px){
    .contenido-caracteristicas{
        width: 35rem;
        height: 42rem;
        padding: 1rem;
    }

    .contenido-caracteristicas h3{
        font-size: 1.8rem;
    }
    
    .contenido-caracteristicas p{
        font-size: 1rem;
    }
    
    .especificacion-caracteristicas{
        height: 30rem;
    }
    
    .especificacion-caracteristicas h4{
        font-size: 1rem;
    }
    
    .especificacion-caracteristicas p{
        font-size: 1rem;
    }
}

/* seccion resgistrarse */
.seccion-registrar{
    height: 45rem;
}

.contenido-seccion-registrar{
    height: 45rem;
}

.textos-seccion-registrar{
    text-align: center;
    font-size: 3rem;
    margin: 0 auto;
}

.textos-seccion-registrar p{
    color: #000;
    margin-bottom: 2rem;
}

.boton-seccion-registrar{
    margin: auto;
    display: block;
    text-align: center;
    border: 3px solid #43bce9;
    border-radius: 30px;
    padding: 1rem 3rem;
    width: 30rem;
    color: #43bce9;
    font-family: "Open-Sans-Bold",sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.boton-seccion-registrar:hover{
    border-color: #0e70a5;
    color: #0e70a5;
}

@media screen and (max-width:768px){
    .textos-seccion-registrar p{
        font-size: 1.5rem;
    }

    .boton-seccion-registrar{
        font-size: 1.2rem;
        width: 15rem;
        padding: 1rem 1rem;
    }
}

/* seccion banner */
.banner{
    background-image: url("/src/img/banner.jpg");
    height: 69.2rem;
    width: 100%;
    margin-bottom: 20rem;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}

.contenido-banner{
    height: inherit;
}

.textos-banner{
    text-align: center;
}

.textos-banner img{
    margin-bottom: 2rem;
}

.textos-banner h2{
    font-size: 10rem;
    font-family: "Century-Gothic-Bold", sans-serif;
    color: #FFF;
    margin-bottom: 0;
    text-transform: uppercase;
}

.textos-banner h3{
    font-size: 6rem;
    font-family: "Century-Gothic-Bold", sans-serif;
    color: #FFF;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.textos-banner p{
    font-size: 2.6rem;
    color: #FFF;
    width: 75%;
    margin: auto;
}

@media screen and (max-width:1200px){
    .textos-banner h2{
        font-size: 7.5rem;
    }
    
    .textos-banner h3{
        font-size: 4.5rem;
    }
    
    .textos-banner p{
        font-size: 2rem;
    }
}

@media screen and (max-width:900px){
    .textos-banner h2{
        font-size: 5rem;
    }
    
    .textos-banner h3{
        font-size: 3rem;
    }
    
    .textos-banner p{
        font-size: 1.5rem;
    }
}

@media screen and (max-width:768px){
    .banner{
        background-position: right;
    }

    .textos-banner{
        width: 100%;
    }
}

/* seccion gestion de contenidos */
.seccion-gestor-contenidos{
    background-image: url("/src/img/banner-ordenador.jpg");
    height: 69.6rem;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}

.contenedor-gestor-contenido{
    height: inherit;
}

.contenido-gestor-contenido{
    background-color: #FFF;
    width: 45.5rem;
    height: 35.5rem;
    margin-left: 15rem;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    padding: 2rem;
}

.textos-gestor-contenido{
    margin: auto;
}

.textos-gestor-contenido h2:first-child{
    margin-top: 3rem;
}

.textos-gestor-contenido h2{
    font-size: 2.5rem;
    color: #868788;
    font-family: "Century-Gothic-Bold", sans-serif;
    margin-bottom: 2rem;
}

.textos-gestor-contenido p{
    font-size: 1.2rem;
    color: #b3b4b4;
    margin-bottom: 5rem;
    text-align: justify;
}

@media screen and (max-width:1200px){
    .contenido-gestor-contenido{
        margin-left: 5rem;
    }
}

@media screen and (max-width:992px){
    .seccion-gestor-contenidos{
        background-image: url("/src/img/fondo-gris.jpg");
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .contenido-gestor-contenido{
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:550px){
    .seccion-gestor-contenidos{
        height: 40rem;
    }

    .contenido-gestor-contenido{
        background-color: #FFF;
        width: 30rem;
        height: 30.5rem;
    }
    
    .textos-gestor-contenido h2:first-child{
        margin-top: 1.5rem;
    }
    
    .textos-gestor-contenido h2{
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    
    .textos-gestor-contenido p{
        font-size: 1rem;
        margin-bottom: 2rem;
    }
}

/* seccion empresas */
.seccion-empresas{
    padding: 10rem 0;
}

.seccion-empresas p{
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 5rem;
}

.contenido-seccion-empresas{
    text-align: center;
    margin-bottom: 2rem;
}

@media screen and (max-width:768px){
    .contenedor-seccion-empresas{
        height: 60rem;
    }

    .contenido-seccion-empresas img{
        width: unset;
        margin-bottom: 2rem;
    }
}

/* seccion prueba gratuita */
.seccion-prueba{
    background-color: #f6f6f6;
}

.contenido-seccion-prueba{
    text-align: center;
    margin: 5rem 0;
}

.contenido-seccion-prueba h2{
    font-family: "Nexa-Bold", sans-serif;
    font-size: 3.3rem;
    color: #000;
}

.contenido-seccion-prueba p{
    font-family: "Nexa-Regular", sans-serif;
    font-size: 2.2rem;
    color: #000;
    margin-bottom: 5rem;
}

.contenido-seccion-prueba form{
    width: 80%;
    margin: 0 auto;
}

.input-seccion-prueba{
    height: 5rem;
    line-height: 3rem;
    font-size: 1.4rem;
    font-family: "Nexa-Regular", sans-serif;
    color: #000;
}

.input-seccion-prueba:focus{
    border-color: #6dad3a;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(109, 173, 58, .50);
}

.formulario-textarea{
    line-height: 3rem;
    font-size: 1.4rem;
    font-family: "Nexa-Regular", sans-serif;
    color: #000;
}

.formulario-textarea:focus{
    border-color: #6dad3a;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(109, 173, 58, .50);
}

.boton-seccion-prueba{
    margin: auto;
    display: block;
    text-align: center;
    background-color: #6dad3a;
    border: none;
    border-radius: 30px;
    padding: 2rem 4rem;
    color: #FFF;
    font-family: "Nexa-Regular",sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.boton-seccion-prueba:hover{
    background-color: #5c9c29;
    color: #FFF;
}

.textos-validacion{
    font-size: 1.2rem;
}

@media screen and (max-width:550px){
    .contenido-seccion-prueba h2{
        font-size: 2rem;
    }

    .contenido-seccion-prueba p{
        font-size: 1.8rem;
    }

    .boton-seccion-prueba{
        border-radius: 30px;
        padding: 1rem 2rem;
        font-size: 1.4rem;
    }
}

/* Footer */
.footer{
    margin: 3rem 0;
}

.enlaces-footer{
    justify-content: end;
    gap: 1rem;
}

.enlaces-footer a{
    font-size: 1.6rem;
    font-family: "Century-Gothic-Bold", sans-serif;
    transition: all .3s ease-in-out;
}

.enlaces-footer a:hover{
    color: #0E70A5;
}

@media screen and (max-width:991px){
    .logo-footer img{
        width: 100%;
    }

    .enlaces-footer a{
        font-size: 1.2rem;
    }
}

@media screen and (max-width:768px){
    .enlaces-footer{
        justify-content: center;
        flex-wrap: wrap;
    }

    .enlaces-footer a{
        font-size: 1.2rem;
    }
    
    .logo-footer{
        text-align: center;
        margin-bottom: 3rem;
    }

    .logo-footer img{
        width: unset;
    }
}

/* textos legales */
.modal-title{
    font-size: 2rem;
    font-family: "Century-Gothic-Bold", sans-serif;
    color: #000;
    padding-left: 2rem;
}

.modal-header .btn-close{
    padding-right: 2rem;
}

.modal-body p{
    font-size: 1.6rem;
    text-align: justify;
    padding: 0 2rem;
    margin-bottom: 2rem;
}

.modal-body ul{
    padding: 0 4rem;
}

.modal-body ul li{
    font-size: 1.6rem;
    text-align: justify;
    margin-bottom: 2rem;
}

.enlace-modal{
    color: #0E70A5;
    transition: all .3s ease-in-out;
}

.enlace-modal:hover{
    color: #949598;
}


/* pagina formulario exitoso */

.formulario-exito{
    margin-top: 5rem;   
    margin-bottom: 5rem; 
}