@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&family=IBM+Plex+Sans:wght@200;300;400;500;700&display=swap');


.grecaptcha-badge { visibility: hidden; }


/* Estilos generales */

* {

    margin: 0;

    padding: 0;

}



body {

    background: #323232

}



.container {

    max-width: 1200px;

    margin: auto;

    padding: 20px;

    box-sizing: border-box

}



.header_container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.info_header a {

    text-decoration: none;

    color: inherit;

    display: flex;

}



.info_header button {

    font-family: 'Titillium Web', sans-serif;

    font-size: 20px;

    text-decoration: none;

    color: inherit;

    margin: 0px 15px;

    padding: 0;

    background: none;

    border: none;

    cursor: pointer;

}



.info_header img {

    margin-right: 5px

}



.seccion_uno {
    background-image: url("../imagenes/cara_1.png");
    background-size: 80% !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 50px;
    position: relative;
}



.seccion_uno h1 {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 200;

    font-size: 60px;

    color: white;

    margin: 0 0 10px 0;

    line-height: 80px

}

.my_h1_ {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    font-size: 60px;
    color: white;
    margin: 0 0 10px 0;
    line-height: 80px
}


.seccion_uno span {

    border-bottom: solid 4px #D4570D;

}



.shape {
    position: absolute;
    right: 30px;
    top: 350px;
}

.shape img {
    width: 250px;
}



.seccion_uno p {

    color: white;

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 300

}



.seccion_uno h2 {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 100;

    font-size: 20px;

    color: white;

    margin: 0 0 10px 0;

}



.arrow_next {

    margin-top: 20px;

    cursor: pointer;

}



.textos {

    font-family: 'Titillium Web', sans-serif;

    font-size: 20px;

    font-weight: 600;

    color: white;

    margin-top: 20px

}



.servicios_text {
    width: 100%;
    height: 700px;
    position: relative;
}



.servicios_text img {
    width: 100%;
    margin-top: 30px
}





.servicios_text h3 {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 200;

    font-size: 60px;

    color: #BBC7B9;

    margin: 0 0 20px 0;

    line-height: 60px;

}



.publicidad {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}



.publicidad img {
    margin-top: 20px;
    width: 40px;
    cursor: pointer;
}



.desarrollo {
    position: absolute;
    top: 250px;
    left: 0%;
    cursor: pointer
}



.desarrollo img {
    margin-top: 20px;
    width: 40px
}



.comunicacion {
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translateX(-50%);
}



.comunicacion img {

    margin-top: 20px;

    width: 40px;

    cursor: pointer

}



.banner_1 {
    width: 100%;
    height: 55px;
    margin-top: 100px;
    border-bottom: solid 2px #BBC7B9;
    border-top: solid 2px #BBC7B9;
    display: flex;
    align-items: center
}



.marquee_banner {

    font-family: 'IBM Plex Sans', sans-serif;

    font-size: 24px;

    color: white;

    line-height: 26px;

    letter-spacing: 2px

}



.seccion_dos {

    background: #1a042b;

    background-image: url("../imagenes/cara_2.png");

    background-size: 60% !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 1100px 77px;

}



.seccion_dos_1,

.seccion_tres_1,

.seccion_cinco_1 {

    padding-top: 50px;

}



.seccion_dos h1 {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 200;

    font-size: 60px;

    color: #BBC7B9;

    margin: 40px 0 0 70px;

    line-height: 70px;

}



.seccion_dos p {

    color: white;

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 300;

    margin-top: 20px;

    margin-left: 70px

}



.responsive_diferenciador {

    display: none;

}



.marketing {

    margin-top: 100px;

    display: flex;

    justify-content: space-between;

    padding: 80px 20px 40px 20px;

    width: 100%;

    max-width: 750px;

    margin: auto;

    box-sizing: border-box

}



.space_diferenciador {

    display: block;

}



.circulo_mkt {

    position: relative;

    width: 250px;

    height: 250px;

}



.circulo_mkt h1 {

    position: absolute;

    top: 0px;

    right: -40px;

    font-size: 70px;

    color: #FF6C30;

    font-family: 'IBM Plex Sans', sans-serif;

    margin: 0;

    font-weight: 700;

    z-index: 2

}



.circulo_mkt h2 {

    position: absolute;

    top: 70px;

    left: 250px;

    font-size: 36px;

    color: white;

    font-family: 'IBM Plex Sans', sans-serif;

    margin: 0;

    z-index: 2;

    font-weight: 300;

    line-height: 40px

}



