/* 1. Importamos fuentes de Google Fonts libres y elegantes */
/* Great Vibes (Cursiva para los nombres), Playfair (Títulos) y Montserrat (Textos) */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

/* 2. Comportamiento suave al navegar y Bloqueo de Desbordamiento */
html {
    scroll-behavior: smooth;
    overflow-x: hidden; /* Esto prohíbe el scroll horizontal */
    width: 100%;
}

/* 3. Estilos base para toda la invitación */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #FAFAFA;
    color: #2D3748;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Doble seguridad en el body */
    width: 100%;
}


/* 4. Clases personalizadas para usar en Blazor fácilmente */
.font-nombres {
    font-family: 'Great Vibes', cursive;
}

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

/* 5. Ocultar la barra de error amarilla fea de Blazor por si acaso */
#blazor-error-ui {
    display: none !important;
}