/* =========================================
   BENEFITS SECTION
========================================= */

.benefits {
    padding: 120px 0;

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


/* GRID */

.benefits-grid {
    display: grid;

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

    gap: 2rem;
}


/* TARJETA */

.benefit-item {
    background: white;

    padding: 2.5rem;

    border-radius: 24px;

    text-align: center;

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

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

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


.benefit-item:hover {
    transform: translateY(-8px);

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


.benefit-item h3 {
    color: var(--navy);

    font-size: 1.4rem;

    margin-bottom: 1rem;
}


.benefit-item p {
    color: #666666;

    line-height: 1.8;
}

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

@media (max-width: 768px) {

    .benefits {
        padding: 90px 0;
    }

}