/* ESTILOS GLOBALES - DEL CORTE ANGARITA */

/* 1. IMPORTACIÓN DE FUENTES (RESTAURADA) */
/* Playfair Display (Títulos Elegantes) y Lato (Lectura Moderna) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;700&display=swap');

/* 2. CONFIGURACIÓN BÁSICA */
body {
    background-color: #0c0a09; /* Stone 900 */
    color: #d6d3d1; /* Stone 300 */
    font-family: 'Lato', sans-serif; /* Texto general */
}

/* 3. TIPOGRAFÍA DE TÍTULOS (PLAYFAIR DISPLAY) */
h1, h2, h3, h4, h5, h6, .font-serif, .text-serif {
    font-family: 'Playfair Display', serif !important;
    letter-spacing: 0.02em; 
    font-weight: 600; 
}

/* Transiciones suaves */
.page-content {
    animation: fadeIn 0.8s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 4. MENÚ DE NAVEGACIÓN (LATO) */
.nav-link {
    position: relative;
    text-decoration: none;
    color: #a8a29e; /* Stone 400 */
    transition: color 0.3s;
    font-family: 'Lato', sans-serif !important; 
    font-weight: 700; /* Negrita para legibilidad */
    font-size: 0.875rem; /* Tamaño pequeño elegante */
    letter-spacing: 0.1em; /* Espaciado amplio (tracking-widest) */
    text-transform: uppercase;
}

.nav-link:hover, .nav-link.active {
    color: #ffffff;
}

/* Línea decorativa al pasar el mouse */
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: #e7e5e4;
    transition: width 0.3s;
}

.nav-link:hover::after, .nav-link.active::after {
    width: 100%;
}

/* 5. BOTONES DE IDIOMA */
.lang-btn {
    opacity: 0.4;
    transition: all 0.3s;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
}

.lang-btn.active {
    opacity: 1;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

/* 6. BOTONES (Call to Action) */
button, a.inline-block {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.1em;
}

/* Modal de éxito */
#success-modal {
    transition: opacity 0.3s ease-in-out;
}

/* Botón Flotante de WhatsApp */
.wa-float {
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}