/* Import de Font */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');


/* Variables de colores */

:root {
  --main-bg-color: #120F3E;
  --main-text-color: #fff;
  --second-text-color: #000;
  --third-text-color: #58595B;
  --main-pink-color:#EE2D73;
  --main-bluesky-color: #17A3DD;
  --main-gray-color: #939598;
  --second-gray-color: #E6E7E8;
  --third-gray-color: #595A5C;
  --main-overlay: rgba(18, 15, 62, 0.5);
  --main-overlay2:rgb(18 15 62);
  --main-overlay-celeste: rgb(37 84 111 / 59%);
}

/* Define las fuentes */
/*
@font-face {
    font-family: 'LeagueSpartan-SemiBold';
    src: url('static/fonts/LeagueSpartan-SemiBold.woff') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'LeagueSpartan-Black';
    src: url('static/fonts/LeagueSpartan-Black.woff') format('truetype');
    font-weight: 900;
    font-style: normal;
}
*/

/* REFERENCIAS */
/* Aplica las fuentes */
body {
    font-family: 'League Spartan', sans-serif;
}

/* Ejemplo de uso específico */
h1 {
    font-family: 'League Spartan', sans-serif;
    font-weight: 900; /* Black */
}

p {
    font-family: 'League Spartan', sans-serif;
    font-weight: 600; /* SemiBold */
}


/* Estilos personalizados para el menú */
.navbar{
    position: absolute !important;
}

.navbar-nav {
    margin: 0 10px; /* Espaciado entre los elementos del menú */
    font-family: 'LeagueSpartan', sans-serif !important; /* Fuente del menú */
    list-style: none !important; /* Elimina los puntos de los elementos de la lista */
    padding-left: 0; /* Elimina el padding por defecto de la lista */
    margin-bottom: 0rem !important;
    z-index: 99;
   
}

.navbar-nav .nav-item {
    margin: 0 10px; /* Espaciado entre los elementos del menú */
    font-family: 'LeagueSpartan', sans-serif !important;
    font-weight: 600; /* SemiBold */
   
}

.navbar-nav .nav-item ul,
.navbar-nav .nav-item li {
    list-style: none !important; /* Elimina los puntos de los elementos de la lista */
   
}

.navbar-nav ul{
    padding-left: 0; /* Elimina el padding por defecto de la lista */
    margin-bottom: 0rem !important;
}

.page_item{
    list-style: none !important; /* Elimina los puntos de los elementos de la lista */ 
}

.navbar-nav a {
    color: var(--main-text-color); /* Color del texto del menú */
    text-decoration: none; /* Sin subrayado */
    padding: 10px 15px; /* Espaciado interno */
    transition: background-color 0.3s, color 0.3s; /* Transiciones suaves */
    text-transform: uppercase; /* Transforma el texto a mayúsculas */
}

.navbar-nav a:hover {
    color: var(--main-pink-color) !important; /* Color del texto al pasar el mouse */
    text-decoration: none !important; /* Sin subrayado */
}

.navbar-nav a:focus{
  color: var(--main-pink-color);
}

.navbar-nav a:active{
  color: var(--main-pink-color);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--main-pink-color) !important; /* Color del texto al pasar el mouse */
    text-decoration: none !important; /* Sin subrayado */
}

.navbar-toggler{
    z-index: 4;
}

/* Estilos para el dropdown */
.dropdown-toggle{
    text-transform: uppercase; /* Transforma el texto a mayúsculas */
    color: var(--main-text-color) !important;
}
.custom-dropdown:hover {
    display: block; /* Muestra el dropdown al pasar el mouse */
    color: var(--main-pink-color); /* Color del texto al pasar el mouse */
    margin-top: 0; /* Ajusta el margen según sea necesario */
    text-transform: uppercase; /* Transforma el texto a mayúsculas */
}



.dropdown-item {
    color: var(--main-bg-color); /* Color del texto del dropdown */
   /* padding: 10px 15px; /* Espaciado interno */
    transition: background-color 0.3s, color 0.3s; /* Transiciones suaves */
    text-transform: uppercase; /* Transforma el texto a mayúsculas */
}

.navbar-brand img{
    height: 4.25rem;
}
.navbar-nav {
    display: flex;
    flex-direction: row;
  
}

.navbar-nav .nav-item {
    display: inline-block;
}

.btn-hablemos{
    background-color: var(--main-pink-color) !important;
    color: var(--main-text-color) !important;
    font-size: 15px !important;
    font-weight: 600;
    padding: 5px 30px !important;
    border-radius: 6px !important;
    transition: background-color 0.3s, color 0.3s;
    left: 2%;
    position: relative;
}

.texto-flechas p{
    font-family: 'League Spartan', sans-serif;
    color:#17A3DD;
    font-size: 40px;
    font-weight: 900;
    display: inline-block;
}

.dropdown-menu a{
   color: var(--main-text-color) !important;
   background-color: var(--main-bg-color) !important; 
   --bs-dropdown-bg: var(--main-bg-color) !important;
}

.dropdown-menu ul:hover{
    color: var(--main-pink-color); /* Color del texto al pasar el mouse */
    text-decoration: none !important; /* Sin subrayado */
 }
 


.dropdown-menu ul{
    border-color: var(--main-bg-color) !important; 
    padding: 0px !important;
 }
 
 .dropdown-menu{
    background-color: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important; 
    padding: 0px !important;
 }

/* Estilos para el eliminar WPML de frontend */
.otgs-development-site-front-end{
    display: none;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
    display: none;
}

/* Estilos para el footer */

footer{
    background-color: var(--main-bg-color);
    z-index: 4;
}

footer p{
    color: var(--main-text-color);
    font-weight: 100;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 0px !important;
}

footer {
    position: relative;
    z-index: 4;
    pointer-events: none; 
}

footer * {
    pointer-events: auto; 
}

.logo-partner-footer{
    
    width: 100%;
}

.footer-text{
    font-family: 'Raleway', sans-serif;
    font-weight: 350;
    font-size: 14px;
}

.rrss-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--main-bg-color);
    font-size: 40px;
    width: 55px;
    height: 55px;
    background-color: var(--main-bluesky-color);
    padding: 15px;
}

.rrss-footer a{
    text-decoration: none;
    color: var(--main-bg-color);
}

.footer-diagonal {
    position: relative;
    background: var(--main-bg-color);
    padding-top: 50px;
}

.footer-diagonal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: inherit;
    transform: skewY(-3deg);
    transform-origin: top left;
    z-index: -1;
}

@media screen and (min-width: 1900px) {
  
  .footer-diagonal::before {
    height: 150px ;
  } 
  
  .llamado-texto-diagonal::before {
    height: 150px !important;
  }
}

footer .flecha-azul{
    height: 70px;
    display: inline-block;
    margin-top: -15px;
    margin-left: 10px;
}

@media (max-width: 768px) {
   /*footer .flecha-azul {
        width: 15%;
        display: inline-flex;
        position: absolute;
        top: 30px;
        left: 40px;
    }
    */
    .logo-partner-footer{
    
        height: 30%;
        width: 30%;
    } 
}


/* Estilos para Tamaño y colores */

.color-pink{
    color: var(--main-pink-color);
}

.color-navyblue{
    color: var(--main-bg-color);
}

.color-bluesky{
    color: var(--main-bluesky-color) !important;
}

.color-white{
    color: var(--main-text-color);
}
.color-gray{
    color: var(--main-gray-color);
}

.color-gray2{
    color: var( --third-gray-color);
}

.bg-gray {
    background-color: var(--second-gray-color) !important;
}
.bg-white {
    background-color: var(--main-text-color) !important;
}

.bg-pink {
    background-color: var(--main-pink-color) !important;
}

.bg-navyblue {
    background-color: var(--main-bg-color) !important;
}

.bg-skyblue{
    background-color: var(--main-bluesky-color) !important;
}

.hidden {
    display: none !important;
}

/* Tamaño Fuentes -2x */
.text-xs{
    font-size: 28px;
}
.text-s{
    font-size: 48px;
}
.text-m{
    font-size: 75px;
}
.text-l{
    font-size: 90px;
}
.text-xl{
    font-size: 150px;
    line-height: normal;
}
.text-xxl{
    font-size: 200px;
}    


@media (max-width: 768px) {
    .text-xs{
        font-size: 28px;
    }
    .text-s{
        font-size: 35px;
    }
    .text-m{
        font-size: 45px;
    }
    .text-l{
        font-size: 60px;
    }
    .text-xl{
       font-size: 80px;
        line-height: normal;
    }
    .text-xxl{
        font-size: 150px;
    }     
}

/* Estilos para bloque atributos */

.bloque_atributos {
    background-color: var(--main-bluesky-color);
    font-family: 'League Spartan', sans-serif;
    padding: 55px 40px 30px 40px;
    font-weight: 600;
}

.bloque_atributos_blanco {
    background-color: var(--main-white-color);
    font-family: 'League Spartan', sans-serif;
    padding: 40px;
    font-weight: 600;
}

.simbolo-atributo {
    color: var(--main-bg-color);
    font-size: 50px;
    font-weight: 900;    
}

.simbolo-atributo_blanco {
    color: var(--main-pink-color);
   font-size: 50px;
   font-weight: 900;
}

.bloque_atributos .col-lg {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titulo-atributo {
    color: var(--main-text-color);
    font-size: 55px;
    font-weight: 900;
    line-height: 24px;
}

.titulo-atributo_blanco {
    color: var(--main-pink-color);
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800 !important;
    font-size: 55px;
}


.descripcion-atributo_blanco {
    color: var(--third-gray-color);
    font-size: 20px;
    margin-top: 15px;
    font-weight: 400;
}

.descripcion-atributo{
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    font-family: "League Spartan", sans-serif;
    margin-top: 15px;
}

.atributos{
    height: 150px;
    align-self: center;
    display: inline;
}

.atributos-header {
    display: flex;
    justify-content: center; 
    align-items: baseline; 
    gap: 10px; 
    line-height: 24px;
}

.simbolo-atributo, .titulo-atributo {
    display: inline-block;
}

.bloque_atributos_blanco-diagonal {
    position: relative;
    background: var(--main-text-color);
    padding-top: 0;
}

.bloque_atributos_blanco-diagonal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 200px;
  background: inherit;
  transform: skewY(-7deg);
  transform-origin: top left;
  z-index: 0;
}

/* Estilos para el bloque de testimonios */

.bloque_testimonios {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px; /* Ajustar según sea necesario */
}

.bloque_testimonios .overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay);  /* Velo morado */
    z-index: 1; /* Asegurarse de que esté detrás del contenido */
}

.background-image-testimonio{
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px; /* Ajustar según sea necesario */
    
}

.bloque_testimonios .titulo {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    color: white;
    font-size: 50px;
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800 !important;
    text-align: end;
}

.bloque_testimonios .flecha-azul{
    width: 18%;
    margin-left: 10px; 
}

.bloque_testimonios .contenido {
    position: absolute;
    bottom: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    left: 25%;
    justify-content: flex-end; 
}

