.elementor-697 .elementor-element.elementor-element-3ae03f8{--display:flex;--background-transition:0.3s;}.elementor-697 .elementor-element.elementor-element-aed304a{--display:flex;--background-transition:0.3s;}@media(min-width:768px){.elementor-697 .elementor-element.elementor-element-2185244{width:100%;}}/* Start custom CSS for manufacto_our_testimonials_v4, class: .elementor-element-e3f4b7b *//* ==========================================================================
   SOLUCIÓN DEFINITIVA: CRONOLOGÍA VERTICAL CON RESET INMUNE A HOVER Y BACKGROUNDS
   ========================================================================== */

/* 1. Anulación estricta de conectores y líneas residuales del tema */
.updated-history-block::before,
.updated-history-block::after,
.updated-history-block .inner-box::before,
.updated-history-block .inner-box::after,
.updated-history-block .history::before,
.updated-history-block .history::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. Contenedor Maestro (.row) - Asegura el flujo vertical */
.updated-history-and-testimonial .row.clearfix {
    display: block !important;
    position: relative !important;
    max-width: 1140px !important;
    margin: 60px auto !important;
    padding: 0 !important;
}

/* 3. Línea Vertical Central de la Cronología */
.updated-history-and-testimonial .row.clearfix::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 2px !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateX(-50%) !important;
    display: block !important;
    z-index: 1 !important;
}

/* 4. Layout para Escritorio (Pantallas medianas y grandes) */
@media (min-width: 768px) {
    
    /* Cada bloque de hito toma el 100% del ancho disponible */
    .updated-history-and-testimonial .updated-history-block.col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 50px !important;
        padding: 0 !important;
        position: relative !important; 
        z-index: 2 !important;
    }

    /* Tarjetas de Contenido (.inner-box) */
    .updated-history-and-testimonial .updated-history-block .inner-box {
        width: 44% !important; 
        background: rgba(255, 255, 255, 0.05) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 30px !important;
        border-radius: 12px !important;
        float: none !important;
        box-sizing: border-box !important;
        transition: all 0.3s ease !important;
        position: relative !important;
    }

    /* Alternancia de tarjetas a los lados */
    .updated-history-and-testimonial .updated-history-block.col-md-4:nth-child(odd) .inner-box {
        margin-left: 0 !important;
        margin-right: auto !important;
        text-align: right !important;
    }
    .updated-history-and-testimonial .updated-history-block.col-md-4:nth-child(even) .inner-box {
        margin-left: auto !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    /* Efecto Hover en Tarjeta */
    .updated-history-and-testimonial .updated-history-block .inner-box:hover {
        border-color: #f1b80d !important;
        transform: translateY(-4px) !important;
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4) !important;
    }

    /* 5. Círculos de Año (.history) - REMOCIÓN FORZADA DE BACKGROUND EN HOVER */
    .updated-history-and-testimonial .updated-history-block .history,
    .updated-history-and-testimonial .updated-history-block:hover .history,
    .updated-history-and-testimonial .updated-history-block .history:hover {
        position: absolute !important;
        top: 30px !important;
        width: 65px !important;    
        height: 65px !important;
        min-width: 65px !important;
        min-height: 65px !important;
        max-width: 65px !important;
        max-height: 65px !important;
        
        display: block !important; 
        box-sizing: border-box !important;
        
        /* Forzamos fondo oscuro estricto, anulando cualquier herencia */
        background: #191919 !important; 
        background-color: #191919 !important;
        border: 3px solid #f1b80d !important;
        border-radius: 50% !important;
        z-index: 10 !important;
        box-shadow: 0 0 15px rgba(241, 184, 13, 0.4) !important;
        transition: none !important; /* Evita animaciones raras del tema */
    }

    /* Alineación exacta en el eje central */
    .updated-history-and-testimonial .updated-history-block:nth-child(odd) .history {
        right: calc(-11.1% - 32.5px) !important; 
        left: auto !important;
    }

    .updated-history-and-testimonial .updated-history-block:nth-child(even) .history {
        left: calc(-11.1% - 32.5px) !important; 
        right: auto !important;
    }

    /* REMOCIÓN RADICAL DEL BACKGROUND, ALTO DE LÍNEA Y HOVER DEL SPAN */
    .updated-history-block .history span,
    .updated-history-block .history:hover span,
    .updated-history-block:hover .history span {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important; 
        
        /* Anulamos por completo el color de fondo amarillo/naranja nativo del tema */
        background: transparent !important;
        background-color: transparent !important;
        
        color: #ffffff !important;
        font-weight: 700 !important;
        font-size: 16px !important; 
        font-family: inherit !important;
        
        /* Destruimos el line-height: 90px y tamaños heredados del inspector */
        line-height: 1 !important;
        height: auto !important;
        width: auto !important;
        border-radius: 0 !important; /* Quita el border-radius 50% del span del tema */
        
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        transition: none !important;
    }
}

