/* Slider Clientes - Base CSS */
.slider-clientes{position:relative;padding:20px 0}
.slider-clientes .slider-wrap{display:flex;gap:12px;overflow-x:auto;padding:10px;-webkit-overflow-scrolling:touch;justify-content:center}
.slider-clientes .slider-item{flex:0 0 auto;width:180px;text-align:center;background:#fff;border:1px solid #eee;padding:10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s ease, box-shadow 0.3s ease;cursor:pointer}
.slider-clientes .slider-item:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,0.12)}
.slider-clientes .slider-item img{width:100%;height:120px;object-fit:contain;border-radius:4px}
.slider-clientes .client-name{display:block;margin-top:8px;font-size:14px;font-weight:500;color:#333;text-decoration:none}
.slider-clientes .slider-item a{text-decoration:none;color:inherit;display:block}
.slider-clientes .slider-item a:hover{text-decoration:none}
/*Pintura*/
.slider-clientes .slider-item {flex:0 0 auto;width:160px;text-align:center;background:#fff;border:1px solid #eee;padding:6px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.03);    border-bottom: 3px solid #0e4d55;}
    

/* Video button trigger */
.slider-clientes .video-trigger{border:0;background:transparent;padding:0;cursor:pointer;width:100%}
.slider-clientes .video-trigger:focus{outline:2px solid #007bff;outline-offset:2px}

/* Arrows */
.slider-clientes .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;border:0;background:rgba(0,0,0,0.6);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease}
.slider-clientes .slider-arrow:hover{background:rgba(0,0,0,0.8)}
.slider-clientes .slider-prev{left:20%}
.slider-clientes .slider-next{right:20%}
.slider-clientes .slider-arrow:focus{outline:2px solid #fff}

/* Dots */
.slider-clientes .slider-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.slider-clientes .slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,0.2);border:0;cursor:pointer;transition:background 0.3s ease}
.slider-clientes .slider-dot:hover{background:rgba(0,0,0,0.4)}
.slider-clientes .slider-dot.active{background:rgba(0,0,0,0.7)}

/* Video Modal */
.sliderclientes-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);align-items:center;justify-content:center}
.sliderclientes-modal.active{display:flex}
.sliderclientes-modal-content{position:relative;width:90%;max-width:900px;background:#000;border-radius:8px;overflow:hidden}
.sliderclientes-modal-close{position:absolute;top:-40px;right:0;background:transparent;border:0;color:#fff;font-size:32px;cursor:pointer;padding:0 10px;z-index:10}
.sliderclientes-modal-close:hover{color:#ff5555}
.sliderclientes-modal-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.sliderclientes-modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* Responsive */
@media (max-width:768px){
    .slider-clientes .slider-item{width:140px}
    .slider-clientes .slider-item img{height:90px}
    .slider-clientes .slider-arrow{width:34px;height:34px}
    .sliderclientes-modal-content{width:95%}
}
@media (max-width:480px){
    .slider-clientes .slider-item{width:120px;padding:8px}
    .slider-clientes .slider-item img{height:70px}
    .slider-clientes .client-name{font-size:12px}
}