.circulo {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.seccion_tres {

    background: #1a042b;

    background-image: url("../imagenes/elipse.png");

    background-size: 50% !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 700px 77px;

    height: 650px;

}



.seccion_tres_proyectos {

    background: #1a042b;

    height: 400px;

}



.seccion_tres_proyectos h1 {

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 36px;

    color: #ffffff;

    text-align: center

}



.seccion_tres h1,

.texto_testimonio {

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 36px;

    color: white;

    margin: 40px 0 0 0;

    line-height: 40px;

    font-weight: 300

}



.seccion_tres h1 {

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 36px;

    color: white;

    margin: 40px 0 0 0;

    line-height: 40px;

    font-weight: 300;

    text-align: left;

    padding-left: 30px;

}



.texto_testimonio_dos {

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 36px;

    color: black;

    margin: 40px 0 0 0;

    line-height: 40px;

    font-weight: 300;

    text-align: left;

    padding-left: 30px;

}



.texto_proyectos_dos h2 {

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 36px;

    color: black;

    margin: 0;

    line-height: 40px;

    font-weight: 300;

}



.texto_proyectos_dos p {

    font-family: 'Titillium Web', sans-serif;

    font-size: 20px;

}



.naranja {

    color: #D4570D

}



.seccion_tres span {

    font-weight: 500;

    text-decoration: underline;

    text-decoration-color: #FF6C30;

    position: relative;

    text-decoration: none;

}



.seccion_tres span::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 4px;

    bottom: -4px;

    background-color: #FF6C30;

}



.seccion_tres a {

    background: #FF6C30;

    font-family: 'IBM Plex Sans', sans-serif;

    font-size: 14px;

    padding: 10px 30px;

    color: white;

    font-weight: 400;

    border-radius: 20px;

    text-decoration: none;

    letter-spacing: 3px

}



.seccion_tres a:hover {

    background: #ab3505;

}



.seccion_cuatro_1 {

    position: relative;

    height: 280px;

    background: #323232;

}



.seccion_cuatro_1_pub {

    position: relative;

    height: 220px;

    background: #ffffff;

}



.seccion_cuatro_1_pub_proyecto {

    position: relative;

    height: 220px;

}



.seccion_cuatro_1,

.seccion_cuatro_1_pub img {

    width: 22%

}



.seccion_cuatro_1_pub_proyecto img {

    width: 22%

}



.seccion_cuatro_pub {

    background: #ffffff

}



.seccion_cuatro_proyectos {

    background: white;

}



.seccion_cinco_proyectos {

    background: #1a042b;

    position: relative

}



.circulo_cinco {

    position: absolute;

    left: 0px;

    top: 30px

}



.circulo_cinco_nuevo_2 {

    top: 300px;

}



.circulo_cinco img {

    height: 400px;

}



.seccion_4_proyectos {

    padding-top: 60px;

    padding-bottom: 60px;

    display: flex;

    justify-content: center;

    flex-direction: column

}



.seccion_4_proyectos h2 {

    font-family: 'IBM Plex Sans', sans-serif;

    font-size: 22px;

    font-weight: 200

}



.seccion_5_proyectos {

    padding-top: 60px;

    height: 750px;

    display: flex;

    position: relative;

}



.seccion_5_proyectos_nuevo_2 {

    height: 550px;

}



.seccion_5_proyectos_nuevo_3 {

    height: 650px;

}



.seccion_5_proyectos_dos {

    padding-top: 60px;

    height: 750px;

    display: flex;

    position: relative;

}



.seccion_5_proyectos_dos_nuevo_2 {

    height: 950px;

}



.cinco_1 {

    position: relative;

    width: 50%

}



.cinco_1 img {

    position: absolute;

    left: 0px;

    top: 164px;

    width: 100%;

    max-width: 450px;

}



.cinco_1_nuevo_2 img {

    top: 14px;

}



.cinco_1_nuevo_3 img {

    top: -70px;

    left: -30px;

}



.cinco_1_dos {

    position: relative;

    width: 50%

}



.cinco_1_dos img {

    position: absolute;

    left: 0px;

    top: -53px;

    width: 650px;

}



.cinco_1_dos_nuevo_2 img {

    position: absolute;

    left: 0px;

    top: 50px;

    width: 500px;

}



.cinco_1_dos_nuevo_3 img {

    position: absolute;

    left: 0px;

    top: 50px;

    width: 500px;

}



.cinco_2 {

    display: flex;

    flex-direction: column;

    color: white;

    width: 50%;

    z-index: 2;

}



.cinco_2 img {

    width: 30px;

    height: 30px;

}



.cinco_2 h2 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 42px;

    font-weight: 200;

    line-height: 46px;

    margin: 20px 0

}



