/* =============================================================
   Emprendapp · UI v7 — encabezado de la landing + logo del login
   Solo presentación. Se carga último: sobreescribe a v3/v5/v6.
   ============================================================= */

/* ---------- 1. Encabezado de la landing: SIGUE a la pantalla ----------
   Logo, botones de sesión/registro y botón de tema quedan fijos
   arriba y acompañan el scroll. Al bajar toma fondo para leerse. */
.landing-nav {
    position: fixed !important; top: 0; left: 0; right: 0; z-index: 100;
    padding: 18px 0;
}
.landing-nav.landing-nav--scrolled { padding: 10px 0; }

/* ---------- 2. Logo con más presencia ---------- */
.landing-nav img.landing-nav__logo { height: 52px !important; max-width: 260px; }
.landing-footer img.landing-footer__logo { height: 48px !important; max-width: 260px; }

/* ---------- 3. Botones siempre a la derecha, en una sola fila ---------- */
.landing-nav .landing-nav__inner {
    display: flex !important; flex-direction: row; align-items: center;
    justify-content: space-between; gap: 12px;
}
.landing-nav .landing-nav__acciones {
    display: flex !important; flex-direction: row; align-items: center;
    justify-content: flex-end; width: auto !important; margin-left: auto; gap: 12px !important;
}
.landing-nav .landing-nav__acciones .boton {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
    width: auto !important; flex: 0 0 auto; white-space: nowrap;
}
.landing-nav .boton__icono { display: none; flex-shrink: 0; }

/* ---------- 4. Celular: solo íconos, todo en una fila ---------- */
@media (max-width: 640px) {
    .landing-nav { padding: 14px 0; }
    .landing-nav .landing-nav__inner { padding: 0 16px !important; }
    .landing-nav img.landing-nav__logo { height: 40px !important; max-width: 190px; }

    .landing-nav .landing-nav__acciones { gap: 8px !important; }
    .landing-nav .landing-nav__acciones .boton {
        width: 42px !important; height: 42px; min-height: 0; padding: 0 !important;
        border-radius: 12px;
    }
    .landing-nav .boton__texto { display: none; }
    .landing-nav .boton__icono { display: block; width: 20px; height: 20px; }
    .landing-nav .landing-nav__acciones .boton-tema { width: 42px; height: 42px; margin-left: 4px; }
    .landing-nav .landing-nav__acciones .boton-tema::before { left: -8px; }

    .landing-hero { padding-top: 112px !important; }
    .landing-footer img.landing-footer__logo { height: 42px !important; }
}
@media (max-width: 380px) {
    .landing-nav .landing-nav__inner { padding: 0 12px !important; }
    .landing-nav img.landing-nav__logo { height: 34px !important; max-width: 160px; }
    .landing-nav .landing-nav__acciones { gap: 6px !important; }
    .landing-nav .landing-nav__acciones .boton,
    .landing-nav .landing-nav__acciones .boton-tema { width: 38px !important; height: 38px; }
}

/* ---------- 5. Login: logo más grande, a la izquierda ----------
   Solo la pantalla de inicio de sesión (data-screen="login"). */
[data-screen="login"] .auth-card { padding-top: 28px; }
[data-screen="login"] .auth-card > a.js-goto { display: block; width: fit-content; margin: 0 0 30px -4px; }
[data-screen="login"] img.auth-card__brand {
    height: 44px !important; max-width: 240px; margin: 0 !important;
}
[data-screen="login"] .auth-card__title { margin-top: 0; }

/* ---------- 6. Registro: logo más grande, arriba a la izquierda ----------
   Solo la pantalla de registro (data-screen="registro"). */
[data-screen="registro"] .auth-card { padding-top: 22px; }
[data-screen="registro"] .auth-card > a.js-goto { display: block; width: fit-content; margin: 0 0 26px -4px; }
[data-screen="registro"] img.auth-card__brand {
    height: 44px !important; max-width: 240px; margin: 0 !important;
}
[data-screen="registro"] .auth-card__title { margin-top: 0; }