/* static/estilo.css - estilos personalizados para LiderAzgo con A */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    scroll-behavior: smooth;
    background-color: #f9f6ef;
    color: #540727;
}

h1, h2, h3, .font-serif {
    font-family: 'Playfair Display', Georgia, serif;
}

/* Personalización de enlaces de navegación */
.nav-link {
    position: relative;
    font-weight: 600;
    letter-spacing: -0.2px;
    transition: color 0.2s ease;
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #976c39;
    transition: width 0.25s ease;
}
.nav-link:hover::after {
    width: 100%;
}

/* Efecto sutil en imágenes */
img {
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1), box-shadow 0.3s;
}
img:hover {
    transform: scale(1.01);
    box-shadow: 0 20px 25px -12px rgba(84,7,39,0.15);
}

/* Botones personalizados */
.btn, .rounded-full {
    transition: all 0.2s ease;
}

/* Scroll personalizado (opcional) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1db86;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #540727;
    border-radius: 10px;
}

/* Ajuste para que el contenido quede dentro del 85% */
.max-w-\[85\%\] {
    max-width: 85%;
}

/* Corrección para móviles */
@media (max-width: 768px) {
    .max-w-\[85\%\] {
        max-width: 92%;
    }
    .navbar-fixed .max-w-\[85\%\] {
        max-width: 92%;
    }
}

/* Para mantener el menú fijo con sombra sutil */
.fixed {
    backdrop-filter: blur(8px);
}

/* Efecto de entrada sutil para secciones */
section {
    opacity: 1;
    animation: fadeUp 0.6s ease-out backwards;
}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}