/* ====================================================================
   AJUSTES PARA FEATURE SECTION
==================================================================== */
.feature-section {
    padding: 80px 0;
    background-color: #ffffff;
}

.feature-section .sec-title {
    margin-bottom: 50px;
}

.feature-section .sec-title h2 {
    position: relative;
    padding-top: 29px;
    text-transform: uppercase;
    color: #585857;
}

.feature-section .sec-title h2:before {
    position: absolute;
    content: '';
    background: #e94f1b;
    width: 30px;
    height: 3px;
    left: 50%; /* Centrado */
    margin-left: -15px; /* Ajuste para centrar la línea */
    top: 0px;
}

/* Mejora de legibilidad en párrafos */
.text-justified {
    font-size: 17px;
    line-height: 28px;
    color: #666;
}

/* Ajustes responsivos para dispositivos móviles */
@media only screen and (max-width: 767px) {
    .feature-section {
        padding: 40px 0;
        text-align: center;
    }
    .feature-section .text-justified p {
        text-align: center;
    }
}


/* ====================================================================
   SECCIÓN MARCAS Y ANIMACIÓN VÍBORA
==================================================================== */
.brand-section{ position: relative; }
.brand-section .inner-content{ position: relative; margin: 0px -125px; }
.brand-section .title-box{ position: relative; }
.brand-section .title-box .title h2, .titulo h2 { position: relative; padding-top: 29px; text-transform: uppercase; color: #585857; }
.brand-section .title-box .title h2:before, .titulo h2:before{ position: absolute; content: ''; background: #e94f1b; width: 30px; height: 3px; left: 0px; top: 0px; }
.brand-section .title-box .text{ position: relative; font-size: 14px; font-family: 'Poppins', sans-serif; line-height: 20px; text-transform: uppercase; }
.brand-section .brand-content{ position: relative; float: right; }
.brand-section .brand-content li.image-box{ position: relative; float: left; margin-right: 25px; margin-top: 10px; margin-bottom: 10px; }
.brand-section .brand-content li.image-box:last-child{ margin-right: 0px; }
.brand-section .brand-content li.image-box img{ transition: all 500ms ease; }
.brand-section .brand-content li.image-box:hover img{ transform: scale(1.03); }

.brands-section-grid { background: #ffffff; padding: 80px 0; overflow: hidden; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.brands-container { display: flex; flex-direction: column; gap: 40px; }
.brands-row { display: flex; width: 100%; }
.brands-track { display: flex; width: calc(250px * 12); }
.row-1 .brands-track { animation: marquee-inf 30s linear infinite; }
.row-2 .brands-track { animation: marquee-inf 40s linear infinite reverse; }
.row-3 .brands-track { animation: marquee-inf 35s linear infinite; }
.brand-item { width: 250px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; padding: 0 20px; }
.brand-item:nth-child(odd) { animation: float-up 4s ease-in-out infinite; }
.brand-item:nth-child(even) { animation: float-down 4s ease-in-out infinite; animation-delay: 0.8s; }
.brand-item img { max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.5; transition: transform 0.2s ease-out, filter 0.2s ease, opacity 0.2s ease; user-select: none; }
.brand-item img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.3); cursor: pointer; }
@keyframes marquee-inf { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 6)); } }
@keyframes float-up { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes float-down { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(15px); } }


/* REGLAS RESPONSIVAS */
@media (max-width: 992px) { .news-block-one { flex: 0 0 calc((100cqw - 30px) / 2); } }
@media (max-width: 767px) { .news-block-one { flex: 0 0 calc(100cqw); } }