.cinco_2 p {

    font-family: 'Titillium Web', sans-serif;

    font-size: 22px;

    font-weight: 200;

}



.seccion_seis_proyectos {

    background: #000000

}



.seccion_6_proyectos {

    padding-top: 60px;

    height: 600px;

    display: flex;

    position: relative;

}



.seccion_6_proyectos_nuevo_3 {

    height: 550px;

}



.seis_1 {

    position: relative;

    color: white;

    display: flex;

    flex-direction: column;

    color: white;

    width: 50%

}



.wrap_seis {

    position: absolute;

    bottom: 30px;

}



.wrap_seis_nuevo_2 {

    position: absolute;

    bottom: 0px;

}



.wrap_seis_nuevo_3 {

    position: absolute;

    bottom: 60px;

}



.seis_1 h2 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 42px;

    font-weight: 200;

    line-height: 46px;

    margin: 20px 0

}



.seis_1 p {

    font-family: 'Titillium Web', sans-serif;

    font-size: 22px;

    font-weight: 200;

}



.seis_1 img {

    width: 30px;

    height: 30px;

}



.seis_2 {

    width: 50%

}



.wrap_seis_dos {

    position: relative;

}



.wrap_seis_dos img {

    position: absolute;

    top: -250px;

    right: -20px;

    width: 750px;

    z-index: 2

}



.wrap_seis_dos_nuevo_2 img {

    width: 100%;

    top: -90px;

}



.wrap_seis_dos_nuevo_3 img {

    width: 100%;

    left: 10px;

    top: 0;

}



.wrap_seis_dos_dos img {

    position: absolute;

    top: 0px;

    right: 20px;

    width: 550px;

    z-index: 2

}



.wrap_seis_dos_2 {

    position: relative;

}



.wrap_seis_dos_2 img {

    position: absolute;

    top: 70px;

    right: -10px;

    width: 250px;

    z-index: 1

}



.logos_proyectos {

    text-align: center

}



.logos_proyectos img {

    max-width: 700px;

}



.img_tres {

    position: absolute;

    top: -220px;

    left: 100px;

}



.img_cuatro {

    position: absolute;

    top: 5px;

    left: 50%;

    transform: translate(-50%, -50%);

}



.img_cinco {

    position: absolute;

    top: -220px;

    right: 100px;

}



.seccion_cinco {

    background: black;

    position: relative;

}



.seccion_cinco_dos {

    background: white;

    position: relative;

}



/* SLIDER */

/* Mixin */

@keyframes scroll {

    0% {

        transform: translateX(0);

    }



    100% {

        transform: translateX(calc(-250px * 7));

    }

}



/* Styling */

.slider {

    background: black;

    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);

    height: 100px;

    margin: 40px auto;

    overflow: hidden;

    position: relative;

    width: 100%

}



.slider_servicios {

    height: 300px;

    background: none;

}



.slider::before,

.slider::after {

    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

    content: "";

    height: 100px;

    position: absolute;

    width: 200px;

    z-index: 2;

}



.slider::after {

    right: 0;

    top: 0;

    transform: rotate(180deg);

}



.slider::before {

    left: 0;

    top: 0;

}



.slider_servicios::before,

.slider_servicios::after {

background: none;

}



.slide-track {

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

}



.slide {

    height: 100px;

    width: 250px;

}



.slide_servicios {
    height: 300px;
    width: 450px;
    margin: 0 50px;
}





/* TRANSICION */



.testimonios {

    background: black;

    position: relative;

    width: 100%;

    height: 500px;

    overflow: hidden;

    margin: auto;

}



.testimonios_proy_dos {

    background: white;

    height: 70vh;

}



.testimonios_container {

    text-align: center;

    color: white;

    font-family: 'Montserrat', sans-serif;

    font-size: 22px;

    width: 80%;

}



.testimonios_container_proy_dos {

    color: black

}



.texto {

    position: absolute;

    color: white;

    top: 0;

    left: 0;

    opacity: 0;

    transition: opacity 2s ease-in-out;

    padding: 60px 0px;

    width: 100%;

    display: flex;

    justify-content: space-between

}



.texto_proy_dos {

    color: black;

}



.texto.active {

    opacity: 1;

}



.testimonio_espacio_1 {

    display: flex;

    width: 75%;

}



.testimonio_espacio_1 img {

    width: 60px

}



.texto_testimonio {

    width: 100%;

    text-align: left;

    padding: 20px;

    margin: 30px 0

}



.img_testimonio_dos {

    display: flex;

    align-items: flex-end

}



