/* DG Creativa — Estilos globales v1.0 */
/* Paleta y tipografía según Manual de Identidad 2026 */

/* Variables de marca */
:root {
    --dg-rosa-suave:   #F5C6D6;   /* color principal */
    --dg-rosa-intenso: #E89BB3;   /* acento y detalles */
    --dg-nude:         #F4E8DE;   /* secundario, calidez */
    --dg-crema:        #FBF7F2;   /* fondo institucional */
    --dg-gris:         #2E2A2B;   /* tipografía y contraste */
    --dg-vino:         #C77A93;   /* acento editorial */
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--dg-crema);
    color: var(--dg-gris);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Tipografías de marca ─────────────────────────────── */
.font-allura {
    font-family: 'Allura', cursive;
}

.font-playfair {
    font-family: 'Playfair Display', serif;
}

/* ── Logo ─────────────────────────────────────────────── */
.logo-container img {
    max-width: 280px;
    width: 100%;
    height: auto;
}

/* ── Próximamente ─────────────────────────────────────── */
.proximamente-titulo {
    font-family: 'Allura', cursive;
    color: var(--dg-rosa-suave);
    font-size: 3rem;
}

.proximamente-subtitulo {
    font-family: 'Playfair Display', serif;
    color: var(--dg-gris);
}

.card-suscripcion {
    background-color: var(--dg-nude);
    border: none;
}

/* ── Botones ──────────────────────────────────────────── */
.btn-dg {
    background-color: var(--dg-rosa-intenso);
    color: #fff;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.btn-dg:hover {
    background-color: var(--dg-vino);
    color: #fff;
}

/* ── Formulario ───────────────────────────────────────── */
.form-control:focus {
    border-color: var(--dg-rosa-intenso);
    box-shadow: 0 0 0 0.25rem rgba(232, 155, 179, 0.25);
}

/* ── Acentos de texto ─────────────────────────────────── */
.text-dg-rosa    { color: var(--dg-rosa-suave); }
.text-dg-acento  { color: var(--dg-rosa-intenso); }
.text-dg-vino    { color: var(--dg-vino); }