/*
 Theme Name:   Hello Elementor Child
 Description:  Tema hijo para Envasify
 Author:       Tu Nombre
 Template:     hello-elementor
 Version:      1.0.0
*/


* { font-family: 'Inter', sans-serif; }
        .fade-in { opacity: 0; transform: translateY(30px); animation: fadeInUp 0.8s ease forwards; }
        @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
        .parallax-section {
            position: relative;
            min-height: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            background-repeat: no-repeat;
        }
				.hero-bg { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); }
        .parallax-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 59, 92, 0.45);
            z-index: 1;
        }
        @supports (-webkit-touch-callout: none) {
            .parallax-section { background-attachment: scroll; }
        }

/* Hacer la cabecera fija */
.navbar, header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; /* Para que siempre esté por encima de todo */
    background: rgba(255, 255, 255, 0.95); /* Fondo con ligera transparencia */
    backdrop-filter: blur(10px); /* Efecto de desenfoque moderno */
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
            transform: translateY(-100%);
            animation: slideDown 0.6s ease forwards 0.3s;
}
 @keyframes slideDown { to { transform: translateY(0); } }
/* Evitar que el contenido de la página se meta debajo de la cabecera */
body {
    padding-top: 64px; /* Ajusta este valor a la altura real de tu cabecera */
}

/* Ocultar el pie de página por defecto del tema Hello Elementor */
.copyright.show {
    display: none !important;
}