#container {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.bar {

    width: 3px;

    height: 50px;

    margin-bottom: 10px;

}



.blue-bar {

    background-color: #940EF7;

}



.gray-bar {

    background-color: #2B2B2B;

}



.testimonio_espacio_dos {

    display: flex;

    width: 35%;

    margin-top: 30px;

    padding-top: 20px;

    margin-left: 80px;

}



.info_testimonio {

    margin-left: 20px;

    font-family: 'IBM Plex Sans', sans-serif;

    text-align: left;

}



.info_testimonio h3 {

    color: white;

    font-weight: 500;

    font-size: 28px;

    line-height: 32px;

    margin-bottom: 15px;

}





.info_testimonio p {

    color: white;

    font-weight: 300;

    font-size: 20px;

    line-height: 24px

}



.info_testimonio_dos h3 {

    color: black

}



.info_testimonio_dos p {

    color: black

}



.info_testimonio img {

    margin-top: 50px;

}



.img_testimonios {

    position: absolute;

    bottom: -200px;

    right: 0px;

}



.seccion_seis_1 {

    padding-top: 80px;

    padding-bottom: 80px;

    color: white;

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 45px;

    line-height: 65px;

    text-align: center

}



.seccion_seis_1_pub {

    max-width: 900px;

}



.seccion_seis_1 span {

    font-weight: 500;

}



.seccion_siete {

    background: #FF6C30;

    font-family: 'Titillium Web', sans-serif;

    font-weight: 300;

    color: black;

    font-size: 70px;

    margin: 0;

    display: flex

}



.marquee_banner_dos {

    padding: 0;

    display: flex;

}



.seccion_ocho {

    background: #1A042B

}



.seccion_ocho_1 {

    display: flex;

    padding-top: 70px;

    padding-bottom: 70px

}



.seccion_ocho_espacio_1 {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.seccion_ocho_espacio_1 img {

    width: 100px;

}



.texto_ocho_uno {

    color: white;

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 45px;

    line-height: 50px;

    margin-top: 30px

}



.contactanos {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 20px 0;

    margin-top: 30px;

    color: rgba(255, 255, 255, 0.5);

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 200;

    font-size: 45px;

    line-height: 50px;

    flex-direction: column;

}



.contactanos img {

    width: 50px

}



.contactanos form {

    width: 100%;

}



.contactanos input[type="text"],

.contactanos input[type="email"],

.contactanos input[type="tel"] {

    width: 100%;

    padding: 10px;

    margin-bottom: 15px;

    box-sizing: border-box;

    outline: none;

    border-radius: 0px;

    font-family: 'IBM Plex Sans', sans-serif;

    background: #1A042B;

    font-size: 25px;

    color: #ffffff;

    border: none;

    border-bottom: 1px solid #ffffff;

}



.contactanos input[type="text"]::placeholder,

.contactanos input[type="email"]::placeholder,

.contactanos input[type="tel"]::placeholder {

    color: #866c99;

}



.final_form {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px;

    max-width: 500px;

}



.form_nuevo {

    display: flex;

    justify-content: space-between;

    width: 100%;

    max-width: 1100px;

} 



.form_int {

    width: 100%;

    margin-right: 50px;

}



.boton_contacto {

    background: none;

    border: none;

    cursor: pointer;

}



.politicas {

    font-size: 12px;

    color: #ffffff;

    display: flex;

    align-items: center;

}



.politicas input[type="checkbox"] {

    margin-right: 5px;

}



.fw_300 {

    font-weight: 300;

    color: white;

}



.success-message {

    margin-top: 20px;

    margin-right: 50px;

    max-width: 700px;

    display: none;

}



.error-message {

    margin-top: 20px;

    margin-right: 50px;

    max-width: 700px;

    display: none;

}



.footer_info {

    display: flex;

    flex-direction: column;

}



.footer_info a {

    margin-bottom: 5px;

    text-decoration: none;

    color: #ffffff;

}





.seccion_ocho_espacio_2 {

    display: flex;

    flex-direction: column;

    color: white;

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 300;

    font-size: 20px;

    line-height: 38px;

    letter-spacing: 2px;

    margin-top: 60px;

   /*  margin-left: 200px */

}



.seccion_ocho_espacio_2 a {

    text-decoration: none;

    color: white

}



.form_ultimo {

    display: flex;

}



.form_ultimo_wrap {

    display: flex;

    flex-direction: column;

    width: 100%;

    max-width: 300px;

    margin-right: 30px;

}



.seccion_nueve {

    background: #1A042B;

    color: white

}



.seccion_nueve_1 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-top: 30px;

    font-family: 'IBM Plex Sans', sans-serif;

    font-weight: 300;

    font-size: 14px;

    border-top: solid 1px white

}



