/* --- ESTILOS GLOBALES --- */

/* Aseguramos que la fuente base sea la correcta */
body {
    font-family: 'Be Vietnam Pro', sans-serif;
    overflow-x: hidden; /* Evita que la web se mueva a los lados en celular */
    background-color: #ffffff;
    color: #000000;
}

/* --- TIPOGRAFÍA EDITORIAL (Estilo Vogue) --- */

/* Títulos finos y separados */
.editorial-title {
    font-weight: 200; /* Letra muy fina */
    letter-spacing: 0.15em; /* Letras muy separadas */
    text-transform: uppercase;
    line-height: 1.1; /* Altura de línea compacta */
}

/* Letra cursiva elegante (para palabras clave) */
.serif-italic {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

/* --- DETALLES DE INTERACCIÓN --- */

/* Scroll suave al hacer clic en enlaces */
html {
    scroll-behavior: smooth;
}

/* Estilo de los campos de formulario (solo línea abajo) */
input:focus, select:focus, textarea:focus {
    outline: none;
    border-bottom-color: #000000;
    transition: border-bottom-color 0.3s ease;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .editorial-title {
        letter-spacing: 0.1em; /* Un poco menos separado en celular para que quepa */
    }
}