/* Pantallas de acceso (tenant, portal y owner): misma identidad que el panel (degradado del hero, acento de marca) */
.btn-theme { background-color: var(--tenant-primary, #16b8a6); border-color: var(--tenant-primary, #16b8a6); }
.btn-theme:hover { background-color: var(--tenant-secondary, #12a895); border-color: var(--tenant-secondary, #12a895); }

/* Portada: la foto se ve casi sin filtro (solo un velo tenue de la marca) y el texto va en una tarjeta sólida con el azul de marca, un poco aclarado */
.login-with-news-feed .news-feed { background: #0f2944; overflow: hidden; }
.login-with-news-feed .news-feed .news-image {
    background-image:
        linear-gradient(135deg, color-mix(in srgb, var(--tenant-primary, #3e81b8) 18%, rgba(120, 160, 215, .10)), rgba(90, 130, 190, .16)),
        url('../../img/login/login-cover-pexels.jpg');
    background-size: auto, cover;
    background-position: center;
}
.login.login-with-news-feed .news-feed .news-caption {
    inset: 0 auto 0 clamp(1.5rem, 6%, 5rem); margin: auto 0; width: min(560px, 86%); height: fit-content; padding: 2rem 2.2rem; display: flex; flex-direction: column;
    background: color-mix(in srgb, var(--tenant-primary, #0b35ae) 84%, #fff);
    border: 1px solid rgba(255, 255, 255, .22); border-radius: 24px; box-shadow: 0 24px 60px rgba(20, 40, 80, .35);
}
.news-caption .caption-eyebrow { display: inline-flex; align-items: center; gap: .5rem; align-self: flex-start; margin-bottom: 1rem; padding: .35rem .85rem; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.news-caption .caption-eyebrow .dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; }
.login.login-with-news-feed .news-feed .news-caption .caption-title { margin: 0 0 .6rem; font-size: clamp(2rem, 3.4vw, 3rem); font-weight: 700; line-height: 1.1; color: #fff; }
.login.login-with-news-feed .news-feed .news-caption .caption-lead { max-width: 34rem; margin: 0 0 2rem; font-size: 1.05rem; color: rgba(255, 255, 255, .95); }
.login-features { display: grid; gap: .9rem; max-width: 34rem; margin: 0; padding: 0; list-style: none; }
.login-features li { text-shadow: 0 1px 2px rgba(20, 40, 80, .25); display: flex; align-items: center; gap: .9rem; padding: .8rem 1rem; border: 1px solid rgba(255, 255, 255, .16); border-radius: 14px; background: rgba(255, 255, 255, .07); color: #fff; }
.login-features i { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, .14); color: #fff; font-size: 1.05rem; }
.login-features strong { display: block; font-size: .92rem; }
.login-features span { display: block; font-size: .8rem; color: rgba(255, 255, 255, .9); }
@media (max-width: 991px) { .login-with-news-feed .news-feed { display: none; } }