.elementor-kit-4{--e-global-color-primary:#31B3A3;--e-global-color-secondary:#3E2563;--e-global-color-text:#0C1A25;--e-global-color-accent:#EE7962;--e-global-color-4575e2a:#F7F5F5;--e-global-color-0dad5c4:#C3D22F;--e-global-color-0c0daf2:#FFFFFF;--e-global-color-e4c2d45:#B9B9B9;--e-global-typography-primary-font-family:"Darker Grotesque";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Darker Grotesque";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Google Sans Flex";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Google Sans Flex";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );color:var( --e-global-color-4575e2a );border-radius:40px 40px 40px 40px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );box-shadow:0px 3px 8px -2px rgba(62.00000000000007, 37, 99.00000000000001, 0.27);}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-secondary );}.elementor-kit-4 a:hover{color:var( --e-global-color-primary );}.elementor-kit-4 h1{color:var( --e-global-color-secondary );}.elementor-kit-4 h2{color:var( --e-global-color-text );}.elementor-kit-4 h3{color:var( --e-global-color-text );}.elementor-kit-4 h4{color:var( --e-global-color-text );}.elementor-kit-4 h5{color:var( --e-global-color-secondary );}.elementor-kit-4 h6{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* El truco de la barra salmón */
.highlight::before {
  content: "";
  display: inline-block;
  
  /* 1. Dimensiones */
  width: 80px;
  height: 8px;
  background-color: #f2745e;
  
  /* 2. Bordes rectos */
  border-radius: 0; /* Esto elimina cualquier curvatura */
  
  /* 3. Control vertical preciso */
  position: relative;
  top: -25px; /* VALOR CLAVE: Ajusta este número (en px) para subir o bajar la barra */
  
  /* 4. Separación */
  margin-right: 15px;
}

@media (max-width: 768px) {
  .highlight::before {
    width: 35px; /* Barra más corta */
    height: 5px; /* Barra más delgada */
    top: -3px;   /* Re-ajuste de altura */
  }
}

.line-break {
  display: block; /* Esto ya hace el salto de línea sin necesidad de !important */
}

/* Si por alguna razón no te hace caso, es mejor ser más específico en el .elementor-kit-4 */
.main-title .line-break {
  display: block;
}




/* =================================================-
   CARRUSEL INFINITO GLOBAL - CLASE: .tecnologo
   ================================================== */

/* 1. ELIMINAR EL FRENADO (MOVIMIENTO LINEAL) */
/* Aplicamos la transición lineal al contenedor principal del carrusel */
.tecnologo .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    transition-duration: inherit; /* Hereda la velocidad configurada en el widget */
}

/* 2. ESTILO VISUAL (ESCALA DE GRISES) */
/* Seleccionamos las imágenes dentro de los slides del carrusel */
.tecnologo .elementor-image-carousel .swiper-slide img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
    backface-visibility: hidden; /* Mejora la nitidez en animaciones */
}

/* 3. EFECTO AL PASAR EL RATÓN (HOVER) */
/* El logo recupera color, opacidad y crece ligeramente */
.tecnologo .elementor-image-carousel .swiper-slide img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05); /* Pequeño zoom para dar feedback al usuario */
    cursor: pointer;
}

/* 4. AJUSTE DE RENDERIZADO */
/* Evita parpadeos en navegadores basados en Chromium */
.tecnologo .swiper-container, 
.tecnologo .swiper-wrapper, 
.tecnologo .swiper-slide {
    transform: translate3d(0, 0, 0);
    will-change: transform;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Google Sans Flex';
	font-display: auto;
	src: url('https://helloseosem.com/wp-content/uploads/2026/04/GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght_0.ttf') format('truetype');
}
/* End Custom Fonts CSS */