/* ===================================
   Grupo Terreneros - Estilos Principales
   =================================== */

/* Variables CSS */
:root {
    --primary: #008080;
    --bg-light: #F0F2F5;
    --bg-dark: #1A1A1A;
    --text-light: #2F4F4F;
    --success: #20B2AA;
}

/* Scroll suave para one-page */
html {
    scroll-behavior: smooth;
}

/* Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Header Styles */
header {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

header:not(.scrolled) {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
    backdrop-filter: none !important;
}

header.scrolled {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: #e5e7eb !important;
    backdrop-filter: blur(12px) !important;
}

.dark header.scrolled {
    background-color: rgba(26, 26, 26, 0.95) !important;
    border-bottom-color: #1f2937 !important;
}

header:not(.scrolled) .header-text {
    color: #FFFFFF !important;
}

header:not(.scrolled) .header-icon {
    color: #FFFFFF !important;
}

/* Logo Styles */
.logo-image {
    height: 36px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Hero section - Logo blanco (transparente navbar) */
header:not(.scrolled) .logo-image {
    filter: brightness(0) invert(1);
}

/* Otras secciones - Logo original a color (fondo blanco navbar) */
header.scrolled .logo-image {
    filter: none;
}

/* Dark mode - Logo blanco */
.dark header.scrolled .logo-image {
    filter: brightness(0) invert(1);
}

/* Footer Logo */
.footer-logo {
    height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
}

/* Animations */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.8s ease-out forwards;
}