/* Paquete Visual V */

:root {
    --font-body: "Segoe UI", "Aptos", "Helvetica Neue", sans-serif;
    --font-display: "Segoe UI", "Aptos Display", var(--font-body);
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.06);
    --shadow-hero: 0 30px 70px color-mix(in srgb, var(--brand) 18%, rgba(15, 23, 42, 0.12));
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body {
    font-family: var(--font-body);
}

h1,
h2,
h3,
.section-title,
.commercial-hero h2 {
    font-family: var(--font-display);
    letter-spacing: -0.03em;
}

.auth-page--product {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 24px 16px calc(24px + var(--safe-bottom));
}

.auth-page--login-compact {
    min-height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    padding: 16px;
}