/* =====================================================
   PRUEBA SOCIAL / TESTIMONIOS
====================================================== */

.testimonios-section {

    padding: 100px 20px;

    background: #f7f9fc;

}


.testimonios-header {

    max-width: 800px;

    margin: 0 auto 55px;

    text-align: center;

}


.testimonios-header h2 {

    margin-top: 18px;

    margin-bottom: 0;

}


.testimonios-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 30px;

    max-width: 1100px;

    margin: 0 auto;

}


.testimonio-card {

    position: relative;

    padding: 40px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow: 0 15px 45px rgba(11, 33, 73, 0.08);

    border: 1px solid rgba(11, 33, 73, 0.06);

}


.testimonio-stars {

    margin-bottom: 20px;

    color: #f5b800;

    font-size: 22px;

    letter-spacing: 3px;

}


.testimonio-card blockquote {

    margin: 0;

    color: #374151;

    font-size: 17px;

    line-height: 1.75;

    font-style: italic;

}


.testimonio-author {

    display: flex;

    flex-direction: column;

    gap: 5px;

    margin-top: 30px;

    padding-top: 20px;

    border-top: 1px solid #e5e7eb;

}


.testimonio-author strong {

    color: #0B2149;

    font-size: 16px;

}


.testimonio-author span {

    color: #6b7280;

    font-size: 13px;

}


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

@media (max-width: 768px) {

    .testimonios-section {

        padding: 75px 20px;

    }


    .testimonios-grid {

        grid-template-columns: 1fr;

    }


    .testimonio-card {

        padding: 30px 25px;

    }


    .testimonio-card blockquote {

        font-size: 16px;

    }

}


@media (max-width: 480px) {

    .testimonios-section {

        padding: 60px 15px;

    }


    .testimonio-card {

        padding: 25px 20px;

    }

}