* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif; /* Escoge una fuente común y neutral */
    text-transform: none;
    text-decoration: none;

}


html body{

    background-color: white;
    font-family: Arial, sans-serif; /* Escoge una fuente común y neutral */
    font-size: 1em;
    line-height: 1.4;
    letter-spacing: 0.5px;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow: hidden;  Evita desplazamiento */

}







    .imagen1{

        background-image: url('Imagenes/imagen1.jpeg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }

    .container {

        max-width: 1100px;
        margin: 0 auto;

    }
    .empresa{

        position: absolute;
        top: 60px;
        left: 200px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;

        color: #41c519;
    }



    .logo1 {

        position: absolute;
        top: 6vh;
        left: 6px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        width: 180px; /* Ancho fijo */
        height: empresa; /* Alto fijo */


    }


    .tituloh1{

        position: absolute;
        top: 0px;
        left: 35px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }




    .text-section {

        width: 80%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        padding: 20px;
        box-sizing: border-box;


        position: absolute;
        top: 27vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 13px;
        font-family: Verdana;
        text-align: justify;
    }


    .Descubre{

        position: absolute;
        top: 37vh;
        left: 2vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        color: white;
        font-weight: normal;
        font-size: 4dvh;
        font-family: Verdana;


    }


    .carousel {
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 200px;

        position: absolute;
        top: 50vh;
        left: 3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        color: #e9e9e9;
        font-weight: normal;
        font-size: 20px;
        font-family: Verdana;

    }

    .carousel img {
        width: 200px;
        margin-right: 10px;
        animation: slide 10s linear infinite;
    }

    @keyframes slide {
        0% {
        transform: translateX(0);
        }
        100% {
        transform: translateX(-100%);
        }
    }















    .contenedor {
        position: relative; /* Necesario para posicionar elementos hijos */
        width: 100%;
        height: auto;
    }



    /* Menú principal */
    .navbar {
        position: absolute; /* Superpone el menú sobre la imagen */
        top: 0px; /* Coloca el menú en la parte superior de la imagen */
        left: 50vh; /* Centra horizontalmente */
        transform: translateX(-50%); /* Corrige el punto de referencia */
        width: 1000px; /* Ancho del menú */

    }

    /* Lista del menú */
    .navbar ul {
        list-style: none; /* Elimina los puntos */
        margin: 0;
        padding: 0;
        text-align: center;
    }

    /* Elementos del menú */
    .menu > li {
        /* position: relative; */
        display: inline-block; /* Elementos en línea */
        padding-bottom: 12px; /* Amplía el área activa en el elemento principal */
    }

    .menu > li > a {
        display: block;
        padding: 15px 20px;
        color: white;
        
        font-size: 18px;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    /* Efecto hover en enlaces */
    .menu li a:hover {
        color: #CE7D35;
        transition: all 0.3s;
    }

    .menu > li:hover::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0px; /* Espacio invisible entre el menú y el submenú */
        background: transparent;
        z-index: 5;
    }

    /* Submenú */
    .submenu {
        position: absolute;
        background: black;
        width: 140; /*aumenta el espacio por si el texto es largo */
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.2s ease;
        top: 0px; /* Ajusta la posición del submenú */
        left: 60;
        z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
        pointer-events: auto; /* Asegura que el submenú sea interactivo */
        margin-top: -2px; /* Superposición para evitar brechas */
    }

    .submenu li a {
        display: block;
        padding: 0px 20px;
        color: white;
        text-decoration: none;
        text-align: left;
    }

    /* Mostrar submenú al pasar el ratón */
    .menu > li:hover .submenu {
        visibility: visible;
        opacity: 1;
    }


    .submenu2 {
        position: absolute;
        background: black;
        width: 140; /*aumenta el espacio por si el texto es largo */
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.2s ease;
        top: 0px; /* Ajusta la posición del submenú */
        left: 60;
        z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
        pointer-events: auto; /* Asegura que el submenú sea interactivo */
        margin-top: -2px; /* Superposición para evitar brechas */
    }

    .submenu2 li a {
        display: block;
        padding: 0px 20px;
        color: white;
        text-decoration: none;
        text-align: left;
    }

    /* Mostrar submenú al pasar el ratón */
    .menu > li:hover .submenu2 {
        visibility: visible;
        opacity: 1;
    }



    .imagen2{

        background-image: url('Imagenes/portada2.jpg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        min-height: 100vh;
        
    }

    .acercanosotros{

        position: absolute;
        top: 105vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 5dvh;
        font-family: Verdana;
        text-decoration: underline;
        
    }



    .trayectoria2{


        width: 70%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        box-sizing: border-box;


        position: absolute;
        top: 118vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.4vh;
        font-family: Verdana;
        text-align: justify;
        
        

    }

    .objetivo1{

        position: absolute;
        top: 160vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 3dvh;
        font-family: Verdana;
        

    }

    .objetivo2{


        width: 70%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        box-sizing: border-box;


        position: absolute;
        top: 166vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 20px;
        font-family: Verdana;
        text-align: justify;

        
        

    }



    .grid-container {
        position: relative;
        height: 200px; /* Altura del contenedor */
        border: 1px solid black; /* Para visualizar el contenedor */
    }

    .etapaaas {

        width: 40%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        padding: 20px;
        box-sizing: border-box;


        position: absolute;
        top: 320px;
        left: 15px;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 10px;
        font-family: Verdana;
        text-align: justify;
    }




























    .imagen3{

        background-image: url('Imagenes/plano3.png'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }



    .campo3 {

        position: absolute;
        top: 207vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        
        font-family: Verdana;
        text-decoration: underline;
        font-size: 2rem; /* Escalable en diferentes dispositivos */
    }


    .reclutamiento{

        position: absolute;
        top: 2000px;
        left: 15px;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 40px;
        font-family: Verdana;
        /* text-decoration: underline; */

    }


    .Etapa1{

        position: absolute;
        top: 215vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso1{

        position: absolute;
        top: 219vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }

    .Etapa2{

        position: absolute;
        top: 227vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso2{

        position: absolute;
        top: 231vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }

    .Etapa3{

        position: absolute;
        top: 246vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso3{

        position: absolute;
        top: 251vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }

    .Etapa4{

        position: absolute;
        top: 262vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5vh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso4{

        position: absolute;
        top: 266vh;
        left: 6vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }


    .mi-lista{

        list-style: none !important; /* Usa !important para asegurar que se aplique */
        padding: 0; /* Elimina el padding predeterminado */
        margin: 0; /* Elimina el margen predeterminado */

    }

    


























    .fondo3 {

        background-image: url('Imagenes/portada3.0.jpg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }

    .evaluaciones{

        position: absolute;
        top: 305vh;
        left: 24vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 4dvh;
        font-family: Verdana;
        text-decoration: underline; 
    }


    .titulo1{

        position: absolute;
        top: 315vh;
        left: 10vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        text-decoration: underline; 
        
    }

    .evaluacion1{

        position: absolute;
        top: 315vh;
        left: 39vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        text-align: justify; /* Justifica el texto */
        margin-right: 50px; /* Margen de 50 píxeles a la derecha */
        
        
    }

    .titulo2{

        position: absolute;
        top: 335vh;
        left: 10vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        text-decoration: underline; 
        
    }

    .evaluacion2{

        position: absolute;
        top: 335vh;
        left: 39vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        text-align: justify; /* Justifica el texto */
        margin-right: 50px; /* Margen de 50 píxeles a la derecha */
        
    }

    .titulo3{

        position: absolute;
        top: 363vh;
        left: 10vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        text-decoration: underline; 
        
    }

    .evaluacion3{

        position: absolute;
        top: 363vh;
        left: 39vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2.5dvh;
        font-family: Verdana;
        text-align: justify; /* Justifica el texto */
        margin-right: 50px; /* Margen de 50 píxeles a la derecha */
        
    }





















    .fondo4 {

        background-image: url('Imagenes/contactanos.jpg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }


    .PrimeraContaco {

        position: absolute;
        top: 410vh;
        left: 18vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 3dvh;
        font-family: Verdana;
        



    }


    .logo2 {

        position: absolute;
        top: 420vh;
        left: 18vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }

    .logo3 {

        position: absolute;
        top: 430vh;
        left: 18vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }

    .cel1 {

        position: absolute;
        top: 421vh;
        left: 26vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }



    .correo {

        position: absolute;
        top: 431vh;
        left: 26vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }










    .logo5 {

        position: absolute;
        top: 6400px;
        left: 500px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }




    .slide {
        scroll-margin-top: 935px; /* Ajusta según la altura de tu encabezado */
    }

    .pasar{

        scroll-margin-top: 935px; /* Ajusta según la altura de tu encabezado */

    }

    .estamos{

        scroll-margin-top: 935px; /* Ajusta según la altura de tu encabezado */

    }



    .fondo5{

        background-image: url('Imagenes/editado5.png'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        min-height: 100vh;
        
    }


    .PrimeraContaco2 {

        position: absolute;
        top: 529vh;
        left: 34vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 1.5dvh;
        font-family: Verdana;
        



    }


    .correo2 {

        position: absolute;
        top: 511vh;
        left: 11vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }


    .logo5 {

        position: absolute;
        top: 510vh;
        left: 3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }


    .logo4 {

        position: absolute;
        top: 520vh;
        left: 3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }

    .cel2 {

        position: absolute;
        top: 521vh;
        left: 11vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
    }


    @media (max-width: 480px) {


html body{

    background-color: white;
    font-size: 2rem; /* Escalable en diferentes dispositivos */
    font-size: 1em;
    line-height: 1.4;
    letter-spacing: 0.5px;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow: hidden;  Evita desplazamiento */

}







    .imagen1{

        background-image: url('Imagenes/imagen1.jpeg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }

    .container {

        max-width: 1100%;
        margin: 0 auto;

    }
    .empresa{

        position: absolute;
        top: 0vh;
        left: 4vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;

        color: #41c519;
    }



    .logo1 {

        position: absolute;
        top: 3vh;
        left: 3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000%;
        width: 120px; /* Ancho fijo */
        height: auto; /* Alto fijo */
        padding: 0%;


    }

    .logo1 img {
        width: 100%; /* La imagen ocupa todo el ancho del contenedor */
        height: auto; /* Mantiene la proporción */
    }


    .tituloh1{



        
        position: absolute;
        top: 3vh;
        left: 18vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-size: 2vh;


        color: #41c519;
        /* position: absolute;
        top: 3%;
        left: 35%;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-size: 80%;
        margin: 0%;
        padding: 0%; */


    }




    .text-section {

        width: 120%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        padding: 20px;
        box-sizing: border-box;

        
        position: absolute;
        top: 12vh;
        left: -5vh;
        right: 0;
        color: #f0f0f0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 1vh;
        font-family: Verdana;
        text-align: justify;
        margin: 0%;
        padding: 15%;
    }


    .Descubre{

        width: 110%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        padding: 20px;
        box-sizing: border-box;

        
        position: absolute;
        top: 34vh;
        left: -3vh;
        right: 0;
        color: #f0f0f0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 3dvh;
        font-family: Verdana;
        text-align: justify;
        margin: 0%;
        padding: 15%;


    }


    .carousel {
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 200px;

        position: absolute;
        top: 54vh;
        left: -3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        color: #e9e9e9;
        font-weight: normal;
        font-size: 20px;
        font-family: Verdana;

    }

    .carousel img {
        width: 130px;
        margin-right: 10px;
        animation: slide 10s linear infinite;
    }

    @keyframes slide {
        0% {
        transform: translateX(0);
        }
        100% {
        transform: translateX(-100%);
        }
    }















    .contenedor {
        position: relative; /* Necesario para posicionar elementos hijos */
        width: 100%;
        height: auto;
    }



    /* Menú principal */
    .navbar {
        position: absolute; /* Superpone el menú sobre la imagen */
        top: 0px; /* Coloca el menú en la parte superior de la imagen */
        left: 1000px; /* Centra horizontalmente */
        transform: translateX(-50%); /* Corrige el punto de referencia */
        width: 1000px; /* Ancho del menú */

    }

    /* Lista del menú */
    .navbar ul {
        list-style: none; /* Elimina los puntos */
        margin: 0;
        padding: 0;
        text-align: center;
    }

    /* Elementos del menú */
    .menu > li {
        /* position: relative; */
        display: inline-block; /* Elementos en línea */
        padding-bottom: 12px; /* Amplía el área activa en el elemento principal */
    }

    .menu > li > a {
        display: block;
        padding: 15px 20px;
        color: white;
        
        font-size: 18px;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    /* Efecto hover en enlaces */
    .menu li a:hover {
        color: #CE7D35;
        transition: all 0.3s;
    }

    .menu > li:hover::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0px; /* Espacio invisible entre el menú y el submenú */
        background: transparent;
        z-index: 5;
    }

    /* Submenú */
    .submenu {
        position: absolute;
        background: black;
        width: 140; /*aumenta el espacio por si el texto es largo */
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.2s ease;
        top: 0px; /* Ajusta la posición del submenú */
        left: 60;
        z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
        pointer-events: auto; /* Asegura que el submenú sea interactivo */
        margin-top: -2px; /* Superposición para evitar brechas */
    }

    .submenu li a {
        display: block;
        padding: 0px 20px;
        color: white;
        text-decoration: none;
        text-align: left;
    }

    /* Mostrar submenú al pasar el ratón */
    .menu > li:hover .submenu {
        visibility: visible;
        opacity: 1;
    }


    .submenu2 {
        position: absolute;
        background: black;
        width: 140; /*aumenta el espacio por si el texto es largo */
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.2s ease;
        top: 0px; /* Ajusta la posición del submenú */
        left: 60;
        z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
        pointer-events: auto; /* Asegura que el submenú sea interactivo */
        margin-top: -2px; /* Superposición para evitar brechas */
    }

    .submenu2 li a {
        display: block;
        padding: 0px 20px;
        color: white;
        text-decoration: none;
        text-align: left;
    }

    /* Mostrar submenú al pasar el ratón */
    .menu > li:hover .submenu2 {
        visibility: visible;
        opacity: 1;
    }



    .imagen2{

        background-image: url('Imagenes/portada2.jpg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        min-height: 100vh;
        
    }

    .acercanosotros{

        position: absolute;
        top: 105vh;
        left: 3vh;
        
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 4dvh;
        font-family: Verdana;
        text-decoration: underline;
        padding: 0%;
        margin: 0%;
        
    }



    .trayectoria2{


        width: 100%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        padding: 22px;
        box-sizing: border-box;


        position: absolute;
        top: 110vh;
        left: 0vh;
        
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        text-align: justify;

        
        

    }

    .objetivo1{

        position: absolute;
        top: 163vh;
        left: 3vh;
        
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 3dvh;
        font-family: Verdana;

        

    }

    .objetivo2{


        width: 100%; /* Ocupa la mitad izquierda */
        
        display: flex;
        justify-content: center; /* Centra el texto horizontalmente */
        align-items: center; /* Centra el texto verticalmente */
        
        box-sizing: border-box;


        position: absolute;
        top: 170vh;
        left: 0vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        text-align: justify;

        

    }



    .grid-container {
        position: relative;
        height: 200px; /* Altura del contenedor */
        border: 1px solid black; /* Para visualizar el contenedor */
    }




    .imagen3{

        background-image: url('Imagenes/plano3.png'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }



    .campo3 {

        position: absolute;
        top: 205vh; /* Basado en la altura de la ventana */
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 3dvh;
        font-family: Verdana;
        text-decoration: underline;
        
    }


    .reclutamiento{

        position: absolute;
        top: 210vh;
        left: 15px;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 40px;
        font-family: Verdana;
        /* text-decoration: underline; */

    }


    .Etapa1{

        position: absolute;
        top: 212vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso1{

        position: absolute;
        top: 216vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }

    .Etapa2{

        position: absolute;
        top: 223vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso2{

        position: absolute;
        top: 227vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }

    .Etapa3{

        position: absolute;
        top: 247vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */

    }

    .Paso3{

        position: absolute;
        top: 251vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }

    .Etapa4{

        position: absolute;
        top: 263vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        font-weight: bold;
        /* text-decoration: underline; */


    }

    .Paso4{

        position: absolute;
        top: 266vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2dvh;
        font-family: Verdana;
        list-style: none;
        
        /* text-decoration: underline; */

    }


    .mi-lista{

        list-style: none !important; /* Usa !important para asegurar que se aplique */
        padding: 0; /* Elimina el padding predeterminado */
        margin: 0; /* Elimina el margen predeterminado */

    }

    


























    .fondo3 {

        background-image: url('Imagenes/portada3.0.jpg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }

    .evaluaciones{

        position: absolute;
        top: 301vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 4dvh;
        font-family: Verdana;
        text-decoration: underline; 
    }


    .titulo1{

        position: absolute;
        top: 307vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2vh;
        font-family: Verdana;
        text-decoration: underline; 
        
    }

    .evaluacion1{

        position: absolute;
        top: 312vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2vh;
        font-family: Verdana;
        text-align: justify; /* Justifica el texto */
        margin-right: 50px; /* Margen de 50 píxeles a la derecha */
        
        
    }

    .titulo2{

        position: absolute;
        top: 333vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2vh;
        font-family: Verdana;
        text-decoration: underline; 
        
    }

    .evaluacion2{

        position: absolute;
        top: 338vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2vh;
        font-family: Verdana;
        text-align: justify; /* Justifica el texto */
        margin-right: 50px; /* Margen de 50 píxeles a la derecha */
        
    }

    .titulo3{

        position: absolute;
        top: 367vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2vh;
        font-family: Verdana;
        text-decoration: underline; 
        
    }

    .evaluacion3{

        position: absolute;
        top: 372vh;
        left: 3vh;
        right: 0;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 2vh;
        font-family: Verdana;
        text-align: justify; /* Justifica el texto */
        margin-right: 50px; /* Margen de 50 píxeles a la derecha */
        
    }





















    .fondo4 {

        background-image: url('Imagenes/contactanos.jpg'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        
    }


    .PrimeraContaco {

        position: absolute;
        top: 405vh;
        left: 3vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 3dvh;
        font-family: Verdana;
        



    }


    .logo2 {

        position: absolute;
        top: 470vh;
        left: 3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }

    .logo3 {

        position: absolute;
        top: 480vh;
        left: 3vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }

    .cel1 {

        position: absolute;
        top: 471vh;
        left: 11vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }



    .correo {

        position: absolute;
        top: 481vh;
        left: 11vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }













    .slide {
        scroll-margin-top: 704px; /* Ajusta según la altura de tu encabezado */
    }

    .pasar{

        scroll-margin-top: 704px; /* Ajusta según la altura de tu encabezado */

    }

    .estamos{

        scroll-margin-top: 704px; /* Ajusta según la altura de tu encabezado */

    }



    .fondo5{

        background-image: url('Imagenes/editado5.png'); /* Ruta de la imagen */
        background-size: cover; /* Hace que la imagen cubra toda el área */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
        color: white; /* Texto blanco para contraste */
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centra el texto verticalmente */
        align-items: center; /* Centra el texto horizontalmente */
        min-height: 100vh;
        
    }


    .PrimeraContaco2 {

        position: absolute;
        top: 531vh;
        left: 2vh;
        right: 0;
        color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
        font-weight: normal;
        font-size: 13px;
        font-family: Verdana;
        



    }


    .correo2 {

        position: absolute;
        top: 505vh;
        left: 11vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }


    .logo5 {

        position: absolute;
        top: 504vh;
        left: 2vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }


    .logo4 {

        position: absolute;
        top: 514vh;
        left: 2vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;


    }

    .cel2 {

        position: absolute;
        top: 515vh;
        left: 11vh;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1000;
    }



    }
    
    @media (min-width: 481px) and (max-width: 768px) {


        html body{

            background-color: white;
            font-size: 2rem; /* Escalable en diferentes dispositivos */
            font-size: 1em;
            line-height: 1.4;
            letter-spacing: 0.5px;
            scroll-behavior: smooth;
            margin: 0;
            padding: 0;
            height: 100%;
            /*overflow: hidden;  Evita desplazamiento */
        
        }
        
        
        
        
        
        
        
            .imagen1{
        
                background-image: url('Imagenes/imagen1.jpeg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
            .container {
        
                max-width: 1100%;
                margin: 0 auto;
        
            }
            .empresa{
        
                position: absolute;
                top: 3vh;
                left: 6vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
                color: #41c519;
            }
        
        
        
            .logo1 {
        
                position: absolute;
                top: 10vh;
                left: 3vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000%;
                width: 120px; /* Ancho fijo */
                height: auto; /* Alto fijo */
                padding: 0%;
        
        
            }
        
            .logo1 img {
                width: 100%; /* La imagen ocupa todo el ancho del contenedor */
                height: auto; /* Mantiene la proporción */
            }
        
        
            .tituloh1{
        
        
        
                
                position: absolute;
                top: 3vh;
                left: 18vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-size: 2vh;
        
        
                color: #41c519;
                /* position: absolute;
                top: 3%;
                left: 35%;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-size: 80%;
                margin: 0%;
                padding: 0%; */
        
        
            }
        
        
        
        
            .text-section {
        
                width: 90%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                box-sizing: border-box;
        
                
                position: absolute;
                top: 23vh;
                left: 3vh;
                right: 0;
                color: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 1.3vh;
                font-family: Verdana;
                text-align: justify;

            }
        
        
            .Descubre{
        
                width: 90%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                box-sizing: border-box;
        
                
                position: absolute;
                top: 40vh;
                left: 3vh;
                right: 0;
                color: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-align: justify;

        
            }
        
        
            .carousel {
                display: flex;
                overflow: hidden;
                width: 100%;
                height: 200px;
        
                position: absolute;
                top: 54vh;
                left: 3vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                color: #e9e9e9;
                font-weight: normal;
                font-size: 20px;
                font-family: Verdana;
        
            }
        
            .carousel img {
                width: 130px;
                margin-right: 10px;
                animation: slide 10s linear infinite;
            }
        
            @keyframes slide {
                0% {
                transform: translateX(0);
                }
                100% {
                transform: translateX(-100%);
                }
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .contenedor {
                position: relative; /* Necesario para posicionar elementos hijos */
                width: 100%;
                height: auto;
            }
        
        
        
            /* Menú principal */
            .navbar {
                position: absolute; /* Superpone el menú sobre la imagen */
                top: 0px; /* Coloca el menú en la parte superior de la imagen */
                left: 65vh; /* Centra horizontalmente */
                transform: translateX(-50%); /* Corrige el punto de referencia */
                width: 910px; /* Ancho del menú */
        
            }
        
            /* Lista del menú */
            .navbar ul {
                list-style: none; /* Elimina los puntos */
                margin: 0;
                padding: 0;
                text-align: center;
            }
        
            /* Elementos del menú */
            .menu > li {
                /* position: relative; */
                display: inline-block; /* Elementos en línea */
                padding-bottom: 12px; /* Amplía el área activa en el elemento principal */
            }
        
            .menu > li > a {
                display: block;
                padding: 15px 20px;
                color: white;
                
                font-size: 18px;
                font-weight: bold;
                transition: all 0.3s ease;
            }
        
            /* Efecto hover en enlaces */
            .menu li a:hover {
                color: #CE7D35;
                transition: all 0.3s;
            }
        
            .menu > li:hover::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 0px; /* Espacio invisible entre el menú y el submenú */
                background: transparent;
                z-index: 5;
            }
        
            /* Submenú */
            .submenu {
                position: absolute;
                background: black;
                width: 140; /*aumenta el espacio por si el texto es largo */
                visibility: hidden;
                opacity: 0;
                transition: visibility 0.2s, opacity 0.2s ease;
                top: 0px; /* Ajusta la posición del submenú */
                left: 60;
                z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
                pointer-events: auto; /* Asegura que el submenú sea interactivo */
                margin-top: -2px; /* Superposición para evitar brechas */
            }
        
            .submenu li a {
                display: block;
                padding: 0px 20px;
                color: white;
                text-decoration: none;
                text-align: left;
            }
        
            /* Mostrar submenú al pasar el ratón */
            .menu > li:hover .submenu {
                visibility: visible;
                opacity: 1;
            }
        
        
            .submenu2 {
                position: absolute;
                background: black;
                width: 140; /*aumenta el espacio por si el texto es largo */
                visibility: hidden;
                opacity: 0;
                transition: visibility 0.2s, opacity 0.2s ease;
                top: 0px; /* Ajusta la posición del submenú */
                left: 60;
                z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
                pointer-events: auto; /* Asegura que el submenú sea interactivo */
                margin-top: -2px; /* Superposición para evitar brechas */
            }
        
            .submenu2 li a {
                display: block;
                padding: 0px 20px;
                color: white;
                text-decoration: none;
                text-align: left;
            }
        
            /* Mostrar submenú al pasar el ratón */
            .menu > li:hover .submenu2 {
                visibility: visible;
                opacity: 1;
            }
        
        
        
            .imagen2{
        
                background-image: url('Imagenes/portada2.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                min-height: 100vh;
                
            }
        
            .acercanosotros{
        
                position: absolute;
                top: 107vh;
                left: 3vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-decoration: underline;

                
            }
        
        
        
            .trayectoria2{
        
        
                width: 80%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */

                box-sizing: border-box;
        
        
                position: absolute;
                top: 115vh;
                left: 0vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                text-align: justify;
        
                
                
        
            }
        
            .objetivo1{
        
                position: absolute;
                top: 153vh;
                left: 3vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
        
                
        
            }
        
            .objetivo2{
        
        
                width: 80%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
        
                position: absolute;
                top: 160vh;
                left: 0vh;
                right: 0;
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                text-align: justify;
        
                
        
            }
        
        
        
            .grid-container {
                position: relative;
                height: 200px; /* Altura del contenedor */
                border: 1px solid black; /* Para visualizar el contenedor */
            }
        
        
        
        
            .imagen3{
        
                background-image: url('Imagenes/plano3.png'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
        
        
            .campo3 {
        
                position: absolute;
                top: 207vh; /* Basado en la altura de la ventana */
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                text-decoration: underline;
                
            }
        
        
            .reclutamiento{
        
                position: absolute;
                top: 212vh;
                left: 15px;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 40px;
                font-family: Verdana;
                /* text-decoration: underline; */
        
            }
        
        
            .Etapa1{
        
                position: absolute;
                top: 214vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso1{
        
                position: absolute;
                top: 218vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa2{
        
                position: absolute;
                top: 225vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso2{
        
                position: absolute;
                top: 229vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa3{
        
                position: absolute;
                top: 242vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso3{
        
                position: absolute;
                top: 246vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa4{
        
                position: absolute;
                top: 255vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
        
            }
        
            .Paso4{
        
                position: absolute;
                top: 259vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
        
            .mi-lista{
        
                list-style: none !important; /* Usa !important para asegurar que se aplique */
                padding: 0; /* Elimina el padding predeterminado */
                margin: 0; /* Elimina el margen predeterminado */
        
            }
        
            
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .fondo3 {
        
                background-image: url('Imagenes/portada3.0.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
            .evaluaciones{
        
                position: absolute;
                top: 308vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-decoration: underline; 
            }
        
        
            .titulo1{
        
                position: absolute;
                top: 315vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion1{
        
                position: absolute;
                top: 320vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
                
            }
        
            .titulo2{
        
                position: absolute;
                top: 330vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion2{
        
                position: absolute;
                top: 335vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
            }
        
            .titulo3{
        
                position: absolute;
                top: 350vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion3{
        
                position: absolute;
                top: 355vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .fondo4 {
        
                background-image: url('Imagenes/contactanos.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
        
            .PrimeraContaco {
        
                position: absolute;
                top: 410vh;
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                
        
        
        
            }
        
        
            .logo2 {
        
                position: absolute;
                top: 420vh;
                left: 3vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .logo3 {
        
                position: absolute;
                top: 430vh;
                left: 3vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .cel1 {
        
                position: absolute;
                top: 421vh;
                left: 11vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
        
            .correo {
        
                position: absolute;
                top: 431vh;
                left: 11vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
            .slide {
                scroll-margin-top: 704px; /* Ajusta según la altura de tu encabezado */
            }
        
            .pasar{
        
                scroll-margin-top: 704px; /* Ajusta según la altura de tu encabezado */
        
            }
        
            .estamos{
        
                scroll-margin-top: 704px; /* Ajusta según la altura de tu encabezado */
        
            }
        
        
        
            .fondo5{
        
                background-image: url('Imagenes/editado5.png'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                min-height: 100vh;
                
            }
        
        
            .PrimeraContaco2 {
        
                position: absolute;
                top: 531vh;
                left: 24vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 13px;
                font-family: Verdana;
                
        
        
        
            }
        
        
            .correo2 {
        
                position: absolute;
                top: 521vh;
                left: 11vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
            .logo5 {
        
                position: absolute;
                top: 520vh;
                left: 2vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
            .logo4 {
        
                position: absolute;
                top: 510vh;
                left: 2vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .cel2 {
        
                position: absolute;
                top: 511vh;
                left: 11vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
            }
        
        




    }
    







    @media (min-width: 1281px) and (max-width: 1536px) {



        html body{

            background-color: white;
            font-size: 2rem; /* Escalable en diferentes dispositivos */
            font-size: 1em;
            line-height: 1.4;
            letter-spacing: 0.5px;
            scroll-behavior: smooth;
            margin: 0;
            padding: 0;
            height: 100%;
            /*overflow: hidden;  Evita desplazamiento */
        
        }
        
        
        
        
        
        
        
            .imagen1{
        
                background-image: url('Imagenes/imagen1.jpeg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
            .container {
        
                max-width: 1100%;
                margin: 0 auto;
        
            }
            .empresa{
        
                position: absolute;
                top: 17vh;
                left: -15vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
                color: #41c519;
            }
        
        
        
            .logo1 {
        
                position: absolute;
                top: 5vh;
                left: 24vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000%;
                width: 25vh; /* Ancho fijo */
                height: auto; /* Alto fijo */
                padding: 0%;
        
        
            }
        
            .logo1 img {
                width: 100%; /* La imagen ocupa todo el ancho del contenedor */
                height: auto; /* Mantiene la proporción */
            }
        
        
            .tituloh1{
        
        
        
                
                position: absolute;
                top: 10vh;
                left: 18vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-size: 3vh;
        
        
                color: #41c519;
                /* position: absolute;
                top: 3%;
                left: 35%;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-size: 80%;
                margin: 0%;
                padding: 0%; */
        
        
            }
        
        
        
        
            .text-section {
        
                width: 40%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                padding: 20px;
                box-sizing: border-box;
        
                
                position: absolute;
                top: 37vh;
                left: 1vh;
                right: 0;
                color: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 1.4dvh;
                font-family: Verdana;
                text-align: justify;

            }
        
        
            .Descubre{
        
                width: 100%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
                
                position: absolute;
                top: 45vh;
                left: 1vh;
                right: 0;
                color: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-align: justify;

        
            }
        
        
            .carousel {
                display: flex;
                overflow: hidden;
                width: 100%;
                height: 200px;
        
                position: absolute;
                top: 38vh;
                left: 100vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                color: #e9e9e9;
                font-weight: normal;
                font-size: 20px;
                font-family: Verdana;
        
            }
        
            .carousel img {
                width: 135px;
                margin-right: 0px;
                animation: slide 10s linear infinite;
            }
        
            @keyframes slide {
                0% {
                transform: translateX(0);
                }
                100% {
                transform: translateX(-100%);
                }
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .contenedor {
                position: relative; /* Necesario para posicionar elementos hijos */
                width: 100%;
                height: auto;
            }
        
        
        
            /* Menú principal */
            .navbar {
                position: absolute; /* Superpone el menú sobre la imagen */
                top: 0px; /* Coloca el menú en la parte superior de la imagen */
                left: 1000px; /* Centra horizontalmente */
                transform: translateX(-50%); /* Corrige el punto de referencia */
                width: 1000px; /* Ancho del menú */
        
            }
        
            /* Lista del menú */
            .navbar ul {
                list-style: none; /* Elimina los puntos */
                margin: 0;
                padding: 0;
                text-align: center;
            }
        
            /* Elementos del menú */
            .menu > li {
                /* position: relative; */
                display: inline-block; /* Elementos en línea */
                padding-bottom: 12px; /* Amplía el área activa en el elemento principal */
            }
        
            .menu > li > a {
                display: block;
                padding: 15px 20px;
                color: white;
                
                font-size: 18px;
                font-weight: bold;
                transition: all 0.3s ease;
            }
        
            /* Efecto hover en enlaces */
            .menu li a:hover {
                color: #CE7D35;
                transition: all 0.3s;
            }
        
            .menu > li:hover::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 0px; /* Espacio invisible entre el menú y el submenú */
                background: transparent;
                z-index: 5;
            }
        
            /* Submenú */
            .submenu {
                position: absolute;
                background: black;
                width: 140; /*aumenta el espacio por si el texto es largo */
                visibility: hidden;
                opacity: 0;
                transition: visibility 0.2s, opacity 0.2s ease;
                top: 0px; /* Ajusta la posición del submenú */
                left: 60;
                z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
                pointer-events: auto; /* Asegura que el submenú sea interactivo */
                margin-top: -2px; /* Superposición para evitar brechas */
            }
        
            .submenu li a {
                display: block;
                padding: 0px 20px;
                color: white;
                text-decoration: none;
                text-align: left;
            }
        
            /* Mostrar submenú al pasar el ratón */
            .menu > li:hover .submenu {
                visibility: visible;
                opacity: 1;
            }
        
        
            .submenu2 {
                position: absolute;
                background: black;
                width: 140; /*aumenta el espacio por si el texto es largo */
                visibility: hidden;
                opacity: 0;
                transition: visibility 0.2s, opacity 0.2s ease;
                top: 0px; /* Ajusta la posición del submenú */
                left: 60;
                z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
                pointer-events: auto; /* Asegura que el submenú sea interactivo */
                margin-top: -2px; /* Superposición para evitar brechas */
            }
        
            .submenu2 li a {
                display: block;
                padding: 0px 20px;
                color: white;
                text-decoration: none;
                text-align: left;
            }
        
            /* Mostrar submenú al pasar el ratón */
            .menu > li:hover .submenu2 {
                visibility: visible;
                opacity: 1;
            }
        
        
        
            .imagen2{
        
                background-image: url('Imagenes/portada2.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                min-height: 100vh;
                
            }
        
            .acercanosotros{
        
                position: absolute;
                top: 107vh;
                left: 3vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-decoration: underline;
                padding: 0%;
                margin: 0%;
                
            }
        
        
        
            .trayectoria2{
        
        
                width: 60%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
        
                position: absolute;
                top: 118vh;
                left: 0vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2.7dvh;
                font-family: Verdana;
                text-align: justify;
        
                
                
        
            }
        
            .objetivo1{
        
                position: absolute;
                top: 158vh;
                left: 3vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 5dvh;
                font-family: Verdana;
        
                
        
            }
        
            .objetivo2{
        
        
                width: 60%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
        
                position: absolute;
                top: 168vh;
                left: 0vh;
                right: 0;
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2.7dvh;
                font-family: Verdana;
                text-align: justify;
        
                
        
            }
        
        
        
            .grid-container {
                position: relative;
                height: 200px; /* Altura del contenedor */
                border: 1px solid black; /* Para visualizar el contenedor */
            }
        
        
        
        
            .imagen3{
        
                background-image: url('Imagenes/plano3.png'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
        
        
            .campo3 {
        
                position: absolute;
                top: 205vh; /* Basado en la altura de la ventana */
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 5dvh;
                font-family: Verdana;
                text-decoration: underline;
                
            }
        
        
            .reclutamiento{
        
                position: absolute;
                top: 210vh;
                left: 15px;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4vh;
                font-family: Verdana;
                /* text-decoration: underline; */
        
            }
        
        
            .Etapa1{
        
                position: absolute;
                top: 214vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso1{
        
                position: absolute;
                top: 219vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa2{
        
                position: absolute;
                top: 228vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso2{
        
                position: absolute;
                top: 233vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa3{
        
                position: absolute;
                top: 250vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso3{
        
                position: absolute;
                top: 255vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa4{
        
                position: absolute;
                top: 268vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
        
            }
        
            .Paso4{
        
                position: absolute;
                top: 273vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
        
            .mi-lista{
        
                list-style: none !important; /* Usa !important para asegurar que se aplique */
                padding: 0; /* Elimina el padding predeterminado */
                margin: 0; /* Elimina el margen predeterminado */
        
            }
        
            
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .fondo3 {
        
                background-image: url('Imagenes/portada3.0.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
            .evaluaciones{
        
                position: absolute;
                top: 310vh;
                left: 60vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-decoration: underline; 
            }
        
        
            .titulo1{
        
                position: absolute;
                top: 320vh;
                left: 40vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion1{
        
                position: absolute;
                top: 320vh;
                left: 77vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
                
            }
        
            .titulo2{
        
                position: absolute;
                top: 340vh;
                left: 40vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion2{
        
                position: absolute;
                top: 340vh;
                left: 77vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
            }
        
            .titulo3{
        
                position: absolute;
                top: 365vh;
                left: 40vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion3{
        
                position: absolute;
                top: 365vh;
                left: 77vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .fondo4 {
        
                background-image: url('Imagenes/contactanos.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
        
            .PrimeraContaco {
        
                position: absolute;
                top: 405vh;
                left: 50vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                
        
        
        
            }
        
        
            .logo2 {
        
                position: absolute;
                top: 420vh;
                left: 50vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .logo3 {
        
                position: absolute;
                top: 430vh;
                left: 50vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .cel1 {
        
                position: absolute;
                top: 421vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
        
            .correo {
        
                position: absolute;
                top: 431vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
            .slide {
                scroll-margin-top: 695px; /* Ajusta según la altura de tu encabezado */
            }
        
            .pasar{
        
                scroll-margin-top: 695px; /* Ajusta según la altura de tu encabezado */
        
            }
        
            .estamos{
        
                scroll-margin-top: 695px; /* Ajusta según la altura de tu encabezado */
        
            }
        
        
        
            .fondo5{
        
                background-image: url('Imagenes/editado5.png'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                min-height: 100vh;
                
            }
        
        
            .PrimeraContaco2 {
        
                position: absolute;
                top: 510vh;
                left: 65vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 13px;
                font-family: Verdana;
                
        
        
        
            }
        
        
            .correo2 {
        
                position: absolute;
                top: 531vh;
                left: 70vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
            .logo5 {
        
                position: absolute;
                top: 530vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
            .logo4 {
        
                position: absolute;
                top: 520vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .cel2 {
        
                position: absolute;
                top: 520vh;
                left: 70vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
            }
        



    }



    @media (min-width: 1537px) and (max-width: 1920px) {


        html body{

            background-color: white;
            font-size: 2rem; /* Escalable en diferentes dispositivos */
            font-size: 1em;
            line-height: 1.4;
            letter-spacing: 0.5px;
            scroll-behavior: smooth;
            margin: 0;
            padding: 0;
            height: 100%;
            /*overflow: hidden;  Evita desplazamiento */
        
        }
        
        
        
        
        
        
        
            .imagen1{
        
                background-image: url('Imagenes/imagen1.jpeg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
            .container {
        
                max-width: 1100%;
                margin: 0 auto;
        
            }
            .empresa{
        
                position: absolute;
                top: 17vh;
                left: -15vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
                color: #41c519;
            }
        
        
        
            .logo1 {
        
                position: absolute;
                top: 5vh;
                left: 24vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000%;
                width: 25vh; /* Ancho fijo */
                height: auto; /* Alto fijo */
                padding: 0%;
        
        
            }
        
            .logo1 img {
                width: 100%; /* La imagen ocupa todo el ancho del contenedor */
                height: auto; /* Mantiene la proporción */
            }
        
        
            .tituloh1{
        
        
        
                
                position: absolute;
                top: 10vh;
                left: 18vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-size: 3vh;
        
        
                color: #41c519;
                /* position: absolute;
                top: 3%;
                left: 35%;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-size: 80%;
                margin: 0%;
                padding: 0%; */
        
        
            }
        
        
        
        
            .text-section {
        
                width: 40%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                padding: 20px;
                box-sizing: border-box;
        
                
                position: absolute;
                top: 37vh;
                left: 1vh;
                right: 0;
                color: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 1.4dvh;
                font-family: Verdana;
                text-align: justify;

            }
        
        
            .Descubre{
        
                width: 100%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
                
                position: absolute;
                top: 46vh;
                left: 1vh;
                right: 0;
                color: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3.8dvh;
                font-family: Verdana;
                text-align: justify;

        
            }
        
        
            .carousel {
                display: flex;
                overflow: hidden;
                width: 100%;
                height: 200px;
        
                position: absolute;
                top: 40vh;
                left: 90vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                color: #e9e9e9;
                font-weight: normal;
                font-size: 20px;
                font-family: Verdana;
        
            }
        
            .carousel img {
                width: 180px;
                margin-right: 0px;
                animation: slide 10s linear infinite;
            }
        
            @keyframes slide {
                0% {
                transform: translateX(0);
                }
                100% {
                transform: translateX(-100%);
                }
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .contenedor {
                position: relative; /* Necesario para posicionar elementos hijos */
                width: 100%;
                height: auto;
            }
        
        
        
            /* Menú principal */
            .navbar {
                position: absolute; /* Superpone el menú sobre la imagen */
                top: 0px; /* Coloca el menú en la parte superior de la imagen */
                left: 1400px; /* Centra horizontalmente */
                transform: translateX(-50%); /* Corrige el punto de referencia */
                width: 1000px; /* Ancho del menú */
        
            }
        
            /* Lista del menú */
            .navbar ul {
                list-style: none; /* Elimina los puntos */
                margin: 0;
                padding: 0;
                text-align: center;
            }
        
            /* Elementos del menú */
            .menu > li {
                /* position: relative; */
                display: inline-block; /* Elementos en línea */
                padding-bottom: 12px; /* Amplía el área activa en el elemento principal */
            }
        
            .menu > li > a {
                display: block;
                padding: 15px 20px;
                color: white;
                
                font-size: 18px;
                font-weight: bold;
                transition: all 0.3s ease;
            }
        
            /* Efecto hover en enlaces */
            .menu li a:hover {
                color: #CE7D35;
                transition: all 0.3s;
            }
        
            .menu > li:hover::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 0px; /* Espacio invisible entre el menú y el submenú */
                background: transparent;
                z-index: 5;
            }
        
            /* Submenú */
            .submenu {
                position: absolute;
                background: black;
                width: 140; /*aumenta el espacio por si el texto es largo */
                visibility: hidden;
                opacity: 0;
                transition: visibility 0.2s, opacity 0.2s ease;
                top: 0px; /* Ajusta la posición del submenú */
                left: 60;
                z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
                pointer-events: auto; /* Asegura que el submenú sea interactivo */
                margin-top: -2px; /* Superposición para evitar brechas */
            }
        
            .submenu li a {
                display: block;
                padding: 0px 20px;
                color: white;
                text-decoration: none;
                text-align: left;
            }
        
            /* Mostrar submenú al pasar el ratón */
            .menu > li:hover .submenu {
                visibility: visible;
                opacity: 1;
            }
        
        
            .submenu2 {
                position: absolute;
                background: black;
                width: 140; /*aumenta el espacio por si el texto es largo */
                visibility: hidden;
                opacity: 0;
                transition: visibility 0.2s, opacity 0.2s ease;
                top: 0px; /* Ajusta la posición del submenú */
                left: 60;
                z-index: 999; /* Asegura que el submenú esté por encima de otros elementos */
                pointer-events: auto; /* Asegura que el submenú sea interactivo */
                margin-top: -2px; /* Superposición para evitar brechas */
            }
        
            .submenu2 li a {
                display: block;
                padding: 0px 20px;
                color: white;
                text-decoration: none;
                text-align: left;
            }
        
            /* Mostrar submenú al pasar el ratón */
            .menu > li:hover .submenu2 {
                visibility: visible;
                opacity: 1;
            }
        
        
        
            .imagen2{
        
                background-image: url('Imagenes/portada2.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                min-height: 100vh;
                
            }
        
            .acercanosotros{
        
                position: absolute;
                top: 107vh;
                left: 3vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-decoration: underline;
                padding: 0%;
                margin: 0%;
                
            }
        
        
        
            .trayectoria2{
        
        
                width: 60%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
        
                position: absolute;
                top: 118vh;
                left: 0vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2.7dvh;
                font-family: Verdana;
                text-align: justify;
        
                
                
        
            }
        
            .objetivo1{
        
                position: absolute;
                top: 158vh;
                left: 3vh;
                
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 5dvh;
                font-family: Verdana;
        
                
        
            }
        
            .objetivo2{
        
        
                width: 60%; /* Ocupa la mitad izquierda */
                
                display: flex;
                justify-content: center; /* Centra el texto horizontalmente */
                align-items: center; /* Centra el texto verticalmente */
                
                box-sizing: border-box;
        
        
                position: absolute;
                top: 168vh;
                left: 0vh;
                right: 0;
                color: white;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 2.7dvh;
                font-family: Verdana;
                text-align: justify;
        
                
        
            }
        
        
        
            .grid-container {
                position: relative;
                height: 200px; /* Altura del contenedor */
                border: 1px solid black; /* Para visualizar el contenedor */
            }
        
        
        
        
            .imagen3{
        
                background-image: url('Imagenes/plano3.png'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
        
        
            .campo3 {
        
                position: absolute;
                top: 205vh; /* Basado en la altura de la ventana */
                left: 3vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 5dvh;
                font-family: Verdana;
                text-decoration: underline;
                
            }
        
        
            .reclutamiento{
        
                position: absolute;
                top: 210vh;
                left: 15px;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4vh;
                font-family: Verdana;
                /* text-decoration: underline; */
        
            }
        
        
            .Etapa1{
        
                position: absolute;
                top: 214vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso1{
        
                position: absolute;
                top: 219vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa2{
        
                position: absolute;
                top: 228vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso2{
        
                position: absolute;
                top: 233vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa3{
        
                position: absolute;
                top: 250vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
            }
        
            .Paso3{
        
                position: absolute;
                top: 255vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
            .Etapa4{
        
                position: absolute;
                top: 268vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                font-weight: bold;
                /* text-decoration: underline; */
        
        
            }
        
            .Paso4{
        
                position: absolute;
                top: 273vh;
                left: 2vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                list-style: none;
                
                /* text-decoration: underline; */
        
            }
        
        
            .mi-lista{
        
                list-style: none !important; /* Usa !important para asegurar que se aplique */
                padding: 0; /* Elimina el padding predeterminado */
                margin: 0; /* Elimina el margen predeterminado */
        
            }
        
            
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .fondo3 {
        
                background-image: url('Imagenes/portada3.0.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
            .evaluaciones{
        
                position: absolute;
                top: 310vh;
                left: 60vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 4dvh;
                font-family: Verdana;
                text-decoration: underline; 
            }
        
        
            .titulo1{
        
                position: absolute;
                top: 320vh;
                left: 40vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion1{
        
                position: absolute;
                top: 320vh;
                left: 77vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
                
            }
        
            .titulo2{
        
                position: absolute;
                top: 340vh;
                left: 40vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion2{
        
                position: absolute;
                top: 340vh;
                left: 77vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
            }
        
            .titulo3{
        
                position: absolute;
                top: 365vh;
                left: 40vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-decoration: underline; 
                
            }
        
            .evaluacion3{
        
                position: absolute;
                top: 365vh;
                left: 77vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3vh;
                font-family: Verdana;
                text-align: justify; /* Justifica el texto */
                margin-right: 50px; /* Margen de 50 píxeles a la derecha */
                
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            .fondo4 {
        
                background-image: url('Imagenes/contactanos.jpg'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                
            }
        
        
            .PrimeraContaco {
        
                position: absolute;
                top: 405vh;
                left: 50vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 3dvh;
                font-family: Verdana;
                
        
        
        
            }
        
        
            .logo2 {
        
                position: absolute;
                top: 420vh;
                left: 50vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .logo3 {
        
                position: absolute;
                top: 430vh;
                left: 50vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .cel1 {
        
                position: absolute;
                top: 421vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
        
            .correo {
        
                position: absolute;
                top: 431vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
        
        
        
        
        
        
        
        
        
        
        
            .slide {
                scroll-margin-top: 953px; /* Ajusta según la altura de tu encabezado */
            }
        
            .pasar{
        
                scroll-margin-top: 953px; /* Ajusta según la altura de tu encabezado */
        
            }
        
            .estamos{
        
                scroll-margin-top: 953px; /* Ajusta según la altura de tu encabezado */
        
            }
        
        
        
            .fondo5{
        
                background-image: url('Imagenes/editado5.png'); /* Ruta de la imagen */
                background-size: cover; /* Hace que la imagen cubra toda el área */
                background-position: center; /* Centra la imagen */
                background-repeat: no-repeat; /* Evita que la imagen se repita */
                height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
                color: white; /* Texto blanco para contraste */
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center; /* Centra el texto verticalmente */
                align-items: center; /* Centra el texto horizontalmente */
                min-height: 100vh;
                
            }
        
        
            .PrimeraContaco2 {
        
                position: absolute;
                top: 513vh;
                left: 65vh;
                right: 0;
                color: black;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
                font-weight: normal;
                font-size: 13px;
                font-family: Verdana;
                
        
        
        
            }
        
        
            .correo2 {
        
                position: absolute;
                top: 531vh;
                left: 67vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
            .logo5 {
        
                position: absolute;
                top: 530vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
        
            .logo4 {
        
                position: absolute;
                top: 520vh;
                left: 60vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
        
        
            }
        
            .cel2 {
        
                position: absolute;
                top: 521vh;
                left: 67vh;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                z-index: 1000;
            }
        


    }