/* static/app/perfil/suscripcion.css */

/* =========================
   PLAN ACTUAL
========================= */

.suscripcion-actual{
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:14px;
}

.plan-actual{
    font-family:"Raleway", sans-serif;
    font-size:18px;
    font-weight:600;
    color:#375e65;
}

/* =========================
   BENEFICIOS
========================= */

.lista-beneficios{
    list-style:none;
    padding:0;
    margin:0;

    display:flex;
    flex-direction:column;
    gap:6px;
}

.lista-beneficios li{
    font-size:13px;
    color:#2c3c3d;

    display:flex;
    align-items:center;
    gap:6px;
}

.lista-beneficios li::before{
    content:"✔";
    color:#c9a14a; /* mostaza PQIA */
    font-size:12px;
}

/* =========================
   BOTÓN PRINCIPAL (MOSTAZA)
========================= */

.btn-principal{
    background:#c9a14a;
    color:#ffffff;

    min-width:160px;
    border:none;
    padding:9px 16px;

    border-radius:10px;

    font-family:"Inter", sans-serif;
    font-size:13px;
    font-weight:500;

    cursor:pointer;
    transition:all 0.15s ease;
}

.btn-principal:hover{
    background:#b8913f;
}

.btn-principal:active{
    transform:scale(0.98);
}


/* =========================
   HOVER SUTIL EN BLOQUES
========================= */
.bloque{
    transition:all 0.15s ease;
}

.bloque:hover{
    background:#f2efe9;
}


/* Ocultar gestión por defecto (evita flash) */
#bloque-gestion{
    display:none;
}


.bloque-info-secundario{
    font-size:12px;
    color:#6b7b7c;
    margin-top:6px;
}