.elementor-415 .elementor-element.elementor-element-19ca92f{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.77;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-415 .elementor-element.elementor-element-19ca92f:not(.elementor-motion-effects-element-type-background), .elementor-415 .elementor-element.elementor-element-19ca92f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-44a57ff );background-image:url("https://teoseg.com/wp-content/uploads/2026/05/employees-with-masks-working-warehouse-scaled.jpg");background-position:center center;background-size:cover;}.elementor-415 .elementor-element.elementor-element-19ca92f::before, .elementor-415 .elementor-element.elementor-element-19ca92f > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-19ca92f > .e-con-inner > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-19ca92f > .elementor-background-slideshow::before, .elementor-415 .elementor-element.elementor-element-19ca92f > .e-con-inner > .elementor-background-slideshow::before, .elementor-415 .elementor-element.elementor-element-19ca92f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-7d7161d );--background-overlay:'';}.elementor-415 .elementor-element.elementor-element-07f3b6f{--display:flex;}.elementor-415 .elementor-element.elementor-element-e345fcd{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-415 .elementor-element.elementor-element-e345fcd img{border-radius:10px 10px 10px 10px;}.elementor-415 .elementor-element.elementor-element-80592d4{--display:flex;}.elementor-415 .elementor-element.elementor-element-03bbe4b .elementor-button{background-color:var( --e-global-color-5da9167 );font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;fill:var( --e-global-color-7d7161d );color:var( --e-global-color-7d7161d );border-radius:3px 3px 3px 3px;padding:7px 20px 7px 20px;}.elementor-415 .elementor-element.elementor-element-03bbe4b.elementor-element{--align-self:flex-end;}.elementor-415 .elementor-element.elementor-element-276dfba{text-align:end;}.elementor-415 .elementor-element.elementor-element-276dfba .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:800;line-height:34px;color:var( --e-global-color-5da9167 );}.elementor-415 .elementor-element.elementor-element-c591c51.elementor-element{--align-self:flex-end;}.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:700;}.elementor-415 .elementor-element.elementor-element-b370193{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-415 .elementor-element.elementor-element-3b8b135{--display:flex;}.elementor-415 .elementor-element.elementor-element-3450cb3{text-align:start;}.elementor-415 .elementor-element.elementor-element-3450cb3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:900;color:var( --e-global-color-44a57ff );}.elementor-415 .elementor-element.elementor-element-abc167c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:400;line-height:22px;letter-spacing:1px;color:var( --e-global-color-7d7161d );}@media(max-width:1024px){.elementor-415 .elementor-element.elementor-element-3450cb3 .elementor-heading-title{font-size:1.2em;}.elementor-415 .elementor-element.elementor-element-abc167c .elementor-heading-title{font-size:0.95em;}}@media(min-width:768px){.elementor-415 .elementor-element.elementor-element-19ca92f{--content-width:80%;}.elementor-415 .elementor-element.elementor-element-b370193{--content-width:80%;}.elementor-415 .elementor-element.elementor-element-3b8b135{--width:100%;}}@media(max-width:767px){.elementor-415 .elementor-element.elementor-element-19ca92f{--min-height:10vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-415 .elementor-element.elementor-element-e345fcd.elementor-element{--align-self:center;}.elementor-415 .elementor-element.elementor-element-03bbe4b.elementor-element{--align-self:center;}.elementor-415 .elementor-element.elementor-element-276dfba.elementor-element{--align-self:center;}.elementor-415 .elementor-element.elementor-element-276dfba{text-align:center;}.elementor-415 .elementor-element.elementor-element-c591c51.elementor-element{--align-self:center;}.elementor-415 .elementor-element.elementor-element-3450cb3 .elementor-heading-title{font-size:1em;}.elementor-415 .elementor-element.elementor-element-abc167c.elementor-element{--align-self:center;}.elementor-415 .elementor-element.elementor-element-abc167c{text-align:justify;}.elementor-415 .elementor-element.elementor-element-abc167c .elementor-heading-title{font-size:0.94em;}}/* Start custom CSS for button, class: .elementor-element-c591c51 *//* 1. Forma principal del botón (caja blanca inclinada) */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button {
    background-color: #ffffff !important;
    transform: skewX(-15deg);
    border-radius: 6px !important;
    padding: 0 !important; /* Anulamos el padding para controlarlo por dentro */
    overflow: hidden;
    position: relative;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.08); /* Sombra suave de la imagen */
    border: 1px solid #f0f0f0; /* Borde muy sutil */
    transition: all 0.3s ease;
}

