/* Natural Expres - CSS Minificado */

/* Efectos Glass */
.glass{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18)}
.glass-dark{background:rgba(0,0,0,0.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}
.glass-green{background:rgba(106,153,78,0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(106,153,78,0.2)}
.glass-header{background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.2)}

/* Animaciones */
#mobile-menu{animation:slideDown 0.3s ease-out}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* Layout y Navegación */
.no-wrap{flex-wrap:nowrap;white-space:nowrap}
nav .container>div{flex-wrap:nowrap}

/* Responsive */
@media (max-width:1023px){.nav-item{min-width:max-content}}

/* Hover Effects */
.mobile-menu-link:hover{transform:translateX(4px);transition:all 0.2s ease}

/* Focus States */
.mobile-menu-link:focus,#mobile-menu-button:focus{outline:2px solid #6A994E;outline-offset:2px}

/* Z-Index y Posicionamiento */
section{position:relative;z-index:1}
#inicio{position:relative;z-index:0}
#quienes-somos,#como-funciona,#beneficios,#testimonios,#contacto{position:relative;z-index:10;background:white}

/* Componentes Específicos */
.hero-badge{background:rgba(244,162,97,0.2);border:1px solid rgba(244,162,97,0.3)}
.mvp-indicator{background:rgba(106,153,78,0.1);border:1px solid rgba(106,153,78,0.3)}

/* Formularios */
input:focus,select:focus,textarea:focus{outline:2px solid #6A994E;outline-offset:2px;border-color:#6A994E}
input[type="checkbox"]{accent-color:#6A994E}

/* Botones y Enlaces Interactivos */
.btn-hover{transition:all 0.3s ease;transform:translateY(0)}
.btn-hover:hover{transform:translateY(-2px) scale(1.02)}

/* Utilidades de Performance */
.gpu-accelerated{will-change:transform;transform:translateZ(0)}

/* Notificaciones */
.notification{position:fixed;top:1rem;right:1rem;z-index:100;max-width:20rem}

/* Optimizaciones Mobile */
@media (max-width:768px){
  .glass{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
  .hero-text{font-size:clamp(2rem,8vw,4rem)}
}

/* Print Styles */
@media print{
  .glass-header,.mobile-menu-button,#mobile-menu{display:none}
  .glass{background:white;border:1px solid #ccc}
}