.plans{
    padding: 8rem 9%;
}

.planGrid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:2rem;
    align-items:stretch;
}

.planCard{
    background:#fff;
    border-radius:2rem;
    padding:3rem;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
    transition:.3s ease;
    text-align:center;

    display:flex;
    flex-direction:column;
}
.planCard .pathBtnPlanes{
    margin-top:auto;
}
.planCard:hover{
    transform:translateY(-10px);
}

.planCard i{
    font-size:4rem;
    color:var(--main-color);
    margin-bottom:1.5rem;
}

.planCard h3{
    font-size:1.4rem;
    margin-bottom:1rem;
}

.planDescription{
    font-size:1.3rem;
    line-height:1.6;
    color:#666;
    margin-bottom:2rem;
}

.planCard ul{
    list-style:none;
    margin-bottom:2rem;
}

.planCard ul li{
    font-size:1.1rem;
    padding:.7rem 0;
    color:#444;
}

.planPrice{
    display:block;
    font-size:2.5rem;
    font-weight:700;
    color:var(--main-color);
    margin-bottom:2rem;
}

.planCard .pathBtnPlanes{
    margin-top:auto;
}

.pathBtnPlanes{
    margin-top: 20px;

    display: block;
    text-align: center;

    padding: 12px;
    border-radius: 12px;

    text-decoration: none;
    color: white;

    background: linear-gradient(
        135deg,
        #7c3aed,
        #5b21b6
    );
}
.pathBtnPlanes.disabled{
    pointer-events: none;   /* Deshabilita el clic */
    cursor: not-allowed;    /* Muestra el cursor de prohibido */
    opacity: 0.5;           /* Se ve deshabilitado */
    background: linear-gradient(
        135deg,
        #7c3aed,
        #5b21b6
    );       /* Opcional */
    color: white;            /* Opcional */
}
.pathBtnPlanes:hover{
    opacity:.9;
}