/* 2. El bloque azul oscuro de la derecha */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px; /* Margen de seguridad para evitar líneas blancas */
    width: 65px; /* El ancho de la zona azul */
    height: 100%;
    background-color: #1E214D !important; /* Azul oscuro */
    z-index: 1;
}

/* 3. Wrapper interno: Endereza y distribuye los elementos */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-content-wrapper {
    transform: skewX(15deg); /* Deshace la inclinación para el texto/icono */
    position: relative;
    z-index: 2; /* Coloca el contenido por encima del bloque azul */
    display: flex;
    align-items: stretch; /* Fuerza a que ocupen el 100% del alto */
}

/* 4. Estilo de la zona blanca (Texto) */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-text {
    color: #000000 !important;
    font-weight: 800 !important; /* Letra bien negrita */
    font-size: 16px !important;
    padding: 15px 35px !important; /* Espaciado del texto */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1; /* Ocupa todo el espacio restante a la izquierda */
}

/* 5. Estilo de la zona azul (Icono) */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-icon {
    color: #ffffff !important;
    width: 65px; /* Debe coincidir EXACTAMENTE con el width del paso 2 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important; /* Elimina cualquier espaciado de Elementor */
}

/* -- NUEVO EFECTO HOVER: INTERCAMBIO TOTAL DE COLORES -- */

/* 1. Cambiar el fondo principal (zona izquierda) a AZUL OSCURO */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover {
    background-color: #1E214D !important;
    border-color: #ffffff !important; /* <-- ¡Aquí cambiamos el color a blanco! */
    transform: skewX(-15deg) translateY(-3px); 
}

/* 2. Cambiar el bloque ::after (zona derecha) a BLANCO */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover::after {
    background-color: #ffffff !important;
}

/* 3. Cambiar el texto a BLANCO */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
}
/* 4. Cambiar el icono a NEGRO (Forzado para fuentes y SVGs) */
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover .elementor-button-icon,
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover .elementor-button-icon i,
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover .elementor-button-icon svg,
.elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button:hover .elementor-button-icon svg path {
    color: #000000 !important;
    fill: #000000 !important;
}

/* =========================================
   DISEÑO RESPONSIVO (TABLETS Y MÓVILES)
   ========================================= */

/* --- TABLETS (Pantallas hasta 1024px) --- */
@media (max-width: 1024px) {
    /* 1. Reducir el ancho del bloque azul oscuro */
    .elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button::after {
        width: 55px; 
    }
    /* 2. Ajustar el contenedor del icono para que coincida */
    .elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-icon {
        width: 55px;
    }
    /* 3. Reducir ligeramente el tamaño del texto y el espaciado interior */
    .elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-text {
        font-size: 15px !important;
        padding: 12px 25px !important; 
    }
}

/* --- MÓVILES (Pantallas hasta 767px) --- */
@media (max-width: 767px) {
    /* 1. Reducir aún más el bloque azul oscuro */
    .elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button::after {
        width: 45px; 
    }
    /* 2. Ajustar el contenedor del icono para que coincida */
    .elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-icon {
        width: 45px;
    }
    /* 3. Reducir el texto y espaciado para pantallas pequeñas */
    .elementor-415 .elementor-element.elementor-element-c591c51 .elementor-button-text {
        font-size: 14px !important;
        padding: 10px 20px !important; 
    }
}/* End custom CSS */