/* Proyectos */

.wrap_seccion_1 {

    background: #1a042b;

    background-image: url("../imagenes/proyecto_1.jpg");

    background-size: 100% !important;

    background-size: cover;

    background-repeat: no-repeat;

    height: 450px;

}



.wrap_seccion_2 {

    background-image: url("../imagenes/proyecto_2.jpg");

}



.wrap_seccion_3 {

    background-image: url("../imagenes/proyecto_3.jpg");

}



.seccion_uno_proyectos {

    display: flex;

    justify-content: center;

    color: white;

    flex-direction: column

}



.seccion_uno_proyectos strong {

    border-bottom: 3px solid #FF6C30;

}



.seccion_uno_proyectos h1 {

    align-items: center;

    font-family: 'Titillium Web', sans-serif;

    text-align: center;

    font-weight: 300;

    font-size: 52px;

    color: white;

}



.seccion_dos_proyectos {

    background: #1a042b;

}



.seccion_2_proyectos {

    display: flex;

    padding-top: 40px;

    padding-bottom: 60px;

    color: white;

}



.overview {

    width: 60%;

    font-family: 'Titillium Web', sans-serif;

}



.overview h1 {

    font-size: 52px

}



.overview p {

    font-size: 22px

}



.industria_medica {

    width: 40%;

    font-family: 'IBM Plex Sans', sans-serif;

    padding-left: 50px

}



.industria_medica h1 {

    font-weight: 500;

    font-size: 22px;

    margin-bottom: 50px

}



.industria_medica_texto {

    border-left: 2px solid orange;

    padding-left: 20px

}



.industria_medica_texto ul {

    list-style: none;

}



.industria_medica_texto li {

    padding-bottom: 5px;

    font-size: 22px

}



.wrap_seccion_1_publicidad {

    background: #1a042b;

    background-image: url("../imagenes/elipse.png");

    background-size: contain;

    background-position: left center;

    background-repeat: no-repeat;

    /*  height: 550px; */

}





.wrap_seccion_1_gracias {

    background: #000000;

    background-image: url("../imagenes/elipse.png");

    background-size: contain;

    background-position: right center;

    background-repeat: no-repeat;

     height: 100%;

}



.seccion_uno_publicidad {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column

}



.seccion_uno_publicidad img {

    width: 50px;

    margin-top: 20px;

    cursor: pointer;

}



.rotar {

    transform: rotate(90deg);

}



.seccion_uno_publicidad h1 {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 200;

    font-size: 60px;

    color: white;

    margin: 0 0 10px 0;

    line-height: 80px;

}



.seccion_uno_publicidad h2 {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 100;

    font-size: 20px;

    color: white;

    margin: 0 0 10px 0;

}



.wrap_texto_publicidad {

    margin-top: 30px;

    max-width: 750px;

    text-align: center

}



#interiores {

    background: #1a042b;

    padding-top: 50px

}



.interior_1 {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.interior_2 {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    flex-direction: row-reverse;

}



.interior_1 img,

.interior_2 img {

    width: 50%;

}



.wrap_interiores {

    position: relative;

}



.fig_interiores {

    position: absolute;

    top: 50px;

    right: 0px;

    opacity: .3;

}



#preguntas_interiores {

    background: #000000;

    color: #ffffff;

    font-family: 'IBM Plex Sans', sans-serif;

}



.faq-container {

    margin: 0 auto;

    padding: 50px 0

}



.faq-item {

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

}



.faq-question {

    cursor: pointer;

    padding: 20px 10px;

    font-size: 34px;

    display: flex;

    justify-content: space-between;

}



.faq-answer {

    display: none;

    padding: 10px;

    font-family: 'Titillium Web', sans-serif;

    font-size: 20px

}



.faq-img {

    max-width: 100px;

    transition: transform 0.3s ease-in-out;

}



.rotate {

    transform: rotate(90deg);

}



.menu-toggle ul {

    display: flex;

}



.menu-toggle li {

    list-style: none;

    padding-left: 50px;

    font-family: 'Titillium Web', sans-serif;

}



.menu-toggle a {

    text-decoration: none;

    color: #ffffff;

    font-size: 20px;

}



.texto_politicas h2 {

    font-size: 20px;

    text-align: justify;

}



.bg_gris {

    background: #323232;

}



.gracias_wrap {

    width: 100%;

    height: calc(100vh - 94px);

}



