/* =========================================
   TESTIMONIALS SECTION
========================================= */

.testimonials {
    padding: 120px 0;

    background:
        linear-gradient(
            to bottom,
            #faf7f1,
            #ffffff
        );
}


/* CONTENEDOR */

.testimonials-slider {
    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(320px, 1fr));

    gap: 2rem;
}


/* TARJETA */

.testimonial-card {
    position: relative;

    background: white;

    padding: 3rem;

    border-radius: 24px;

    border: 1px solid rgba(212,175,55,0.18);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.06);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* COMILLAS DECORATIVAS */

.testimonial-card::before {
    content: "“";

    position: absolute;

    top: 20px;
    left: 25px;

    font-size: 5rem;

    color: rgba(212,175,55,0.18);

    font-family: serif;

    line-height: 1;
}


/* TEXTO */

.testimonial-card p {
    color: #555555;

    line-height: 1.9;

    font-size: 1.05rem;

    margin-bottom: 2rem;

    position: relative;

    z-index: 2;
}


/* AUTOR */

.testimonial-card h4 {
    color: #d4af37;

    font-size: 1rem;

    font-weight: 600;
}


/* HOVER */

.testimonial-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 18px 40px rgba(0,0,0,0.1);
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 768px) {
    
    .testimonials {
        padding: 90px 0;
    }
    
    .testimonial-card {
        padding: 2.2rem;
    }

}