/* Fuente base */
body {
    font-family: 'Lato', sans-serif;
}

/* Fuente para títulos */
h1,
h2,
h3,
h4 {
    font-family: 'Playfair Display', serif;
}

/* Colores personalizados (variables CSS) */
:root {
    --color-marengo: #2C3E50;
    --color-marengo-dark: #1a252f;
    --color-gold: #C5A059;
}

/* Overlay del Hero */
.hero-overlay {
    background: linear-gradient(to right, rgba(44, 62, 80, 0.95), rgba(44, 62, 80, 0.6));
}

/* Patrón de olas para secciones de transición */
.wave-pattern {
    background-color: var(--color-marengo);
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 12.878 59.636 10 50 10c-9.355 0-16.887 2.39-27.13 6.315-1.996.764-4.045 1.543-6.19 2.275l-7.962 1.41z' fill='%23C5A059' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* Clases de utilidad extra */
.text-gold {
    color: var(--color-gold);
}

.bg-marengo {
    background-color: var(--color-marengo);
}

.bg-marengo-dark {
    background-color: var(--color-marengo-dark);
}