.gracias {

    font-family: 'Titillium Web', sans-serif;

    font-weight: 200;

    font-size: 80px;

    color: white;

    margin: 0 0 10px 0;

    line-height: 80px;

    width: 100%;

    max-width: 650px;

    display: flex;

    flex-direction: column;

    margin-top: 100px;

}



.gracias h1 {

    font-weight: 200;

    font-size: 80px;

    line-height: 80px;

    margin-bottom: 20px;

}



.gracias p {

    font-weight: 200;

    font-size: 50px;

    line-height: 50px;

}







/* Media query */

@media (max-width: 1100px) {



    .marketing {

        max-width: 650px;

    }

}



@media (max-width: 1000px) {



    .responsive_diferenciador {

        display: block;

        height: 80px;

    }



    .marketing {

        max-width: 650px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        padding: 0px;

    }



    .circulo_mkt {

        margin-bottom: 100px

    }

}



@media (max-width: 890px) {

    .menu-toggle {

        display: block;

        position: relative;

        z-index: 3;

    }



    .menu-toggle nav {

        display: none;

        position: absolute;

        top: 100%;

        left: 20px;

        padding: 10px;

    }



    .menu-toggle .hamburguesa {

        display: block;

        cursor: pointer;

    }



    .menu-toggle.active nav {

        display: block;

        left: -120px;

        background-color: rgba(50, 50, 50, 0.98);

    }



    .menu-toggle ul {

        flex-direction: column;

        text-align: right;

    }



    .menu-toggle li {

        padding-top: 10px

    }



    /* Estilos para la hamburguesa (icono de menú) */

    .menu-toggle .barra {

        width: 25px;

        height: 3px;

        background-color: #ffffff;

        margin: 5px 0;

    }



    .seccion_uno h1 {

        font-size: 40px;

        line-height: 60px;

    }



    .arrow_next {

        margin-top: 60px;

        margin-bottom: 50px;

    }



    .servicios_text h3 {

        font-size: 40px;

        line-height: 50px;

    }



    .publicidad {

        top: 30px;

        width: 100%;

    }



    .desarrollo {

        top: 290px;

    }



    .comunicacion {

        width: 100%;

    }



    .seccion_dos h1 {

        font-size: 40px;

        margin: 40px 0 0 0;

        line-height: 50px;

    }



    .seccion_dos p {

        margin-left: 0px;

    }



    .circulo_mkt h1 {

        right: 150px;

    }



    .circulo_mkt h2 {

        margin-top: 50px;

    }



    .circulo {

        opacity: .5;

    }



    .seccion_tres h1 {

        padding-left: 0px;

    }



    .seccion_cuatro_1_pub {

        height: 1200px;

        top: 250px;

    }



    .seccion_cuatro_1_pub_proyecto {

        height: 950px;

    }



    .seccion_cuatro_1_pub img {

        width: 250px

    }



    .seccion_cuatro_1_pub_proyecto img {

        width: 250px

    }



    .img_tres {

        left: 50%;

        transform: translateX(-50%);

    }



    .img_cuatro {

        top: 345px;

    }



    .img_cinco {

        left: 50%;

        transform: translateX(-50%);

        top: 550px

    }



    .testimonio_espacio_1 img {

        width: 30px

    }



    .seccion_cinco {

        height: 1000px;

    }



    .texto {

        flex-direction: column;

        padding: 20px 0

    }



    .testimonio_espacio_1 {

        width: 100%;

    }



    .texto_testimonio {

        font-size: 20px;

        line-height: 25px;

        padding: 20px 0

    }



    .testimonio_espacio_dos {

        padding-top: 0px;

        margin-left: 0px;

    }



    .seccion_seis_1 {

        font-size: 35px;

        line-height: 45px;

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .seccion_siete {

        font-size: 40px;

    }



    .info_testimonio img {

        width: 50%;

        margin-top: 0px;

    }



    .testimonio_espacio_dos {

        width: 100%

    }



    .seccion_ocho_1 {

        flex-direction: column

    }



    .seccion_ocho_espacio_2 {

        margin-left: 0

    }



    .seccion_nueve_1 {

        flex-direction: column;

        align-items: flex-start;

    }



    .info_header a {

        margin-bottom: 0px;

    }



    .slider::before,

    .slider::after {

        background: none

    }



    .seccion_tres_proyectos {

        height: 300px;

    }

}





.info_header {

    /*     margin-top: 20px; */

    display: flex;

    max-width: 420px;

    justify-content: space-between;

    width: 100%;

    font-family: 'Titillium Web', sans-serif;

    color: white;

    /*  height: 70px; */

}



.menu_small {

    display: none

}



#navContainer {

    display: none;

}



