/*--------------------------------------------------------------
# Competencias Tecnológicas (Brands Carousel)
--------------------------------------------------------------*/
.tech-brands {
    padding: 30px 0;
    /* Reducido de 60px */
    background: #ffffff;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.tech-brands .section-title {
    padding-bottom: 20px;
}

/* Slider Container */
.brands-slider {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 15px 0;
    /* Reducido */
}

.brands-track {
    display: flex;
    gap: 60px;
    /* Reducido un poco */
    animation: scrollBrands 30s linear infinite;
    width: max-content;
    align-items: center;
}

.brands-slider:hover .brands-track {
    animation-play-state: paused;
}

@keyframes scrollBrands {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - 30px));
    }
}

.brand-item {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Eliminado grayscale y opacidad reducida por pedido del usuario */
    filter: none;
    opacity: 1;
    transition: all 0.3s ease;
    width: 140px;
}

.brand-item:hover {
    transform: scale(1.1);
}

.brand-item img {
    height: auto;
    width: auto;
    max-width: 160px;
    /* Aumentado de 140 */
    max-height: 60px;
    /* Aumentado de 55 */
    object-fit: contain;
}

/* Compensación para logos con letras pequeñas, usando clases específicas */
.brand-rockwell,
.brand-omron,
.brand-phoenix,
.brand-weg {
    max-height: 55px !important;
    /* Permitir que sean un poco más altos */
    transform: scale(1.8) !important;
    /* Aumento visual moderado pero efectivo */
    transform-origin: center;
}

/* Siemens Specialist Card */
.siemens-specialist {
    background: #f8fbff;
    border: 2px solid #009cea;
    border-radius: 20px;
    margin-bottom: 30px;
    /* Reducido */
    display: flex;
    align-items: stretch;
    /* Importante para que visual y texto midan lo mismo */
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 156, 234, 0.1);
    min-height: 350px;
    /* Altura controlada */
}

.siemens-specialist .content-text {
    flex: 1.2;
    padding: 40px;
    /* Reducido de 60px */
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.siemens-specialist .plc-visual {
    flex: 1;
    position: relative;
    background: #000000 !important;
    /* Fondo negro para que coincida con las fotos industriales */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.siemens-specialist .plc-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    /* Usamos contain para ver el equipo completo sobre el fondo negro */
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    animation: plcFade 12s infinite;
}

/* Animación ajustada para 4 imágenes */
.siemens-specialist .plc-img:nth-child(1) {
    animation-delay: 0s;
}

.siemens-specialist .plc-img:nth-child(2) {
    animation-delay: 3s;
}

.siemens-specialist .plc-img:nth-child(3) {
    animation-delay: 6s;
}

.siemens-specialist .plc-img:nth-child(4) {
    animation-delay: 9s;
}

@keyframes plcFade {

    0%,
    20% {
        opacity: 1;
    }

    25%,
    100% {
        opacity: 0;
    }
}

.siemens-logo-blue {
    max-width: 150px;
    /* Un poco más chico */
    margin-bottom: 15px;
}

.siemens-specialist h3 {
    color: #009cea;
    font-weight: 800;
    margin-bottom: 15px;
    font-size: 1.8rem;
    /* Un poco más chico */
}

.siemens-specialist p {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .siemens-specialist {
        flex-direction: column;
    }

    .siemens-specialist .plc-visual {
        width: 100%;
        height: 250px;
        min-height: 250px;
    }

    .siemens-specialist .content-text {
        padding: 30px;
    }
}