.elementor-kit-8{--e-global-color-primary:#CE2E2E;--e-global-color-secondary:#E2C044;--e-global-color-text:#FFFFFF;--e-global-color-accent:#CE2E2E;--e-global-color-5add03c:#FFFFFF;--e-global-color-2be39cc:#000000;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-letter-spacing:1px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* Para navegadores Chrome, Safari y Edge */
::-webkit-scrollbar {
    width: 10px; /* Ancho de la barra */
}

::-webkit-scrollbar-track {
    background: #000000; /* Fondo de la barra (negro) */
}

::-webkit-scrollbar-thumb {
    background: #CE2E2E; /* Color del scroll (rojo) */
    border-radius: 0px; /* Esquinas rectas para look industrial */
}

::-webkit-scrollbar-thumb:hover {
    background: #A52424; /* Rojo más oscuro al pasar el mouse */
}

/* Para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #CE2E2E #000000;
}
/*FIN*/

/* Estado normal de la caja */
.caja-industrial {
    transition: all 0.3s ease-in-out !important; /* Hace que el movimiento sea suave */
    border-left: 0px solid #CE2E2E; /* Empezamos sin borde */
    cursor: pointer;
}

/* Estado cuando pasas el mouse (Hover) */
.caja-industrial:hover {
    transform: translateX(10px); /* Se desplaza 10px a la derecha */
    border-left: 5px solid #CE2E2E !important; /* Aparece la línea roja a la izquierda */
    background-color: #161616 !important; /* Opcional: un gris ligeramente más claro para resaltar */
}

/* Ajuste para que el contenido no se mueva bruscamente */
.caja-industrial .elementor-widget-container {
    padding-left: 15px;
}
/*fin*/

/* 1. Preparar la imagen para que el cambio sea suave */
.contenedor-proyecto img {
    transition: transform 0.6s ease-in-out !important;
}

/* 2. Asegurar que la imagen no se salga de su cuadro */
.contenedor-proyecto .elementor-widget-image {
    overflow: hidden !important;
}

/* 3. EL TRUCO: Cuando pasas el mouse por el CONTENEDOR, la IMAGEN crece */
.contenedor-proyecto:hover img {
    transform: scale(1.1); /* Ajusta el 1.1 si quieres más o menos zoom */
}/* End custom CSS */