/* ==========================================================================
   RESPONSIVE (OPTIMIZADO PARA MÓVILES - SELECTOR LIMPIO SIN CLASE .HISTORY)
   ========================================================================== */
@media (max-width: 767px) {
    .updated-history-and-testimonial .row.clearfix::before {
        left: 20px !important;
        transform: none !important;
    }

    .updated-history-and-testimonial .updated-history-block.col-md-4 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 35px !important;
        padding-left: 0 !important; /* Reseteado porque ya no hay bola que esquivar */
        display: block !important;
        position: relative !important;
    }

    .updated-history-and-testimonial .updated-history-block .inner-box {
        width: 100% !important;
        text-align: left !important;
        padding: 25px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 12px !important;
    }
/* ==========================================================================
   RESPONSIVE (OPTIMIZADO PARA MÓVILES - REMOCIÓN ABSOLUTA DE LA CLASE SELECTORA)
   ========================================================================== */
@media (max-width: 767px) {
    .updated-history-and-testimonial .row.clearfix::before {
        display: none !important; /* Apagamos la línea vertical central en móviles */
    }

    .updated-history-and-testimonial .updated-history-block.col-md-4 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 35px !important;
        padding-left: 0 !important; /* Reseteado porque ya no hay bola que esquivar */
        display: block !important;
        position: relative !important;
    }

    .updated-history-and-testimonial .updated-history-block .inner-box {
        width: 100% !important;
        text-align: left !important;
        padding: 25px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 12px !important;
    }

    /* CAPTURAMOS EL PRIMER DIV HIJO DIRECTO DE INNER-BOX (EL QUE TIENE EL AÑO) */
    .updated-history-and-testimonial .updated-history-block .inner-box > div:first-child {
        /* Desvestimos por completo el elemento anulando la herencia del tema */
        all: unset !important; 
        
        /* Definimos un comportamiento de bloque normal y limpio */
        display: block !important; 
        position: relative !important;
        width: auto !important;
        height: auto !important;
        min-width: auto !important;
        min-height: auto !important;
        max-width: auto !important;
        max-height: auto !important;
        
        margin: 0 0 10px 0 !important; /* Separación vertical con el H3 inferior */
        padding: 0 !important;
    }
    
    /* CAPTURAMOS EL SPAN QUE ESTÁ DENTRO DE ESE PRIMER DIV HIJO */
    .updated-history-and-testimonial .updated-history-block .inner-box > div:first-child span {
        position: static !important; /* Rompe el centrado absoluto del CSS nativo */
        transform: none !important;
        display: inline-block !important;
        
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #f1b80d !important; /* El color amarillo corporativo */
        
        background: transparent !important;
        background-color: transparent !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* Ajustes Estéticos Generales de Textos */
.updated-history-block h3 a {
    color: #fff !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}
.updated-history-block .text {
    color: #cccccc !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
}/* End custom CSS */
/* Start custom CSS *//* Agrandar el título principal del banner */
.breadcrumb-area .page-title h1, 
.page-title h1, 
.breadcrumb-area h1 {
    color: #ffffff !important;
    font-size: 55px !important; /* Tamaño aumentado (ajusta si lo quieres más grande) */
    font-weight: 800 !important; /* Más negrita para que se vea imponente */
    text-transform: uppercase !important; /* Todo en mayúsculas para estilo industrial */
    letter-spacing: 2px !important; /* Espaciado entre letras para mejor legibilidad */
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6); /* Sombra más marcada para resaltar el blanco */
}

/* Ajuste para que en celulares no se corte la palabra */
@media (max-width: 768px) {
    .breadcrumb-area .page-title h1, 
    .page-title h1 {
        font-size: 35px !important;
    }
}/* End custom CSS */