:root{
    --primary: #8B5CF6;        /* Morado principal */
    --primary-dark: #2F2E41;   /* Azul oscuro botón */
    --primary-soft: #F3EEFF;   /* Hover dropdown */

    --text-dark: #4B5563;
    --text-light: #6B7280;

    --white: #FFFFFF;
}
body {
    font-family: "Inter", Sans-serif;
}

.titulo{
    font-size: 40px;
    line-height: 1.2;
    color: var(--primary-dark);
    margin-bottom: 20px;
    font-weight: 600;
}

.hero-badge {
    display: inline-block;
    background: linear-gradient(90deg,#8B5CF6,#EC4899);
    color: #fff;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    margin-bottom: 20px;
}

.muted{
    color: #6B7280; /* gris elegante */
    font-size: 16px;
    line-height: 1.6;
}