.bloque_testimonios .testimonio{

  background-color: var(--main-bg-color);
  font-family: "Raleway", sans-serif;
  font-size: 35px;
  color: white;
  padding: 13px 20px 13px 40px;
  margin-bottom: 0px;
  line-height: 35px;
  width: 100%;

}

.bloque_testimonios .descripcion {
  background-color: var(--main-bluesky-color);
  font-family: "League Spartan", sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: white;
  padding: 6px 25px 3px 25px;
  width: 100%;
  margin-left: 12%;
  text-align: center;
}

.titulo-testimonio {
    display: flex;
    align-items: center;
    margin-top: 10%;
}

.titulo-testimonio p {
    line-height: 1.2; /* Ajusta el interlineado del título */
    margin: 0; /* Elimina márgenes adicionales */

    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800 !important;

}

.carrusel_logo
{
    width: 80%;
    margin-left: 10%;
    height: 130px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;    
}


/* Carrusel Logos */

.owl-carousel {
    
}

.owl-carousel .item {
    justify-content: center;
    align-items: center;
    text-align: center;
  
}

.carrusel-logos
{
    margin-top: 60px !important;
}
.owl-carousel .item img {
    max-width: 60%;
    height: auto;
    align-items: center;
}

.owl-carousel .owl-item img
{
    display: inline-block !important;
}

.carrusel-logos.owl-carousel .owl-nav button.owl-prev
{
    left: -65px !important;
}

.carrusel-logos.owl-carousel .owl-nav button.owl-next
{
    right: -65px !important;
}

.carrusel-logos.owl-carousel .owl-nav
{
    top: 60px;
}

/* Estilos para las flechas de navegación */
.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    justify-content: space-between;
    transform: translateY(-50%);
}

.owl-nav button {
    background: none;
    border: none;
    font-size: 3rem !important;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: 50%; 
    transform: translateY(-50%); 
    margin-left: 30px;
    margin-right: 30px;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

/* Estilos para Formulario de Contacto */

.bloque-contacto {
  position: relative;
  /* background-size: cover; */
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-bottom: 10%;
  background-size: cover;
}

.bloque-contacto .texto-flechas p{
    color: var(--main-text-color) !important;
    text-align: left;
    font-size: 50px;
}
.bloque-contacto .flecha-azul{
  width: 50%;
  margin-left: 40%;
  padding: 0px !important;
  opacity: 0.5;
}

.formulario-contacto {
  padding-right: 15%;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  width: 100%;
  max-width: 100%;
}

.formulario-contacto form {
    display: flex;
    flex-direction: column;
}

.formulario-contacto .cv-form{
  font-family: "League Spartan", sans-serif !important;
  font-weight: 800;
}

.formulario-contacto #gfield_upload_rules_2_7{
  display: none;
}

.formulario-contacto #field_2_8{
  
}

.formulario-contacto input,
.formulario-contacto textarea {
    margin-bottom: 10px;
    padding: 10px;
    border: 3px solid var(--main-bluesky-color) !important;
    border-radius: 5px;
    background-color: transparent !important;
    color: white !important;
    font-family: 'Raleway', sans-serif !important;
}

.formulario-contacto input[type="submit"] {
  background-color: var(--main-pink-color) !important;
  color: white;
  border: none;
  cursor: pointer;
  padding: 10px 20px !important;
  border-radius: 10px !important;
  align-self: end;
  padding: 10px 60px 10px 60px !important;
  border: transparent !important;
  justify-content: end !important;
  text-transform: uppercase !important;
  font-family: 'League Spartan', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.formulario-contacto input[type="submit"]:hover {
    background-color: var(--main-pink-color);
}

#postula .gform_footer {
  justify-content: start !important;
}

.formulario-contacto .gform_footer {
  justify-content: end ;
}

.formulario-contacto .gform_confirmation_message_1{
  font-size: 40px;
  color: var(--main-text-color);
}

.formulario-contacto .gform_confirmation_message_1 .gform_confirmation_message{
  font-size: 40px;
  color: var(--main-text-color);
}

.formulario-contacto .gform-theme--foundation .gform_fields{
  row-gap: 20px;
}

#contacto .overlay {
  z-index: -1;
}

/* Form contact v1 */

/*
.formulario-contacto {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.formulario-contacto form {
    display: flex;
    flex-direction: column;
}

.formulario-contacto input,
.formulario-contacto textarea {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid var(--main-bluesky-color) !important;
    border-radius: 5px;
}

.formulario-contacto input[type="submit"] {
    background-color: var(--main-pink-color) !important;
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px 20px !important ;
    border-radius: 10px !important;
}

.formulario-contacto input[type="submit"]:hover {
    background-color: var(--main-pink-color);
}

*/

/* Estilos para Formulario de Postula con Nosotros */


.bloque-postula {
    position: relative;
    padding: 30px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4;
    height: 100%;
    overflow: hidden;
    padding: 0px;
}


.bloque-postula .overlay {
  z-index: -1;
}

.bloque-postula .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
    text-align: right;
    margin-top: 30px;

}

.bloque-postula .flecha-azul{
  width: 55%;
  margin-left: 40%;
  margin-top: -15%;
  padding: 0px !important;
  opacity: 0.5;
  transform: rotate(180deg) !important;
  z-index: -1;
  position: relative;
}

/* Estilos para Banner */

.banner-medium {
  position: relative;
  top: 0;
  width: 100%;
  height: 380px;
  overflow: hidden;
  z-index: -1;
  margin-bottom: -5%;
}

.banner {
    position: relative;
    top: 0;
    width: 100%;
    height: 75vh; /* Ajusta este valor según la altura deseada */
    overflow: hidden;
    z-index: -1; /* Asegura que el banner esté detrás del menú */
}

.banner-new {
  position: relative;
  top: 0;
  width: 100%;
  height: 30vh; /* Ajusta este valor según la altura deseada */
  overflow: hidden;
  z-index: -1; /* Asegura que el banner esté detrás del menú */
  margin-bottom: -5%;
}

.paginatestimonios {
  padding-top: 0px !important;
}

.txt-testimonios {
  padding-bottom: 80px;
}

.banner-video, .banner img {
    width: 100%;
    height: 100%; /* Asegura que el video o la imagen ocupen toda la altura del banner */
    object-fit: cover; /* Mantiene la proporción del contenido */
}

.banner-content-new {
  position: absolute;
  top: 46%;
  left: 15%;
  transform: translateY(-50%);
  padding: 20px;
  color: white;
  z-index: 2;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    padding: 20px;
    color: white;
    z-index: 2; /* Asegura que el contenido esté encima del banner */
}

.banner-title {
    text-align: left;
    font-family: 'League Spartan', sans-serif;
    font-weight: 900;
	line-height:3.5rem;
}

.overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay);  /* Velo morado */
    z-index: 1; /* Asegurarse de que esté detrás del contenido */
}


.overlay-video {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(50 95 158 / 45%); /* Color negro con 50% de opacidad */
    pointer-events: none; /* Permite que los eventos pasen al video */
}

.video-container {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 0; /* Asegura que el banner esté detrás del menú */
}

/* Asegura que el contenido siguiente no se superponga con el banner */
.content {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    padding: 20px;
    color: white;
    z-index: 2; /* Asegura que el contenido esté encima del banner */
}


/* Estilos para llamado texto  */

.llamado-texto{
    padding-top: 60px;
    padding-bottom: 60px;
    
}
.llamado-texto .columna-izquierda {
    display: flex;
    align-items: center;
}
.llamado-texto .flecha img {
    width: 100px; /* Ajusta el ancho según sea necesario */
    margin-right: 10px;
}
.llamado-texto .columna-derecha {
    display: inline-grid;
    justify-content: center;
    align-items: center;
    text-align: justify;
}
.llamado-texto blockquote {
    display: flex;
    align-items: center;
}
.llamado-texto blockquote img {
    width: 50px; /* Ajusta el ancho según sea necesario */
    margin: 0px 10px 40PX;
}

.llamado-texto .columna-izquierda h2 {
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800;
    font-size: 48px;
    line-height: 52px;
}

.llamado-texto .columna-izquierda h3 {
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800;
    font-size: 28px;
}

.llamado-texto .columna-derecha p{
    font-family: 'Raleway', sans-serif;
    font-weight: 350;
    font-size: 17px;
    line-height: 30px;
    padding: 0px;
}


.llamado-texto .columna-izquierda p {
    font-family: 'Raleway', sans-serif;
    font-weight: 350;
    font-size: 17px;
    line-height: 30px;
    padding: 0px;
}


.llamado-texto .columna-derecha  h4 {
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800 !important;
    font-size: 19px !important;
    line-height: 25px !important;
    color: var(--main-bluesky-color) !important;
 
}

.llamado-texto .columna-derecha  .p-titulo {
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 800 !important;
    font-size: 25px !important;
    line-height: 25px !important;
    color: var(--main-pink-color) !important;
 
}

.llamado-texto .columna-derecha blockquote p{
    font-family: 'Raleway', sans-serif; 
    font-weight: 600;
    font-size: 30px;
    color: var(--main-gray-color);
    font-style: italic;
    text-align: end;
}

.llamado-texto-diagonal {
    position: relative;
    background: var(--main-text-color);
    padding-top: 0;
    z-index: 3;
}

.llamado-texto-diagonal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: inherit;
    transform: skewY(-3deg);
    transform-origin: top left;
    z-index: 0;
}

.btn-citas{
  padding: 5px 20px !important;
  background-color: var(--main-pink-color) !important;
  color: var(--main-text-color) !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 800 !important;
    
}

.btn-citas2{
    padding: 5px 10px !important;
    background-color: var(--main-pink-color) !important;
    color: var(--main-text-color) !important;
    border: none !important;
    cursor: pointer !important;
    width: 35%;
    align-items: end;
    
}

/* Estilos columnas texto */

.bloque-columnas-texto{
    background-color: var(--main-pink-color);
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--main-text-color);
    justify-content: center;
}

.bloque-columnas-texto2{
    background-color: var(--main-pink-color);
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--main-text-color);
    justify-content: center;
    height: 100%;
}

.bloque-columnas-texto2 .col-lg {
  padding-bottom: 30px;
}

.bloque-columnas-texto-col{
    background-color: var(--main-pink-color);
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px; 
    color: var(--main-text-color);
    justify-content: center;
    height: 100%;
}

.bloque-columnas-texto .flecha-azul{
    width: 20%;
}

.bloque-columnas-texto2 .flecha-azul2{
    width: 50%;
}

.bloque-columnas-texto-col .flecha-azul-col{
    width: 50%;
}

.bloque-columnas-texto h2{
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 750;
    font-size: 30px;
    text-transform: uppercase;
}

.bloque-columnas-texto2 h2{
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 750;
    font-size: 40px;
    text-transform: uppercase;
    color: var(--main-bg-color);
}

.bloque-columnas-texto-col h2{
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 750;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
    height: 60px;
    position: relative;
    display: inline-block;
    padding: 5px 30px;
   
}

