/* ==========================================
   ACCOUNT PLANS - WALL STREET STYLE
========================================== */


.account-plans-section {

    width: 100%;
    padding: 90px 30px;

    background: #000000;

    color: #ffffff;

}



.account-plans-header {

    max-width: 900px;

    margin: 0 auto 60px;

    text-align:center;

}


.account-plans-header h2 {

    font-family: "Sora", sans-serif;

    font-size:42px;

    font-weight:700;

    color:#ffffff;

}



.account-plans-header p {

    color:#bdbdbd;

    font-size:18px;

}



/* GRID */

.account-plans-grid {

    max-width:1200px;

    margin:auto;

    display:grid;

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

    gap:30px;

}



/* TARJETAS */

.account-plan-card {

    background:#0b0b0b;

    border:1px solid rgba(255,255,255,.15);

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    position:relative;

    transition:.3s ease;

}



.account-plan-card:hover {

    transform:translateY(-8px);

    border-color:#F0B90B;

}



/* DESTACADA */

.account-plan-card.featured {

    border:2px solid #F0B90B;

    box-shadow:0 0 35px rgba(240,185,11,.25);

    transform:scale(1.05);

}



/* TITULO */

.account-plan-card h3 {

    font-size:28px;

    color:#ffffff;

    margin-bottom:25px;

}



/* PRECIO */

.account-plan-price {

    font-size:42px;

    font-weight:800;

    color:#F0B90B;

    margin-bottom:30px;

}



/* LISTA */

.account-plan-card ul {

    list-style:none;

    padding:0;

    margin-bottom:35px;

}



.account-plan-card li {

    padding:12px 0;

    color:#d5d5d5;

    border-bottom:1px solid rgba(255,255,255,.08);

}



/* BOTON */

.account-plan-button {

    display:block;

    width:100%;

    padding:15px;

    border-radius:8px;

    background:#F0B90B;

    color:#000000;

    font-weight:700;

    font-size:16px;

    text-decoration:none;

    text-align:center;

    transition:.3s;

}


.account-plan-button:hover {

    background:#ffffff;

    color:#000000;

}


.account-plan-card button:hover {

    background:#ffffff;

}



/* ETIQUETA */

.plan-badge {

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%);

    background:#F0B90B;

    color:#000;

    padding:7px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}



/* RESPONSIVE */

@media(max-width:900px){

    .account-plans-grid{

        grid-template-columns:1fr;

    }


    .account-plan-card.featured{

        transform:none;

    }

}