/* ===== SECCIÓN ===== */
.clientes-section {
    background: #f8f9fa;
}

/* ===== TITULO ===== */
.clientes-titulo {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    letter-spacing: 3px;
    color: #fad201;
    text-shadow: 2px 2px 0 #000;
}

/* ===== GRID ===== */
.cliente-item {
    opacity: 0;
    transform: translateY(40px);
    transition: all .7s ease;
}

/* visible (JS activa esto) */
.cliente-item.show {
    opacity: 1;
    transform: translateY(0);
}

/* ===== CARD ===== */
.cliente-card {
    background: white;
    border-radius: 14px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    transition: .3s;
    height: 100%;
}

/* hover efecto pro */
.cliente-card:hover {
    transform: translateY(-8px) scale(1.04);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
}

/* imagen */
.cliente-card img {
    max-height: 90px;
    object-fit: contain;
    margin-bottom: 15px;
    transition: transform .35s ease, box-shadow .35s ease;
}

/* efecto brillo elegante */
.cliente-card:hover img {
    transform: scale(1.08);
    filter: brightness(1.15) contrast(1.08);
}


/* texto */
.cliente-card p {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

/* ===== logo horizontal (Costa del Sol) ===== */
.logo-wide{
    max-width: 100%;
    max-height: 60px;   /* más bajo para que no deforme */
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ===== fondo más moderno ===== */
.clientes-section{
    background: linear-gradient(180deg,#f8f9fa,#ffffff);
}

/* ===== animación título ===== */
.clientes-titulo{
    opacity:0;
    transform:translateY(-20px);
    animation: fadeTitle 1s ease forwards;
}

@keyframes fadeTitle{
    to{
        opacity:1;
        transform:translateY(0);
    }
}


/* ===== stagger animation delay automático ===== */
.cliente-item:nth-child(1){transition-delay:.05s;}
.cliente-item:nth-child(2){transition-delay:.1s;}
.cliente-item:nth-child(3){transition-delay:.15s;}
.cliente-item:nth-child(4){transition-delay:.2s;}
.cliente-item:nth-child(5){transition-delay:.25s;}
.cliente-item:nth-child(6){transition-delay:.3s;}
.cliente-item:nth-child(7){transition-delay:.35s;}
.cliente-item:nth-child(8){transition-delay:.4s;}
.cliente-item:nth-child(9){transition-delay:.45s;}
.cliente-item:nth-child(10){transition-delay:.5s;}


/* ===== imagen zoom suave ===== */
.cliente-card img{
    transition: .35s ease;
}

.cliente-card:hover img{
    transform: scale(1.08);
}


/* ===== brillo elegante al hover ===== */
.cliente-card{
    position: relative;
    overflow: hidden;
}

.cliente-card::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);
    transition:.6s;
}

.cliente-card:hover::after{
    left:100%;
}