.bloque-columnas-texto-col h2::before
{
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: -5px;
  background-image: url(../img/flecha_azul_2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 0px;
  opacity: 0;
  transition: all .2s ease-out;
}

.bloque-columnas-texto-col h2:hover::before
{
  opacity: 1;
}

.bloque-columnas-texto p{
   
    font-family: 'Raleway', sans-serif !important;
    font-weight: 100;
    font-size: 18px;
    line-height: 1.2;
}

.bloque-columnas-texto-col p{
   
    font-family: 'Raleway', sans-serif !important;
    font-weight: 100;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.bloque-columnas-texto-col  ul{
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 750;
    font-size: 15px;
    margin-bottom: 0px;
    padding: 5px;
}


.bloque-columnas-texto ul{
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 750;
    font-size: 15px;
        
}

.col-text {
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    padding: 20px; /* Añade padding para dar espacio al contenido */
    box-sizing: border-box; /* Asegura que el padding no afecte el tamaño total */
    margin-bottom: 0px;
}

.col-text::before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 5px; /* Ancho del borde */
    height: 200px;
    background-color: var(--main-text-color); /* Color del borde */
    align-items: center;
    
}

.bloque-columnas-texto-col .col {
  border-right: 5px solid var(--main-text-color);
}

.bloque-columnas-texto-col .col:last-child {
  border-right: 0px solid var(--main-text-color);
}

.col-border{
    /*margin-top: 5px;*/
    border-right: 3px solid var(--main-text-color);
 
}

.col-border:first-child{
    height: 155px;
}

.col-border:last-child{
    border-right: none;
}

.col-text:last-child::before {
    content: none;
}

.lista-atributos li {
    display: flex;
    flex-direction: row;
    align-items: start;
}

.lista-atributos2 li {
    display: block;
    /* list-style: none; */
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 600;
    font-size: 25px;
    line-height: 1.0;

}

.lista-atributos2 ul {
    display: block;
   /* list-style: none; */
}

.lista-atributos-h2 {
    text-align: center;
}

/*.lista-atributos-h2::before {

  position: absolute;
  left: -40px;
  width: 15px;
  height: 15px;
  visibility: hidden;
  content: url("https://tecnova.multidev.cl/wp-content/uploads/2024/09/flecha_azul_2x.png");
  
}


.lista-atributos-h2::before:hover{
  visibility: visible;
} 
*/
.flecha-azul-lista{
   width: 5%;
   margin-right: 5px;  
}

.mostrar-flecha img {
   width: 20%;
 
   position: absolute;
   left: -15px;
   display: inline-block;
   visibility: hidden; 
   transition: all 0.2s ease-out;
  }
  
.mostrar-flecha:hover img {
width: 20%;
visibility: visible;
position: absolute;
left: -20px;
display: inline-block;
transition: all 0.2sease-out;   
}

@media (max-width: 768px) {
    .col-text::before {
        display: none;
    }
}


/* Estilos para bloque infografía */

.bloque-infografia {
    background-color: var(--main-bg-color);
    padding: 100px 0;
    padding-top: 0px;
    background-position: right center; /* Alinear a la derecha */
    background-size: 25%; /* Ocupa un máximo de 1/4 de la sección */
    background-repeat: no-repeat; /* No repetir la imagen de fondo */
    height: 100%; /* Ajustar según sea necesario */
       
}

.bloque-infografia .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-infografia .flecha-azul{
  
    width: 100px;
    margin-bottom: 90px;
    margin-left: 90px;
    margin-right: 30px;
}

.bloque-infografia .infografia img{
    display: flex;
    width: 100%;
    padding: 20px 60px 20px 60px;
    justify-content: center;
    align-items: center;
}




/* Estilos para bloque objetivos */

.bloque-objetivos {
    position: relative;
    background-color: var(--main-bg-color);
    padding: 30px 0;
    background-position: center; 
    background-size: cover;
    background-repeat: cover;
    z-index: 4;
    height: 100%;
       
}

.bloque-objetivos .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
    display: inline-block;
}

.bloque-objetivos .flecha-azul{
    width: 100px;
    display: inline-block;
    margin: 0px 25px 60px 50px;
}

.bloque-objetivos .infografia img{
    display: flex;
    width: 100%;
    padding: 10px;
    height: 100%;
}

.bloque-objetivos p {
    font-family: 'Raleway', sans-serif;
    font-weight: 350;
    font-size: 20px;
    color: var(--main-text-color);
    text-align: justify; 
    width: 100%;
    /*margin-left: 30%;*/
    /*padding: 20px; */
    line-height: 1.1;
}

.bloque-objetivos .overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay); /* Velo morado */
    z-index: -1; /* Asegurarse de que esté detrás del contenido */
}

/* Estilos para bloque equipo */

.bloque-equipo {
    position: relative;
    background-color: var(--second-gray-color);
    padding: 30px 0;
    height: 100%; /* Ajustar según sea necesario */ 
    overflow: hidden; /* Asegura que el contenido no desborde */
    padding: 0px;      
}

.bloque-equipo .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-equipo .flecha-azul{
    width: 19%;
    margin-right: 15px;
}

.equipo-item {
    text-align: center;
    padding: 10px;
}

.equipo-item img {
    width: 100%; /* Asegura que la imagen ocupe todo el ancho del contenedor */
    height: 200px; /* Ajusta la altura según sea necesario */
    object-fit: cover; /* Mantiene la proporción de la imagen */
    margin-bottom: 10px;
}


.equipo-item p {
    font-size: 20px;
    color: var(--main-bluesky-color);
    font-family: 'League Spartan' sans-serif;
    margin-bottom :0px;
}

.equipo-item .nombre{
    text-transform: uppercase;
    font-weight: 800;
}

.equipo-item .cargo {
    font-size: 17px;
    color: var(--second-text-color);
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
}

.equipo-item .mail {
    font-size: 15px;
    color: var(--main-bluesky-color);
    font-family: 'Raleway', sans-serif !important;
}

.margen-lateral {
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
}

/* Estilos para bloque certificaciones A */

.bloque-certificaciones {
    position: relative;
    /*background-color: var(--main-pink-color);*/
    padding: 30px 0;
    background-position: center; 
    background-size: cover;
    background-repeat: cover;
    z-index: 4;
    height: 100%; /* Ajustar según sea necesario */
    overflow: hidden; /* Asegura que el contenido no desborde */
    padding: 0px;
}

.certificaciones-img img{
    width: 80%;
    height: 200px;
    object-fit: scale-down;
    padding: 0px;
    margin-right: 10px;
}

.bloque-certificaciones .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-certificaciones .flecha-azul{
    width: 100px;
}

.collapsible-custom {
    background-color: var(--main-pink-color);
    border-radius: 10px;
    color: var(--main-text-color);
    font-family: 'League Spartan', sans-serif;
    font-weight: 800;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 17px;
   /* display: flex;  Utiliza flexbox para alinear el contenido */
    justify-content: center; /* Espacia el contenido entre los bordes */
   /*align-items: center; */
}



/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*.active, .collapsible:hover {
    background-color: var(--main-pink-color);
}*/

/* Style the collapsible content. Note: hidden by default */
.content-colllapsible {
  
    /*display: none; */
    overflow: hidden;
    background-color: none;
    color: var(--main-text-color);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 10px 18px; 

}

.content-colllapsible p{
    overflow: hidden;
    background-color: none;
    color: var(--main-text-color);
   border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    margin-bottom: 2px;
    width: 100%;
    font-weight: 400;
    padding: 8px 0px 5px 0px;
}

.content-colllapsible-2 {
    padding: 10px 18px; 
    /*display: none;*/
    overflow: hidden;
    background-color: none;
    color: var(--second-text-color);
    font-weight: 400;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.content-colllapsible-2 p{
    overflow: hidden;
    background-color: none;
    color: var(--second-text-color);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    margin-bottom: 2px;
    width: 100%;
    font-weight: 300;
    padding: 8px 0px 5px 0px;
}

.content-colllapsible-2:first-child p{
    margin-top: 0px !important;
    padding-top: 0px !important;
    font-size: 99px;
}


.content-colllapsible-2:last-child p{
    overflow: hidden;
    background-color: none;
    color: var(--second-text-color);
    border-bottom: 1px solid var(--second-text-color);
    margin-bottom: 2px;
    width: 100%;
    font-weight: 300;
}

.content-colllapsible-2 i {
    padding: 0px 8px 0px 0px;
}

.content-colllapsible i {
    padding: 0px 8px 0px 0px;
}

.collapsible-custom i {
    margin-left: auto; /* Asegura que el ícono esté al final */
    float: right;
}


.align-right {
    margin-left: auto;
}


/* Estilos para bloque certificaciones B*/

.bloque-certificaciones-b {
    position: relative;
    background-color: var(--main-white-color);
    padding: 30px 0;
    background-position: left center; /* Alinear a la derecha */
    background-size: 25%; /* Ocupa un máximo de 1/4 de la sección */
    background-repeat: no-repeat; /* No repetir la imagen de fondo */
    z-index: 4;
    height: 120vh; /* Ajustar según sea necesario */
    overflow: hidden; /* Asegura que el contenido no desborde */
    padding: 0px;
}

.certificaciones-img img{
    width: 100%;
    height: 200px;
    object-fit: scale-down;
    padding: 0px;
    margin-right: 10px;
}

.bloque-certificaciones-b .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-certificaciones-b .flecha-azul{
    width: 100px;
}

.align-right {
    margin-left: auto;/* Estilos para alinear la columna a la derecha */
}

/* Estilos para Bloque Integrantes  */

.bloque-integrantes .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-integrantes .flecha-azul{
    width: 100px;
}

.bloque-integrantes .infografia img{
    display: flex;
    width: 70%;
    padding: 20px 20px 20px 20px;   
    justify-content: center;
    align-items: center;
}

.bloque-integrantes img{
    width: 80%;
    height: 200px;
    object-fit: scale-down;
    padding: 0px;
    margin-right: 10px;
}

.bloque-integrantes p{
    font-weight: 700;
    line-height: 1.0;
    margin-bottom: 5px;
}

.btn-integrantes{
    background-color: var(--main-pink-color) !important;
    border-color: transparent !important;
}

/* Estilos bloque titulo texto */

.bloque-titulo-texto {
    background-color: var(--main-text-color);
    padding: 30px 0;
    background-position: right center; /* Alinear a la derecha */
    background-size: 25%; /* Ocupa un máximo de 1/4 de la sección */
    background-repeat: no-repeat; /* No repetir la imagen de fondo */
       
}

.bloque-titulo-texto .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-titulo-texto .flecha-azul{
    width: 100px;
}

.bloque-titulo-texto .infografia img{
    display: flex;
    width: 100%;
    padding: 20px 20px 20px 20px;   
    justify-content: center;
    align-items: center;
}

.bloque-titulo-texto p{
    font-family: 'Raleway', sans-serif;
    font-weight: 350;
    font-size: 20px;
}

/* Estilos para bloque logos caja */

.bloque-logos-caja {
    position: relative;
    background-color: var(--second-gray-color);
    background-position: center; 
    background-size: cover;
    background-repeat: cover;
    height: 80vh; /* Ajustar según sea necesario */
       
}

.bloque-logos-caja .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-logos-caja .flecha-azul{
    width: 100px;
}

.caja-descripcion-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.simbolo-mas {
    margin-right: 10px;
    align-self: center;
    width: 50px;
}

.caja-descripcion {
    border: 2px solid var(--main-pink-color);
    color: var(--main-pink-color);
    background-color: white;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}

.caja-descripcion h3 {
    border-bottom: 2px solid var(--main-pink-color);
    font-size: 15px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.logo-cajas{
    width: 100%;
}

.caja-descripcion ul li {
    color: #58595B;
}


/* Estilos para bloque acreditaciones */

.bloque-acreditaciones {
    position: relative;
    background-color: var(--main-text-color);
    background-position: center; 
    background-size: cover;
    background-repeat: cover;
    height: 80vh; /* Ajustar según sea necesario */
       
}

.bloque-acreditaciones .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-acreditaciones .flecha-azul{
    width: 100px;
}

.logos-acreditacion img{
    width: 90px;
    margin: 0 10px; /* Ajusta el margen horizontal según sea necesario */
    padding: 0; /* Elimina el padding si es necesario */
}

.logo-acreditacion {
    width: 250px;
  
}

/* Estilos para bloque imagen fondo con texto */

.bloque-imgfondo-texto {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 60vh; /* Ajustar según sea necesario */
}

.bloque-imgfondo-texto .overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay);  /* Velo morado */
    z-index: 1; /* Asegurarse de que esté detrás del contenido */
}

