/* =====================================
CASOS REALES
===================================== */

#casos {
    position: relative;
    padding: var(--section-padding, 80px) 20px;
}

.case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(20px, 4vw, 30px);
    margin-top: clamp(40px, 6vw, 70px);
}

.case-card {
    position: relative;
    padding: clamp(25px, 6vw, 40px);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
    border: 1px solid rgba(255, 255, 255, .08);
    transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); /* Transición más suave */
}

.case-card:hover{

    transform:
    translateY(-12px);

    border-color:
    rgba(
        212,
        175,
        55,
        .35
    );

    box-shadow:
    0 20px 60px
    rgba(
        212,
        175,
        55,
        .12
    );
}

.case-label{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:
    rgba(
        212,
        175,
        55,
        .1
    );
    border:
    1px solid rgba(
        212,
        175,
        55,
        .2
    );
    font-size:.75rem;
    letter-spacing:2px;
    color:#f5d88b;
    margin-bottom:20px;
}

.case-header h3{
    margin-bottom:30px;
}

.case-block{
    margin-bottom:25px;
}

.case-block span {
    display: block;
    margin-bottom: 8px;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    letter-spacing: 2px;
    color: var(--gold);
    text-transform: uppercase;
}

.case-block p {
    color: #d6d6d6;
    font-size: clamp(0.9rem, 2vw, 1rem);
}