.texto_servicios {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    color: #ffffff;

    list-style-type: none;

    font-family: 'Titillium Web', sans-serif;

    font-size: 18px;

    padding-left: 50px;

    width: 50%;

}



.texto_servicios li {

    padding-bottom: 20px;

    font-size: 24px;

    display: flex

}



.padding {

    padding-left: 0;

    padding-right: 50px

}



.plus_naranja {

    color: #FF6C30;

    margin-right: 10px

}

.mb_idx_pa2 {
	display: none;
}
.shape_lines_ {
	display: none;
}
.shape_lines_ly {
	display: none;
}
.mb_idx_pa1 {
	display: flex;
	max-width: 470px;
	text-align: left;
}
.mb_idx_pa3 {
	position: static;
	width: 100%;
}
.mb_idx_pa4 {
	width: 100%;
}
.mb_idx_pa5 {
	display: none;
}
.mb_idx_pa6 {
	display: block;
}
.mb_idx_pa7 {
	margin-bottom: 5px;
    text-decoration: none;
    color: #ffffff;
}

@media (max-width: 490px) {
	.seccion_uno {
		background-size: 100% !important;
		background-position: center 14%;
	}
	.seccion_tres {
		height: auto;
	}
	.mb_idx_pa6 {
		display: none;
	}
	.mb_idx_pa5 {
		display: flex;
		flex-wrap: wrap;
	}
	.slide_servicios {
		margin: 0 0px;
	}
	.banner_1 {
		margin-top: 25px;
	}
	.servicios_text {
		height: fit-content;
	}
	.mb_idx_pa4 {
		position: absolute;
		top: 0px;
	}
	.mb_idx_pa3 {
		position: relative;
		top:0px;
	}
	.publicidad {
		position: relative;
		top: 0px;
		left: 0px;
		transform: none;
		margin-top: 30px;
	}
	.desarrollo {
		position: relative;
		top: 0px;
		left: 0px;
		cursor: none;
		margin-top: 30px;
	}
	.comunicacion {
		position: relative;
		top: 0px;
		left: 0px;
		transform: none;
		margin-top: 30px;
	}
	.textos {
		margin-top: 0px;
	}
	.mb_idx_pa1 {
		max-width: 300px;
	}
	.shape_lines_ly {
		position: relative;
		display: flex;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		background-color: red;
		margin-bottom: 38px;
	}
	.shape_lines_ {
		display: flex;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.shape {
		display: none;
	}
	.mb_idx_pa2 {
		display: flex;
		min-height: 20px;
		max-height: 20px;
		height: 20px;
	}


    .gracias {

        margin-top: 50px;

    }



    .info_header {

        display: none

    }



    .header_container {

        background: #000000

    }



    .seccion_cuatro_1_pub {

        margin-top: 0px;

    }



    .testimonio_espacio_1 img {

        width: 15px;

    }



    .texto_testimonio {

        padding: 0;

    }



    .menu_small {

        display: flex;

        align-items: center;

        position: relative;

        font-family: 'Titillium Web', sans-serif;

        font-size: 18px;

        color: #ffffff

    }



    .menu_small img {

        width: 15px;

        height: 15px;

        margin-right: 5px

    }



    header {

        position: relative;

    }



    #navContainer {

        position: absolute;

        background: #000000;

        width: 100%;

        top: 70px;

        z-index: 3;

        box-sizing: border-box;

    }



    #navContainer nav {

        padding: 10px 40px 20px 40px;

    }



    #navContainer a {

        font-family: 'Titillium Web', sans-serif;

        color: #ffffff;

        text-decoration: none;

    }



    #navContainer ul li a {

        font-size: 28px;

    }



    #navContainer li {

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding-top: 10px;

        border-bottom: 1px solid #BBC7B9;

    }



    #navContainer li img {

        width: 30px;

        height: 30px;

    }



    #open {

        display: block;

    }



    #close {

        display: none;

    }



    .redes_sociales {

        display: flex;

        justify-content: space-between;

        margin-top: 15px;

    }



    .redes_sociales a {

        font-size: 18px;

    }



    .chat a {

        width: 100%;

        background: #1A042B;

        font-family: 'Titillium Web', sans-serif;

        padding: 10px 20px;

        box-sizing: border-box;

        display: flex;

        align-items: center;

        color: #ffffff;

        justify-content: flex-end;

        font-size: 14px;

        box-shadow: 10px 10px 20px rgb(0 0 0 / 50%);

    }



    .chat img {

        width: 15px;

        height: 15px;

        margin-left: 5px

    }



    .faq-question {

        font-size: 24px

    }





    .faq-question img {

        width: 40px;

        margin-left: 10px;

    }



    .fig_interiores {

        display: none

    }



    .seccion_uno_publicidad h1 {

        text-align: center;

        font-size: 50px;

        line-height: 50px;

        margin-top: 30px;

    }



    .seccion_uno_publicidad h2 {

        text-align: center;

        line-height: 30px;

        margin-top: 20px;

        margin-bottom: 30px;

    }



    .interior_1 {

        flex-direction: column;

        margin-bottom: 50px;

    }



    .interior_2 {

        flex-direction: column;

        margin-bottom: 50px;

    }



    .interior_1 img,

    .interior_2 img {

        width: 100%

    }



    #interiores {

        padding-top: 0

    }



    .texto_servicios {

        padding-left: 0px;

        margin-top: 30px;

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }



    .texto_servicios li {

        font-size: 20px

    }



    .faq-container {

        padding: 20px 0

    }



    .faq-answer {

        font-size: 18px;

        margin-bottom: 20px

    }



    .seccion_tres_proyectos h1 {

        font-size: 32px

    }



    .texto_testimonio_dos {

        padding-left: 0px;

        font-size: 20px;

        line-height: 25px;

    }



    .padding {

        padding-right: 0px

    }



    /* Proyectos */

    .seccion_2_proyectos {

        flex-direction: column

    }



    .seccion_4_proyectos {

        display: flex;

        flex-direction: column;

    }



    .logos_proyectos {

        display: flex;

        flex-direction: column

    }



    .seccion_uno_proyectos h1 {

        text-align: center;

        font-size: 40px;

        line-height: 50px;

        margin-top: 30px;

    }



    .wrap_seccion_1 {

        height: 450px;

        background-position: 10%;

        background-size: auto !important;

    }



    .overview {

        width: 100%

    }



    .overview p {

        font-size: 20px

    }



    .industria_medica {

        width: 100%;

        padding-left: 0px;

        margin-top: 50px;

    }



    .seccion_5_proyectos {

        flex-direction: column-reverse;

        height: 1050px;

    }



    .seccion_5_proyectos_nuevo_2 {

        height: 750px;

    }



    .seccion_5_proyectos_dos {

        flex-direction: column-reverse;

        height: 950px;

        padding: 0px 20px;

    }



    .seccion_5_proyectos_dos_nuevo_2 {

        height: 100%;

        padding-top: 50px;

    }



    .seccion_5_proyectos_dos {

        height: 100%;

        padding-top: 50px;

    }



    .cinco_1 {

        width: 100%

    }



    .cinco_1 img {

        width: 100%;

        position: inherit;

        top: 25px;

    }



    .cinco_2 {

        width: 100%

    }



    .cinco_2 p {

        font-size: 20px;

        font-weight: 200;

        line-height: 25px;

    }



    .seccion_seis_proyectos {

        height: 1100px;

    }



    .seccion_seis_proyectos_nuevo_2 {

        height: 1300px;

    }



    .seccion_seis_proyectos_nuevo_3 {

        height: 900px;

    }



    .seis_1 {

        width: 100%

    }



    .wrap_seis {

        position: inherit

    }



    .seis_2 {

        width: 100%

    }



    .seccion_6_proyectos {

        flex-direction: column

    }



    .wrap_seis_dos img {

        top: -70px;

        right: -20px;

        width: 400px;

    }



    .wrap_seis_dos_dos img {

        top: -70px;

        right: -20px;

        width: 400px;

    }



    .wrap_seis_dos_nuevo_2 img {

        top: -10px;

        right: 0px;

        width: 400px;

    }



    .wrap_seis_dos_nuevo_3 {

        width: 100%;

    }



    .wrap_seis_nuevo_3 {

        padding-top: 30px;

    }



    .wrap_seis_dos_2_nuevo_3 img {

        top: 0;

    }



    .wrap_seis_dos_nuevo_3 img {

        width: 100%;

    }



    .cinco_1_dos {

        width: 100%

    }



    .cinco_1_dos img {

        position: inherit;

        width: 100%;

        top: 4px;

    }



    .form_nuevo {

        flex-direction: column;

    }



    .form_ultimo {

        flex-direction: column;

    }



    .seccion_ocho_espacio_2 {

        margin-top: 0;

    }

}


.btn_contact_us {
	margin: 25px 0px 0px 0px;
}
.btn_contact_us a {
    background: #FF6C30;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    color: white;
    font-weight: 400;
    border-radius: 20px;
    text-decoration: none;
    letter-spacing: 3px
}
.btn_contact_us a:hover {
    background: #ab3505;
}