.bloque-imgfondo-texto .background-image{
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 60vh; /* Ajustar según sea necesario */
    
}

.bloque-imgfondo-texto .titulo h2{
    position: absolute;
    top: 20px;
    left: 5%;
    margin-top: 5%;
    /* z-index: 2; */
    color: white;
    /* font-size: 40px; */
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 1000 !important;
    text-align: start;
}

.bloque-imgfondo-texto .parrafo h2{

}

/* Estilos para bloque imagen fondo con Columna de texto */

.bloque-imgfondo-col-texto {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
   /* height: 65vh;  Ajustar según sea necesario */
}

.bloque-imgfondo-col-texto .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay);  /* Velo semitransparente */
    z-index: 0; /* Asegurarse de que esté detrás del contenido */
}

.bloque-imgfondo-col-texto .overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgb(10 26 77), rgb(0 0 0 / 24%));
    z-index: 0; /* Asegurarse de que esté detrás del contenido */
}

.bloque-imgfondo-col-texto .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.bloque-imgfondo-col-texto .titulo {
    position: relative;
    z-index: 2; /* Asegurarse de que esté encima de la superposición */
    color: white; /* Asegurar que el texto sea visible */
}

.bloque-imgfondo-col-texto .titulo h2 {
    margin: 0;
   

   
    /* z-index: 2; */
    color: white;
    /* font-size: 40px; */
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 1000 !important;
    text-align: start;
}

.bloque-imgfondo-col-texto .flecha-azul {
    width: 100px;
    margin-right: 10px;
}

.bloque-imgfondo-col-texto .texto-flechas {
    display: flex;
    align-items: center;
}

.bloque-imgfondo-col-texto .parrafo,
.bloque-imgfondo-col-texto .parrafo-bajada,
.bloque-imgfondo-col-texto .parrafo-button {
    margin-top: 15px;
}

.bloque-imgfondo-col-texto .parrafo-button button, .btn-primary {
    padding: 5px 20px;
    background-color: var(--main-pink-color); /* Ajustar según sea necesario */
    color: var(--main-text-color); /* Ajustar según sea necesario */
    border: none;
    cursor: pointer !important;
    
   /* margin-top: 20px; */
   font-weight: 800;
}
.bloque-imgfondo-col-texto .parrafo-button button:hover, .btn-primary {
    background-color: #009bdb !important; /* Ajustar según sea necesario */
	border:1px solid #009bdb !important;
}

.btn-tecnova-pink
{
    background-color: var(--main-pink-color) !important;
    border-color: var(--main-pink-color) !important;
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 2px !important;
    transition: all .2s ease !important;
    font-size: 18px !important;
}

.btn-tecnova-pink:hover
{
    opacity: .7
}

.btn-tecnova-blue
{
    background-color: var(--main-bluesky-color) !important;
    border-color: var(--main-bluesky-color) !important;
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 2px !important;
    transition: all .2s ease !important;
    font-size: 18px !important;
}

.btn-tecnova-blue:hover
{
    opacity: .7
}

.bloque-imgfondo-col-texto .parrafo p{
    font-family: 'Raleway', sans-serif;
    font-weight: 350;
    font-size: 17px;
    line-height: 25px;
    /* padding: 10px 0px 0px 0px; */
    text-align: justify;
    letter-spacing: 1px;
    text-shadow: 3px 1px 2px #333;
}

.bloque-imgfondo-col-texto .text-xs{
    font-size: 40px !important;
}

.parrafo-bajada p {
    font-family: 'League Spartan' , sans-serif;
    font-weight: 800  !important;
    font-size: 25px  !important;
    line-height: 25px  !important;
}

.bloque-imgfondo-col-texto .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.boton-bajada{
    margin-bottom: 30px;
    margin-left: 13.5rem;
}

/* Estilos bloque título calugas*/

.bloque-titulo-caluga{
    position: relative;
    background-color: var(--second-gray-color);
    height: 50vh; /* Ajustar según sea necesario */   
}

.bloque-titulo-caluga .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-titulo-caluga .flecha-azul{
    width: 100px;
}

.caja-descripcion-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.bloque-titulo-caluga .caja-descripcion {
    border: 2px solid var(--main-bluesky-color);
    color: var(--main-bluesky-color);
    background-color: var(--second-gray-color);
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}

.bloque-titulo-caluga .caja-descripcion h3 {
    border-bottom: 2px solid var(--main-bluesky-color);
    font-size: 15px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 10px;
}


.bloque-titulo-caluga .caja-descripcion ul li {
    color: #58595B;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif !important;
}



/* Estilos para bloque calugas texto */ 


.bloque-calugas-texto{
    position: relative;
    background-color: var(--second-gray-color);
    background-position: center; 
    background-size: cover;
    /* height: 90vh; Ajustar según sea necesario */
    z-index: -1;
}

.bg-color-none
{
    background-color: transparent;
    z-index: 0;
}

.bloque-calugas-texto .caja-descripcion-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.bloque-calugas-texto .caja-descripcion {
    border: 2px solid var(--main-bluesky-color);
    color: var(--main-bluesky-color);
    background-color: transparent;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.bloque-calugas-texto .caja-descripcion2 {
    border: 2px solid var(--main-bluesky-color);
    color: var(--main-bluesky-color);
    background-color: transparent;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.bloque-calugas-texto .caja-descripcion3 {
    border: 2px solid var(--main-pink-color);
    color: var(--main-text-color);
    background-color: transparent;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.bloque-calugas-texto .caja-descripcion4 {
    border: 2px solid var(--main-bluesky-color);
    color: var(--main-bluesky-color);
    background-color: transparent;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    transition: background .2s ease;
}

.bloque-calugas-texto .caja-descripcion4:hover{
    background-color: var(--main-bluesky-color);
    color: var(--main-text-color);
}

.bloque-calugas-texto .caja-descripcion4 ul li{
    color: var(--main-text-color) !important;
    font-size: 16px;
    font-weight: 400 !important;
    font-family: 'League Spartan', sans-serif !important;
    list-style: none;
    line-height: 1.4;    
}

.bg-style-right{
    background-position: right center !important;
    background-size: 35% 100% !important;
    background-repeat: no-repeat !important;
}

.bloque-calugas-texto .caja-descripcion4 h3{
    border-bottom: 0px solid var(--main-bluesky-color);
    font-family: 'League Spartan', sans-serif !important;
    font-size: 22px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 5px;
    margin-bottom: 10px;
    min-height: 2.8em;
    margin-bottom: 0 !important;
}

.bloque-calugas-texto .caja-descripcion3 ul li{
    color: var(--main-text-color) !important; 
    font-size: 18px;
    font-weight: 200 !important;
    font-family: 'Raleway', sans-serif !important;
    list-style: none;
}

.bloque-calugas-texto .caja-descripcion h3 {
    border-bottom: 0px solid var(--main-bluesky-color);
    font-family: 'League Spartan', sans-serif !important;
    font-size: 22px;
    text-transform: uppercase !important;
    text-align: center;
    font-weight: 900;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.bloque-calugas-texto .caja-descripcion ul li {
    color: #58595B;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif !important;
    list-style: none;
}

.bloque-calugas-texto .caja-descripcion2 ul li {
    color: #58595B;
    font-size: 18px;
    font-weight: 400 !important;
    font-family: 'Raleway', sans-serif !important;
    list-style: none;
}

.bloque-calugas-texto .caja-descripcion2 ul li:hover {
  font-weight: bold !important;
}

.bloque-calugas-texto .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-calugas-texto  .flecha-azul{
    width: 120px;
    margin-left: 5.5rem !important;
    padding-top: 16px;
    margin-right: 0.5rem;
}

.container-fluid .overlay-celeste  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay-celeste);  /* Velo morado */
    z-index: -1; /* Asegurarse de que esté detrás del contenido */
}

.bloque-calugas-texto .p-custom1 { 
    color: var(--main-text-color) !important;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif !important;
    line-height: 1.3;
    text-align: justify;
}

.bloque-calugas-texto .p-custom2 {
    color: var(--main-text-color) !important;
    font-size: 20px;
    font-weight: 800;
    font-family: 'League Spartan', sans-serif !important;
    line-height: 1.1;
    text-align: justify;
}

.vh-115{
    height: 115vh !important;
}

.contenedor-flechas:last-child {
    display: none !important;
}

.container-fluid {
    position: relative;
    z-index: 1; /* Asegúrate de que el z-index no cubra los elementos internos */
    pointer-events: all; /* Deshabilita los eventos de puntero en el contenedor */
}

.bloque-calugas-texto {
    pointer-events: auto; /* Habilita los eventos de puntero en los elementos internos */
}

.container-fluid {
    width: auto;
    height: auto;
}

/*
@media (max-width: 768px) {
    .bloque-calugas-texto  .flecha-azul{
        width: 120px;
        margin-right: 17.5rem !important;
    }

    .bloque-calugas-texto .texto-flechas h2{
        font-family: 'League Spartan', sans-serif;
        font-weight: 800 !important;
        line-height: 1.0 !important;
        position: absolute;
        top: 4.5rem;
        left: 10.5rem;
    }

}
    */

/* Estilos Rosados para bloque calugas texto*/
.bloque-calugas-texto .caja-descripcion-rosado ul li {
    color: var(--main-text-color);
    font-size: 18px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif !important;
    list-style: none;
}

.bloque-calugas-texto .caja-descripcion-rosado {
    border: 2px solid var(--main-text-color);
    color: var(--main-text-color);
    background-color: var(--main-pink-color);
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.bloque-calugas-texto .caja-descripcion-rosado2 p {
    font-family: 'Raleway', sans-serif !important;
    color: var(--main-text-color);
    background-color: var(--main-pink-color);
    /* padding: 10px; */
    width: 100%;
    border-radius: 10px;
    position: relative;
    text-align: center;
    font-weight: 400;
}

.bloque-calugas-texto .caja-descripcion-rosado2 strong {

    font-weight: 900;
}

.bloque-calugas-texto .caja-descripcion-rosado2 {
    font-family: 'Raleway', sans-serif !important;
    color: var(--main-text-color);
    background-color: var(--main-pink-color);
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.bloque-calugas-texto .caja-descripcion-rosado h3 {
    border-bottom: 0px solid var(--main-pink-color);
    font-family: 'League Spartan', sans-serif !important;
    font-size: 25px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.bloque-calugas-texto .caja-descripcion-no-fondo {
    border: 2px solid var(--main-text-color);
    color: var(--main-text-color);
    background-color: transparent !important;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    position: relative;

}


.titulo-caluga {
    border-bottom: 0px solid var(--main-bluesky-color);
    font-family: 'League Spartan', sans-serif !important;
    font-size: 22px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.lista-caluga {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centra los elementos horizontalmente */
    padding: 0;
    list-style: none; /* Elimina los puntos de la lista */
}

.lista-caluga li {
    width: 100%; /* Asegura que todos los elementos tengan el mismo ancho */
    text-align: center; /* Centra el texto */
    margin-bottom: 10px; /* Espaciado entre elementos */
}

.check_simbol {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: auto !important;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 20px;
}

.parrafo-flechas p {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}

.boton-flechas .btn{
    background-color: var(--main-pink-color);
    border-color: var(--main-pink-color);
    padding: 5px 20px 5px 20px;
    font-weight: 600;
}

.boton-flechas .btn:hover{
    background-color: #ee2d74 !important;
}

@media (max-width: 768px) {
    .bloque-calugas-texto{
        height: auto !important; /* Ajustar según sea necesario */   
    }
}

/* Estilo para corregir margenes indeseados */

body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Esto evitará cualquier desplazamiento horizontal */
}
.container-fluid {
    padding: 0 !important;
    margin: 0 !important;
}

/* Estilos para el bloque de Recursos */

.bloque-recursos{
    position: relative;
    background-color: var(--main-text-color);
    height: 100%; /* Ajustar según sea necesario */ 
}

.recursos{
    width: 100%;
    height: 400px;
  
}
.parrafo-recursos p{
    font-family: 'Raleway', sans-serif;
    color: var(--third-text-color);
    font-size: 20px;
    font-weight: 400;
}
.bloque-recursos .flecha-azul{
    width: 120px;
    margin-left: -1.5rem !important;
}

.bloque-recursos .flecha-azul2{
    width: 120px;
   margin-left: 7rem; 
}

.parrafo-recursos h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
    margin-left: 6rem !important;
    margin-right: 3rem !important;
}

.parrafo-recursos {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Estilos para el bloque de Columnas Texto Botón */

.bloque-columnas-texto-boton{
    background-color: var(--main-text-color);
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--main-bg-color);
}

.button-col-text{
    background-color: var(--main-pink-color);
    color: var(--main-text-color);
    font-size: 20px;
    font-weight: 500;
    padding: 5px 40px 3px 40px;
    border-radius: 12px;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
    text-decoration: none;
    display: inline-block;
    align-items: center;
    justify-content: center;
}

.bloque-columnas-texto-boton p {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-align: center;
}

.bloque-columnas-texto-boton h2 {
    font-family: 'League Spartan', sans-serif;
    font-weight: 800;
    font-size: 1.9rem;
}

.bloque-columnas-texto-boton .flecha-azul {
    width: 40px;
}
.bloque-columnas-texto-boton .flecha-azul:hover {
    width: 45px;
}

.bloque-columnas-texto-boton .col-lg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; /* Asegura que las columnas ocupen toda la altura disponible */
    text-align: center;
}

.bloque-columnas-texto-boton .titulo {
    font-size: 1.5em; /* Ajusta el tamaño del título según tus necesidades */
}

.bloque-columnas-texto-boton .texto {
    font-size: 1em; /* Ajusta el tamaño del texto según tus necesidades */
}

.bloque-columnas-texto-boton .button-col-text {
    margin-top: auto; /* Empuja el botón hacia la parte inferior de la columna */
    font-family: 'League Spartan', sans-serif;
    font-weight: 800;
}
.title-services{
  transition: all 0.2s ease-out;
}
.title-services:hover {
    color: var(--main-pink-color);
    cursor: pointer;
}

/* Estilos títulos banner main */

.titulo-banner-main h1{
    position: relative; 
    font-family: 'League Spartan', sans-serif;
    font-weight: 900;
}

.titulo-banner-main span.text-700{
	font-weight: 700;
}

.button-banner{
  background-color: var(--main-bluesky-color);
  color: var(--main-text-color);
  font-size: 15px;
  font-weight: 600;
  padding: 5px 50px 1px 50px;
  border-radius: 5px;
  transition: background-color 0.3s, color 0.3s;
  /* left: 2%; */
  position: relative;
  text-decoration: none;
  font-family: 'League Spartan', sans-serif;
}

.noticia-item img {
    width: 80%;
    height: 200px; /* Ajusta la altura según sea necesario */
    object-fit: cover; /* Mantiene la proporción de la imagen */
    margin-bottom: 15px;
}

.noticia-item {
    text-align: center;
    padding: 10px;
}

.noticia-item p {
    font-size: 22px;
    color: var(--main-bluesky-color);
    font-family: 'League Spartan', sans-serif !important;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

.banner-home {
    position: relative;
    overflow: hidden;
    background-color: #E6E7E8; 
    height: 100%; /* Ajusta la altura según sea necesario */
}

.banner-home::before {
    display: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--main-bg-color); 
    background-size: cover;
    background-position: center;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: 0;
}

.banner-home::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 0;
    background-color: var(--second-gray-color);
    clip-path:  polygon(0 74%, 100% 56%, 100% 100%, 0% 100%);
    z-index: 1  ;
}

.banner-home .row {
    position: relative;
    z-index: 2;
    /*margin-top: 4rem !important; */
}

.navbar-brand {
  z-index: 4 ;
}

.dropdown{
    z-index: 4;
}
.btn-hablemos{
    z-index: 4;
}



/* ---> MOBILE <--- */

/* Nav Bar */

@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.2rem; /* Ajustar el tamaño de la fuente */
        padding: 10px; /* Ajustar el padding */
    }

    .navbar-nav {
        display: flex;
        flex-direction: row-reverse; /* Cambiar la dirección del menú a columna */
        align-items: center;
    }

    .navbar-nav .nav-item {
        margin: 5px 0; /* Ajustar el margen entre los elementos del menú */
    }

    .navbar-toggler {
        display: block;
        right: 10%;
        background-color: #ffffffc4 !important;
       
    }

    .navbar-toggler:hover {
        display: block;
        right: 10%;
        top: 15px;
        background-color: #ffffffc4 !important;
       
    }

    /*.navbar-collapse {
        display: none;
    }

    .navbar-collapse.show {
        width: 100%;
    }

    .navbar-collapse.show ul {
        background-color: #120F3E;
        border-radius: 10px;
    }

    .navbar-collapse.show button {
        background-color: #120F3E;
    }

    .navbar-collapse.show .btn-hablemos {
        display: none;
    }*/

    /* Banner Home mobile */

    .video-container{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .titulo-banner-main h1{
        width: auto;
        font-size: 3vw;
    }

    .titulo-banner-main span {
       
        line-height: 22px;
        margin: 0; 
        display: flex;
        
        height: 40%;
    }
        
    .banner-home .row {
        display: flex;
        justify-content: center; 
        align-items: center; 
        height: 40%;
    }

    .banner-home .text-xs{
        font-size: 30px;
    }

    .banner-home .text-m{
        font-size: 48px;
    }
    
    .owl-carousel .item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40VH;
      
    }

    .banner-home .owl-carousel .item img {
        width: 100%;
        height: auto;
        align-items: center;
        overflow: hidden;
    }

    .button-banner{
        width: 100%;
        padding: 5px 35px;
    }

    .noticia-item p{
        font-size: 25px
    }

    .background-image-testimonio {
    
        background-position: left;
       
    }

    .bloque-columnas-texto-boton .col-lg {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 25vh;
        text-align: center;
    }

    .llamado-texto {
        /*padding-bottom: 0px !important; */
    }
    
    .bloque_testimonios p{
      font-size: 35px;
      padding:10px; 
    }
    
    .bloque_testimonios em{
      font-size: 23px;
      padding:10px; 
    }
    
    .bloque_testimonios .descripcion{
      font-size: 15px; 
      padding: 6px 30px 3px 0px;
    }
    
    .formulario-contacto {
      padding: 20px !important;
    }
    
    .bloque-contacto .flecha-azul {
        width: 50%;
        margin-left: 10%;
        padding: 0px !important;
        opacity: 0.5;
    }
    
    .bloque-contacto .texto-flechas {
        margin-left: 20px;
    }
    
    .llamado-texto .columna-derecha p{
      
      padding: 20px;
      
    }
    
    .bloque-columnas-texto-col .col {
        border: 0px;
       
    }
    
    .bloque_atributos_blanco .col-lg-3 {
      padding: 20px;
    }
}

.p-custom1{
    font-size: 16px !important;
    font-weight: 150 !important;
    text-shadow: none !important;
}

.parrafo-custom p{
  font-size: 16px !important;
  font-weight: 150 !important;
  font-family: 'Raleway', sans-serif;
  line-height: 25px;
  text-align: justify;
  letter-spacing: 1px;
}



.caja-custom ul li {
    color: var(--main-gray-color) !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    font-family: 'Raleway', sans-serif !important;
    list-style: none !important;
    line-height: 20px !important; 
    margin-bottom: 22px !important;
    font-weight: 500 !important;
}


/* Noticias */

.news-card{
    max-height: 100%;
   
}

.news-card img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-top: 30px;
}

.news-card h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 22px;
    margin-top: 10px;
    color: var(--main-bluesky-color);
    text-transform: uppercase;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    /* margin-bottom: 10px; */
    height: 2.4em;
    line-height: 1.2em;
    overflow: hidden;
}

.news-card p {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    margin-top: 10px;
}

.news-card .btn{
    background-color: var(--main-bluesky-color) !important;
    border-color: var(--main-bluesky-color);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 800;
    font-size: 12px;
}

.news-card .btn:hover{
    background-color: #f22771 !important;
    border-color: var(--main-bluesky-color);
}

.news-body p{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;   
}

.news-body h1{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800;
    font-size: 32px;
    line-height: 45px;
    margin-top: 10px;
    text-align: left;
    color: var(--main-bluesky-color);
}

.btn-news {
  padding: 10px 35px !important;
  border-radius: 10px !important;
  background-color: var(--main-pink-color) !important;
  color: var(--main-text-color) !important;
  border: none !important;
  cursor: pointer !important;
  /* font-size: 12px !important; */
  font-weight: 600 !important;
  font-size: 15px !important;
}

.btn-casos {
    padding: 5px 20px !important;
    border-radius: 15px !important;
    display: flex !important;   
    align-self: end !important;
    text-align: right;

}

.news-img img{
    width: 100%;
    height: auto;

}

.paginacion{
    padding: 30px;
    padding-bottom: 100px;
}

.paginacion ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    justify-content: center; 
    font-size: 30px;
    
}

.page-numbers
{
    margin-top: 30px;
}

.page-numbers:hover {
	color:#f22771 !important;
}

.paginacion li {
    margin: 0 5px;
    padding: 0px 20px;
}

.paginacion li a {
    text-decoration: none;
    margin-top: 30px;
    border: 0px solid #ccc;
    border-radius: 4px;
}

.page-numbers .current{
    color: var(--main-pink-color);
    font-family: 'League Spartan', sans-serif;
    font-weight: 800;
}

.page-numbers {
    color: var(--main-bluesky-color);
    font-family: 'League Spartan', sans-serif;
    font-weight: 400;
    font-size: 32px;
}

.page-numbers .prev {
  padding: 0px !important;
  
}

.page-numbers .next {
  padding: 0px !important;
  
}

.news-body .titulo-flechas img{
    width: 40px;
    padding: 0;
    margin-top: -10px;
    margin-right: 10px;
}

.news-body .text-area span {
    font-weight: 700;
    font-size: 20px;
}

#singleNoticia
{
    margin-bottom: 5%;
}

#cuerpoNoticia h3
{
    text-transform: uppercase;
    font-family: 'League Spartan', sans-serif;
    color: var(--main-pink-color);
    font-weight: 800;
    font-size: 24px;
}

#cuerpoNoticia h4
{
    font-family: 'League Spartan', sans-serif;
    color: var(--main-bluesky-color);
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

#cuerpoNoticia p, #cuerpoNoticia li
{
    font-weight: 400 !important;
    text-align: justify;
    font-family: 'Raleway', sans-serif;
    font-size: 17px;
    line-height: 30px;
}

#cuerpoNoticia ul
{
    margin-bottom: 30px;
}

#cuerpoNoticia li
{
    margin-bottom: 5px;
    line-height: 30px;
}

#cuerpoNoticia p strong, #cuerpoNoticia li strong
{
    color: var(--main-bluesky-color);
}

.expTecnologia
{
    max-height: 85px;
}

/* Estilos para Linea de Tiempo */
/*
.timeline {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 20px;
    padding: 10px 0;
    list-style: none;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--main-text-color);
    z-index: 0;
}

.timeline-item {
    position: relative;
    width: 100%;
    text-align: center;
}

.timeline-item::before {
    content: '';
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-color: var(--main-pink-color);
    border-radius: 50%;
    z-index: 1;
}

.timeline-content {
    /*padding-top: 20px;
}

.timeline-content h3 {
   /* margin: 25px; 
    font-size: 1.2em;
    color: var(--main-text-color);
    font-family: 'League Spartan', sans-serif;
}

.timeline-content p {
    margin: 5px 0 0;
    font-size: 1em;
}

*/

.bloque-linea-tiempo {
    position: relative;
    background-color: var(--main-bg-color);
    padding: 30px 0;
    background-position: center; 
    background-size: cover;
    background-repeat: cover;
    z-index: 4;
    height: 100%; 
}

.bloque-linea-tiempo .texto-flechas h2 {
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-linea-tiempo .flecha-azul {
    width: 100px;
}

.bloque-linea-tiempo .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-overlay);
    z-index: -1; 
}

.caja_100{
  height: 100%;
}

.timeline-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
    height: 300px;
    justify-content: center;
    display: flex;
}

.timeline-wrapper .middle-line {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translateY(-74px);
    background: var(--main-text-color);
}

.box {
    width: 14%;
    position: relative;
    height: 50%;
    float: inline-start;
    margin-bottom: 50px;
    bottom: 0%;
    left: -1%;
}

.box .circulo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--main-pink-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.circulo p {
    text-align: center;
    color: var(--main-text-color);
    margin: 0;
}

.box .box-content {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 95%;
    /* transform: translateX(-50%); */
    /* padding: 15px; */
    border-left: 1px solid white;
  /*background: rgba(0, 0, 0, 0.5);*/
	font-size:14px;
}

.box .box-top  {
    bottom: 75% !important;
    /* top: -35%; */
    position: absolute;
    width: 100%;
    left: 50%;
    /* transform: translateX(-50%); */
    /* padding: 15px; */
    border-left: 1px solid white;
    /* background: rgba(0, 0, 0, 0.5);*/
}

.box-top  p {
    color: white;
    padding: 10px;
    padding-bottom: 0px;
    margin: 0;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
}

.box .box-bottom  {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 95%;
    /* transform: translateX(-50%); */
    /* padding: 15px; */
    border-left: 1px solid white;
    /* background: rgba(0, 0, 0, 0.5);*/
	font-size:14px;
}

.box-bottom  p {
    color: white;
    padding: 10px;
    padding-bottom: 0px;
    margin: 0;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
}

.fecha-box  {
    width: 100%;
    position: absolute;
    left: 27%;
    padding: 10px !important;
    bottom: -10px;
    font-size: 30px;
    color: var(--main-text-color);
}
.custom-p {
    font-size: 13px;
    font-family: 'Raleway', sans-serif !important;
    padding-top: 0px !important;
    text-transform: none !important;
    font-weight: 300;
}

.box-doble .fecha-box{
    color: white;
    padding: 10px;
    margin: 0;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
    left: 27%;
}

/*
.box-content .custom-p {
    font-size: 10px;
    font-family: 'Raleway', sans-serif !important;
    padding-top: 0px !important;
    text-transform: none !important;
}

.box-bottom .custom-p  {
    color: white;
    padding: 10px;
    margin: 0;
    font-family: 'Raleway', sans-serif !important;
    text-transform: uppercase;
}

.box-top  .custom-p  {
    color: white;
    padding: 10px;
    margin: 0;
    font-family: 'Raleway', sans-serif !important;
    text-transform: uppercase;
}
    */


/*
.box-content::before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
}


.box-bottom .box-content::before {
    top: -20px;
    border-bottom-color: rgba(0, 0, 0, 0.5);
}


.box-top .box-content::before {
    bottom: -20px;
    border-top-color: rgba(0, 0, 0, 0.5);
}
*/

/* Estilo para clientes logos */

.bloque-industria{
    position: relative;
    background-color: var(--second-gray-color);
    background-position: center; 
    background-size: cover;
    /* height: 90vh;  */
    z-index: -1;
}

.bloque-industria .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-industria  .flecha-azul{
    width: 120px;
    margin-left: -1.5rem !important;
    padding-top: 30px;
}

#industria-tab .nav-link{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 5px 15px 5px 15px !important;
    color: var(--second-text-color) !important;
    font-size: 14px !important;
    font-weight: 200 !important;
    border-radius: 5px !important;
    transition: background-color 0.3s, color 0.3s !important;
    position: relative !important;
    text-decoration: none !important;
    border-bottom: 0px solid var(--main-bluesky-color) !important;
    font-family: 'Raleway', sans-serif !important;

}

#industria-tab .nav-link:hover{
    color: var(--main-pink-color) !important;
    border-color: #FFF;
}

#industria-tab .nav-link.active{
    font-weight: 500 !important;
    background-color: #380559 !important;
    color: #FFF !important;
    border: 0px solid !important;
}

#industria-tab {
    border-bottom: 0px solid !important;
}



/* Estilo para casos de éxito */

.bloque-casos{
    position: relative;
    background-color: var(--second-gray-color);
    background-position: center; 
    background-size: cover;
    /* height: 90vh; Ajustar según sea necesario */
    z-index: -1;
}

.bloque-casos .texto-flechas h2{
    font-family: 'League Spartan', sans-serif;
    font-weight: 800 !important;
    line-height: 1.0 !important;
}

.bloque-casos  .flecha-azul{
    width: 120px;
    margin-left: -1.5rem !important;
    padding-top: 30px;
}

#casos-tab .nav-link{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px 15px 0px 15px !important;
    color: var(--main-text-color) !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    border-radius: 5px !important;
    transition: background-color 0.3s, color 0.3s !important;
    position: relative !important;
    text-decoration: none !important;
    border-bottom: 0px solid var(--main-bluesky-color) !important;
    font-family: 'Raleway', sans-serif !important;
    background-color: transparent !important;

}

#casos-tab .nav-link:hover{
    color: var(--second-text-color) !important;
    border-color: transparent !important;
}

#casos-tab .nav-link.active{
    font-weight: 500 !important;
    background-color: #f22771 !important;
    
    border-color: transparent !important;
}

#casos-tab {
    border-bottom: 0px solid !important;
}

.owl-two .owl-carousel {
    height: 300px;
}

.owl-two .item {
    /* display: contents; */
    text-align: center;
  
}
.owl-two .item img {
    width: 100%;
    max-width: 100%;
    height: 51%;
    object-fit: cover;
    margin-bottom: 10px;
    align-self: center;
    position: relative;
}

/* Estilos para las flechas de navegación */
.owl-two .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    justify-content: space-between;
    transform: translateY(-50%);
}

.owl-two .owl-carousel .owl-nav button {
    background: none;
    border: none;
    font-size: 3rem !important; 
    color: #000; 
    cursor: pointer;
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
}

.owl-two .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.owl-two .owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.caso-exito{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}
.caso-exito h3{
    color: var(--main-text-color);
    font-size: 18px;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0px;
    overflow: visible;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    /* margin-bottom: 10px; */
    height: 2.4em;
   font-size: 16px;
    line-height: 1.2em;
    overflow: hidden;
    font-weight: 600;
}

.caso-exito p{
    color: var(--main-text-color);
    font-size: 15px;
    font-weight: 300;
    font-family: 'Ralaway', sans-serif;
    margin-bottom: 0px;
    padding: 10px;


}

.caso-exito a
{
    text-decoration: none !important;
}

.caso-exito a.btn {
    background-color: var(--main-pink-color);
    border-color: transparent;
    position: relative;
    padding: 5px 30px 0px 30px;
}

.caso-exito .btn {
    align-self: center ;
    font-family: 'League Spartan', sans-serif;
    font-weight: 600;
    padding-bottom: 0px;
}

.caso-exito a.btn:hover {
    background-color: var(--main-pink-color);
    border-color: transparent;
}

.caso-exito a:active {
    background-color: var(--main-pink-color) !important;
    border-color: transparent !important;
}

.owl-two .owl-nav
{
    top: 120px;
}

.owl_logoshome .owl-nav
{
    top: 55px;
}

.owl-two.owl-carousel .owl-nav button.owl-prev,
.owl_logoshome.owl-carousel .owl-nav button.owl-prev
{
    left: -70px !important;
}

.owl-two.owl-carousel .owl-nav button.owl-next,
.owl_logoshome.owl-carousel .owl-nav button.owl-next
{
    right: -70px !important;
}

.extractoNoticia
{
    background-color: #f1f1f1;
    padding: 20px 30px;
    margin-bottom: 50px;
    border-left: 8px solid var(--main-bluesky-color);
	font-size:16px !important;
}

.cuerpoNoticiaSimple img
{
    float: right;
    margin:30px;
    margin-right: 0;
}

.extractoNoticia p
{
    margin-bottom: 0;
    font-weight: 300;
	font-size:19px !important;
	line-height:30px !important;
}

#paises h5
{
    color: var(--main-bluesky-color);
    font-size: 24px;
    font-weight: 700;
    font-family: 'League Spartan', sans-serif;
}

.pais p
{
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 10px;
}

#paises .col-12
{
    border-right: 1px solid var(--main-bluesky-color);
}

#paises .col-12:last-child
{
    border-right: 0;
}

.formulario-corporativo
{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-family: 'League Spartan', sans-serif;
}

.formhead
{
  padding: 15px 30px;
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
  font-weight: 700;
}

.formhead h2
{
  font-size: 24px;
}

.formbody
{
  padding: 30px;
}

.formbody p
{
  font-weight: 400;
}

.formulario-corporativo .gfield_label
{
  font-size: 16px !important;
}

.formulario-corporativo .gform_heading
{
  display: none !important;
}


@media (min-width: 1200px) and (max-width: 1399px) {
    
    
  .bloque-recursos .text-s{
    font-size: 42px;
  }
  
  .bloque-infografia .infografia img {
        margin-bottom: 40px;
  }
  
}

 

@media (max-width: 1200px) {
  .bloque-recursos .recursos{
    height: auto;
  }
  
  .parrafo-recursos .text-s{
    font-size: 34px;
  }
  
  .parrafo-recursos h2{
    margin-left: 3rem !important;
  }
  
  .bloque-imgfondo-col-texto .flecha-azul {
    margin-right: 45px;
  }
  
  .bloque-calugas-texto .caja-descripcion4 h3 {
    font-size: 16px;
  }
  
  #bloque-cal-text .bg-style-right {
  background-position: right center !important;
  background-size: 30% 50% !important;
  background-repeat: repeat-y !important;
  }
  
  .bloque-casos .caso-exito h3 {
    height: 6.4em;
    -webkit-line-clamp: 0;
  }
  
  .llamado-texto .columna-derecha blockquote p {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 24px;
  }
  
  .bloque-equipo .justify-content-end {
      justify-content: center !important;
  }
  
  .bloque-integrantes .justify-content-end {
      justify-content: center !important;
  }
  
 .bloque-integrantes .text-s {
     font-size: 28px;
  }
  
 .bloque-integrantes .text-m {
      font-size: 50px;
  }
  
  
  .bloque-infografia .infografia img{
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      width: 100%;
      overflow-x: auto;
      max-width: none;
      width: auto;
  }
  
  .bloque-linea-tiempo
  {
    height: auto;
  }
  
  .timeline-wrapper
  {
    width: 94%;
    margin-left: 3%;
    overflow-x: scroll;
  }
  
  ::-webkit-scrollbar {
      -webkit-appearance: none;
  }
  
  ::-webkit-scrollbar:horizontal {
      height: 12px;
  }
  
  ::-webkit-scrollbar-thumb {
      background-color: var(--main-pink-color);
      border-radius: 10px;
      border: 2px solid transparent;
  }
  
  ::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: rgba(255,255,255,.4);
  }
  
}

/* CLASES PROVISORIAS */
@media (max-width: 992px) {
  
    #navbarNav .btn-hablemos
    {
        display: none;
    }
  
}

@media (min-width: 768px) and (max-width: 992px) {
  
    .llamado-texto .columna-izquierda h2
    {
        font-size: 42px;
        line-height: 48px;
    }
    
    .bloque-columnas-texto-boton h2
    {
        font-size: 22px;
    }
    
    .llamado-texto .columna-derecha p
    {
        font-size: 16px;
        line-height: 26px;
        padding: 20px;
    }
    
    .bloque-industria .flecha-azul
    {
        width: 80px;
    }
    
    .llamado-texto {
      padding-bottom: 0;
    }
    
    .llamado-texto .columna-derecha .ms-auto{
      padding: 3rem !important;
      margin-left: 0px !important;
    }
    
    .parrafo-recursos .text-s {
        font-size: 30px;
    }
    
    .parrafo-recursos p {
        font-size: 16px;
    }
    
    .bloque-recursos .flecha-azul {
        width: 95px;
        
    }
    
    .bloque-infografia {
      background-size: 44%;
    }
    
    .bloque-infografia .infografia img {
     
        height: 500px;
        padding-bottom: 10px;
      }
    
    .bloque-infografia
    {
      height: auto;
      padding: 80px;
    }
    
    .infografia
    {
      width: 94%;
      margin-left: 3%;
      overflow-x: scroll;
    }
    
    .scroll-img::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    
    .scroll-img::-webkit-scrollbar:horizontal {
        height: 12px;
    }
    
    .scroll-img::-webkit-scrollbar-thumb {
        background-color: var(--main-pink-color);
        border-radius: 10px;
        border: 2px solid transparent;
    }
    
    .scroll-img::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: rgba(255,255,255,.4);
    }
    
    .bloque-imgfondo-col-texto .flecha-azul {
       margin-right: 10px;
       width: 50px;
    }
    
    .llamado-texto .columna-izquierda {
          padding: 20px;
    }
    
    .llamado-texto .columna-derecha {
        padding-bottom: 10px;
    }
    
    .bloque-calugas-texto .p-custom2 {
        font-size: 23px;       
        text-align: right;
    }
    
    .bloque-casos .caso-exito h3 {
        height: 0em;
    }
    
    .btn-integrantes {
      font-size: 12px !important;
    }
    
    .bloque-postula .texto-flechas{
      margin-top: 30px;
      margin-right: 30px;

    }
    
   .video-container {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
   
   .logo-partner-footer {
       width: 100%;
   }
   
   .formulario-contacto {
       padding: 15%;
     
   }
   
   .bloque-contacto .texto-flechas p {
    display: block;
    text-align: center;
   }
   
   .bloque-infografia .flecha-azul {
     width: 100px;
     margin-bottom: 90px;
     margin-left: 0px;
     margin-right: 10px;
   }
   
   .bloque_atributos_blanco .atributos {
    
       display: block;
      
   }
   
   .bloque-imgfondo-col-texto .titulo h2 {
      margin-right: -27px !important;
   }
   
   .bloque-contacto .flecha-azul {
    width: 70%;
   }
   
}


@media (max-width: 768px) {
    .bloque-infografia .infografia img{
     height: 500px;
    }
    
    .bloque-infografia
    {
      height: auto;
    }
    
    .infografia
    {
      width: 94%;
      margin-left: 3%;
      overflow-x: scroll;
    }
    
    .scroll-img::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    
    .scroll-img::-webkit-scrollbar:horizontal {
        height: 12px;
    }
    
    .scroll-img::-webkit-scrollbar-thumb {
        background-color: var(--main-pink-color);
        border-radius: 10px;
        border: 2px solid transparent;
    }
    
    .scroll-img::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: rgba(255,255,255,.4);
    }
    
    .logo-partner-footer {
         width: 20%;
     }
     
     .llamado-texto .columna-izquierda h2 {
         font-size: 32px;
         line-height: 30px;
        
     }
     
     .llamado-texto .columna-izquierda h3 {
        font-size: 23px;
     }
     
     .bloque-imgfondo-col-texto .parrafo p {
        
         font-weight: 350 !important; 
       
     }
     
     .bloque-columnas-texto2 .col-border{
       border-right: 0px solid var(--main-text-color);
     }
     
    .bloque-imgfondo-col-texto .parrafo-bajada p {
         font-family: 'League Spartan', sans-serif;
         font-weight: 800 !important;
         font-size: 25px !important;
         line-height: 25px !important;
     }
     
     .bloque-calugas-texto .caja-descripcion-rosado {
        max-width: 500px;
        width: 500px;      
     }
     
     .bloque-calugas-texto .caja-descripcion-no-fondo {
       max-width: 500px;
       width: 500px;
     }
     
     .bloque-casos .caso-exito h3 {
         height: 3em;
     }
     
     .bloque-equipo .flecha-azul {
         width: 16%;
     }
     
     .bloque-titulo-texto .infografia img {
        width: 50%;    
     }
     
    .bloque-postula .flecha-azul {
       width: 28%;
    }    
    
    .bloque-contacto .flecha-azul {
        width: 12%;
        position: absolute;
        margin-left: 18%;
      
        top: 4%;
    } 
}



@media (max-width: 478px) {
  
  .bloque-infografia .texto-flechas h2 {
    position: absolute;
  }
  
  .bloque-infografia .flecha-azul {
   width: 80px;
   margin-bottom: 15px;
   margin-left: 10px;
   margin-right: 10px;  
  
  }

  .bloque-objetivos .infografia img {
      width: auto;
      padding: 10px;
      height: 100%;
    }
    
  #bloque-cal-text .bg-style-right {
      background-position: right center !important;
      background-size: 40% 12% !important;
      background-repeat: repeat-y !important;
  }
  
  .bloque-calugas-texto .flecha-azul {
      margin-right: 1.0rem;
  }
  
  .bloque-calugas-texto .text-xs {
      font-size: 35px;
  }
  
  .bloque-calugas-texto .text-s {
      font-size: 57px;
  }
    
  .bloque-columnas-texto2 .col-border {
    border-right: 0px solid var(--main-text-color);
  }
  
  .bloque-titulo-texto .flecha-azul {
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 50px;
  }
  
  .bloque-titulo-texto p {
      padding: 20px;
  }
  
  .bloque-titulo-texto .texto-flechas h2 {
    display: inline-block;
  }

  .bloque-integrantes .texto-flechas h2 {
      margin-left: 40px;
  }
  
  .bloque-integrantes .text-s {
      font-size: 22px;
  }
  
  .bloque-integrantes .text-m {
      font-size: 42px;
  }
  
  .bloque-postula .texto-flechas h2 {
    margin-right: 19px;
  }
  
  .bloque-infografia .infografia img {
          height: 500px;
      }
      
  .titulo-banner-main h1 {
      line-height: 15px;
  }
  
  .banner-home .text-m {
      font-size: 39px;
  }
  
  .banner-home .text-xs {
      font-size: 22px;
  }
  
  .bloque-contacto .flecha-azul {
      width: 30%;
      position: absolute;
      margin-left: 5%;
      top: 4%;
      z-index: -2;
  }
  
  .bloque-imgfondo-col-texto .flecha-azul {
      margin-right: 10px;
      width: 70px;
  }
      
  .bloque-columnas-texto2 .flecha-azul2 {
    width: 30%;
  }
  
  .bloque-calugas-texto .caja-descripcion-rosado {
      max-width: 500px;
      width: 385px;
  }
  
  .bloque-calugas-texto .caja-descripcion-no-fondo {
      max-width: 500px;
     width: 385px;
  }
  
  .bloque-calugas-texto .flecha-azul {
      width: 120px;
      margin-left: 0.5rem !important;
      padding-top: 16px;
      margin-right: 0.5rem;
  }
  
  .bloque-calugas-texto .texto-flechas h2 {
     margin-left: 1rem;
  }
  
  .parrafo-flechas p {
      padding: 20px;
  }
  
  .boton-flechas .btn {
       margin-left: 1rem;
  }
  
  .bloque-equipo .flecha-azul {
      width: 50px;
      height: 50px;
  }
  
  .text-m {
      font-size: 30px;
  }
  
  .bloque-postula .texto-flechas h2 {
      margin-top: 25px;
  }
  
  .bloque-integrantes::before {
    clip-path: polygon(0 0, 100% 0, 100% 30%, 0 40%) !important;  
  }
  
  .bloque-integrantes::after {
     clip-path: polygon(0 0, 100% 0, 100% 30%, 0 40%) !important;  
     background-color: rgba(18, 16, 64, 6.5) !important;
  }
  
  .bloque-titulo-texto .flecha-margin {
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: -10px !important;
  }

  .banner-home::after {

      clip-path: polygon(0 43%, 100% 32%, 100% 100%, 0% 100%) !important;

  }

}

.paginacorporativa
{
  padding-top: 0 !important;
}

#menu-menu-footer a
{
  color: rgba(255,255,255,.8);
  font-family: 'League Spartan', sans-serif;
  font-size: 14px;
}

#menu-menu-footer, #menu-menu-footer li
{
  display: inline-block;
}

.bg-azul
{
    background-color: var(--main-bg-color);
}

@media screen and (min-width: 1600px) {
  .equipo-item img
  {
    height: 18vw;
  }
}

@media screen and (max-width: 767px) {
    #navHeader
    {
        width: calc(100% - 30px);
    }
    
    #navbarNav
    {
        z-index: 10;
        background-color: var(--main-overlay2);
        padding-top: 5px;
    }
    
    .navbar-nav li
    {
        text-align: left;
        width: 100%;
        display: block;
    }
    
    .navbar-nav a
    {
        padding: 2px 20px;
        font-size: 15px;
        font-family: 'League Spartan', sans-serif;
    }
    
    .navbar-nav li ul li
    {
        padding-left: 30px;
    }
    
    .navbar-nav li ul li a
    {
        font-size: 14px;
        padding: 3px 20px;
    }
    
    .banner-home .text-m
    {
        font-size: 28px;
    }
    
    .noticia-item img
    {
        width: 100%;
    }
    
    .noticia-item p
    {
        font-size: 20px;
    }
    
    .button-banner
    {
        padding-bottom: 0;
        width: 50%;
    }
    
    .llamado-texto .flecha img
    {
        width: 60px;
    }
    
    .bloque-columnas-texto-boton .col-text
    {
        border-bottom: 1px solid #EEE;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .bloque-columnas-texto-boton .col-text:last-child
    {
        border-bottom: 0;
    }
    
    .llamado-texto .columna-derecha p
    {
        font-size: 14px;
    }
    
    .llamado-texto
    {
        padding-bottom: 30px;
    }
    
    .titulo-atributo, .simbolo-atributo
    {
        font-size: 42px;
    }
    
    .descripcion-atributo
    {
        font-size: 16px;
        line-height: 18px;
    }
    
    .bloque_atributos
    {
        padding: 30px 10px;
    }
    
    .bloque_testimonios em
    {
        font-size: 14px;
    }
    
    .bloque_testimonios .testimonio
    {
        line-height: 22px;
    }
    
    .bloque_testimonios .contenido
    {
        left: 5%;
    }
    
    .bloque_testimonios em br
    {
        display: none;
    }
    
    .bloque_testimonios p
    {
        font-size: 22px;
    }
    
    .owl-two.owl-carousel .owl-nav button.owl-prev, .owl_logoshome.owl-carousel .owl-nav button.owl-prev
    {
      left: -20px !important;
    }
    
    .owl-two.owl-carousel .owl-nav button.owl-next, .owl_logoshome.owl-carousel .owl-nav button.owl-next
    {
      right: -20px !important;
    }
    
    .owl-carousel .item
    {
      height: 130px;
    }
    
    .carrusel_logo
    {
      margin-left: 0;
      width: 60%;
    }
    
    .logo-partner-footer {
        width: 100%;
    }
    
    #paises
    {
        border-top: 1px solid rgba(255,255,255,.4);
        padding-top: 20px;
    }
    
    #paises h5
    {
        margin-bottom: 0;
        font-size: 18px;
    }
    
    .pais p
    {
        font-size: 11px;
        margin-bottom: 10px !important;
        
    }
    #menu-menu-footer, #menu-menu-footer li
    {
        text-align: center;
    }
    
    footer .texto-flechas p
    {
        font-size: 28px;
    }
    
    footer .flecha-azul
    {
        height: 50px;
    }
    
    #singleNoticia
    {
        margin-bottom: 50px;
    }
    
    .llamado-texto-diagonal::before
    {
        height: 50px;
    }
    
    .paginacorporativa {
        padding-top: 50px !important;
    }
    
    .banner-content
    {
        width: 94%;
        left: 3%;
    }
    
    .text-xl
    {
        font-size: 60px;
    }
    
    .text-s
    {
        font-size: 24px;
    }
    
    .banner
    {
        height: 60vh;
    }
    
    .llamado-texto .columna-derecha p
    {
        line-height: 26px;
    }
    
    .lista-atributos li
    {
        justify-content: center;
    }
    
    .bloque-infografia .flecha-azul
    {
        width: 30px;
    }
    
    .bloque-infografia .infografia img
    {
        height: 300px;
    }
    
    .bloque-objetivos .flecha-azul
    {
        width: 40px;
    }
    
    .bloque-objetivos p
    {
        font-size: 16px;
        line-height: 24px;
    }
    
    .bloque-objetivos .infografia
    {
        height: 500px;
    }
    
    .bloque-recursos .flecha-azul2
    {
        display: none;
    }
    
    .parrafo-recursos p, .parrafo-recursos h2
    {
        width: 90% !important;
        margin-left: 5% !important;
    }
    
    .parrafo-recursos h2
    {
        margin-left: 30px !important;
    }
    
    .bloque-recursos
    {
        padding-bottom: 100px;
    }
    
    .text-xxl
    {
        font-size: 120px;
    }
    
    .titulo-atributo_blanco
    {
        font-size: 32px;
    }
    
    .descripcion-atributo_blanco
    {
        font-size: 14px;
    }
    
    .bloque_atributos_blanco
    {
        padding: 40px 15px;
    }
    
    .text-xs {
        font-size: 22px;
    }
    
    .bloque-calugas-texto .text-s
    {
        font-size: 28px;
    }
    
    .bloque-calugas-texto .flecha-azul
    {
        width: 30px;
    }
    
    .bloque-calugas-texto .caja-descripcion
    {
        margin-left: 35px !important;
    }
    
    .bg-style-right
    {
        background-size: auto !important;
    }
    
    .lista-caluga
    {
        margin-bottom: 0;
    }
    
    .bloque-calugas-texto .caja-descripcion-rosado2 p
    {
        font-size: 13px;
        margin-bottom: 0;
    }
    
    .bloque-columnas-texto2
    {
        padding-top: 0;
    }
    
    .llamado-texto .columna-derecha .p-titulo
    {
        font-size: 18px !important;
        padding: 20px;
    }
    
    .bloque-imgfondo-col-texto .parrafo p
    {
        font-size: 15px;
        line-height: 24px;
    }
    
    .bloque-imgfondo-col-texto .flecha-azul
    {
        width: 50px;
    }
    
    .boton-bajada
    {
        margin-left: 30px;
        margin-top: 30px;
    }
    
    .bloque-imgfondo-col-texto .text-xs
    {
        font-size: 28px !important;
    }
    
    .bloque-calugas-texto .caja-descripcion-rosado
    {
        width: 100%;
    }
    
    .bloque-calugas-texto .caja-descripcion
    {
        margin-left: 0px !important;
    }
    
    .text-l
    {
        font-size: 42px;
    }
    
    .bloque-calugas-texto .caja-descripcion-no-fondo
    {
        width: 100%;
    }
    
    .bloque-industria .flecha-azul
    {
        width: 50px;
    }
    
    .carrusel-logos a
    {
        display: block;
        width: 100%;
    }
    
    .bloque-casos .flecha-azul
    {
        width: 40px;
    }
    
    .bloque-casos .owl-carousel .item
    {
        height: 300px;
    }
    
    .bloque-casos .caso-exito h3
    {
        height: 2em;
    }
    
    .bloque-casos .owl-two .owl-nav button.owl-prev
    {
        left: -70px !important;
    }
    
    .bloque-casos .owl-two .owl-nav button.owl-next
    {
        right: -70px !important;
    }
    
    .bloque-certificaciones .flecha-azul
    {
        width: 30px;
    }
}

@media (min-width: 300px) {
	.banner-medium {
    height: 250px;
	}
	
	.banner-title{
	line-height:2rem !important;
	}
	
	.banner-content-new {
    top: 60%;
    left: 5%;
	}
}

@media (min-width: 344px) {
	.banner-medium {
    height: 280px;
	}
	
	.banner-title{
	line-height:2rem !important;
	}
	
	.banner-content-new {
    top: 55%;
    left: 2%;
	}
}

@media (min-width: 360px) {
	.banner-medium {
    height: 280px;
	}
	
	.banner-title{
	line-height:2rem !important;
	}
}

@media (min-width: 375px) {
	.banner-medium {
    height: 280px;
	}
	
	.banner-title{
	line-height:2rem !important;
	}
}

@media (min-width: 412px) {
	.banner-medium {
    height: 280px;
	}
	
	.banner-title{
	line-height:2rem !important;
	}
	
	.banner-content-new {
    top: 55%;
    left: 2%;
	}
}

@media (min-width: 400px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-title{
	line-height:2rem !important;
	}
}

@media (min-width: 500px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-title{
		line-height:2rem !important;
	}
}

@media (min-width: 540px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-title{
		line-height:2rem !important;
	}
	
	.banner-content-new {
    top: 55%;
    left: 2%;
	}
}

@media (min-width: 600px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-title{
		line-height:2.5rem !important;
	}
}

@media (min-width: 767px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-content-new {
    top: 54%;
    left: 9%;
	}
	
	
}

@media (min-width: 768px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-content-new {
    top: 55%;
    left: 7%;
	}
	
}

@media (min-width: 1000px) {
	.banner-medium {
    height: 300px;
	}
	
	.banner-content-new {
    top: 52%;
    left: 9%;
	}
}

@media (min-width: 1200px) {
	.banner-medium {
    height: 350px;
	}
	
	.banner-content-new {
    top: 48%;
    left: 10%;
	}
	
	.banner-title{
	line-height:3.5rem !important;
	}
}


@media (min-width: 1366px) {
	.banner-medium {
    height: 380px;
	}
	
	.banner-content-new {
    top: 46%;
    left: 9%;
	}
	
	.banner-title{
	line-height:3.5rem !important;
	}
}

@media (min-width: 1680px) {
	.banner-medium {
    height: 380px;
	}
	
	.banner-content-new {
     top: 46%;
     left: 15%;
    }
	
	.banner-title{
	line-height:3.5rem !important;
	}
}

@media (min-width: 1920px) {
	.banner-medium {
    height: 400px;
	}
	
	.banner-content-new {
     top: 43%;
     left: 20%;
    }
	
	.banner-title{
	line-height:3.5rem !important;
	}
}

@media (min-width: 2160px) {
	.banner-medium {
    height: 500px;
	}
}

@media (min-width: 2560px) {
	.banner-medium {
    height: 500px;
	}
}

@media (min-width: 2880px) {
	.banner-medium {
    height: 500px;
	}
}