.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem .25rem;background-color:transparent;position:fixed;width:100%;top:0;z-index:1030;transition:all .3s ease-in-out;height:130px}.header.scrolled{background-color:#fff;padding:.5rem 1rem;box-shadow:0 1px 2px #0000000d;height:80px}.header .header-left{display:flex;align-items:center;flex:1}.header .logo{display:flex;justify-content:center;flex-grow:1}.header .logo img{height:auto;width:250px;transition:all .3s ease-in-out}.header .header-right{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-end;margin-right:1rem}.header .header-right .test-popup-button{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header .header-right .test-popup-button:hover{background-color:#6a7f341a;color:#6a7f34;transform:scale(1.1)}.header .header-right .test-popup-button i{color:#6a7f34}.header .header-right .book-button{background-color:#6b8147;color:#fff;padding:.25rem 1rem;text-decoration:none;border-radius:.375rem;font-size:.875rem;transition:all .3s ease-in-out}.header .header-right .book-button:hover{background-color:#506035}.header .header-right .cart-link{position:relative;color:inherit;text-decoration:none;font-size:1.125rem}.header .header-right .cart-link .cart-count{position:absolute;top:-8px;right:-8px;background-color:#6b8147;color:#fff;border-radius:9999px;width:18px;height:18px;font-size:.75rem;display:flex;align-items:center;justify-content:center}.header .header-right .user-menu{position:relative;display:flex;align-items:center;gap:.25rem}.header .header-right .user-menu .user-avatar{width:35px;height:35px;border-radius:9999px;background-color:#6b8147;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.header .header-right .user-menu .user-avatar:hover{background-color:#506035}.header .header-right .user-menu .logout-icon{color:inherit;font-size:1.125rem;cursor:pointer;transition:all .3s ease-in-out}.header .header-right .user-menu .logout-icon:hover{color:#6b8147}.header .header-right .user-menu .logout-icon.scrolled{color:#1f2937}.header .header-right .auth-link{color:inherit;text-decoration:none;font-size:1.125rem;transition:all .3s ease-in-out}.header .header-right .auth-link.scrolled{color:#1f2937}.header .header-right .auth-link:hover{color:#6b8147}.header .menu-icon{margin-right:1rem;cursor:pointer}.header .language-selector{margin-left:1rem;cursor:pointer}@media (max-width: 1024px){.header{height:70px;padding:.25rem}.header.scrolled{height:60px}.header .logo img{width:180px}.header .header-right{gap:.25rem;margin-right:.25rem}.header .header-right .book-button{padding:.25rem .5rem;font-size:.75rem}.header .header-right .cart-link{font-size:1rem}.header .header-right .cart-link .cart-count{width:16px;height:16px;font-size:.75rem;top:-6px;right:-6px}.header .header-right .user-menu{gap:.25rem}.header .header-right .user-menu .user-avatar{width:30px;height:30px;font-size:.75rem}.header .header-right .user-menu .logout-icon,.header .header-right .auth-link{font-size:.875rem}.header .hamburger-button{font-size:1.125rem;padding:.25rem}}.hamburger-menu{position:fixed;top:0;left:0;width:350px;height:100%;background-color:#6b814799;color:#fff;display:flex;flex-direction:column;padding:1rem;z-index:1050;transition:transform .1s ease-out}.hamburger-menu .menu-header{display:flex;justify-content:flex-end;padding:1rem 0;margin-bottom:1.5rem}.hamburger-menu .menu-header span{cursor:pointer;font-size:1.25rem}.hamburger-menu nav{flex-grow:1}.hamburger-menu nav ul{list-style:none;padding:0}.hamburger-menu nav ul li{margin:1rem 0;display:flex}.hamburger-menu nav ul li a{color:#fff;text-decoration:none;font-size:1.25rem}.hamburger-menu nav ul li a:hover{color:#8a9f5a;text-decoration:underline}.hamburger-button{background:none;border:none;cursor:pointer;padding:.5rem;transition:all .3s ease-in-out;z-index:1050}.hamburger-button span{font-size:2.25rem;color:#6b8147;transition:all .3s ease-in-out}.header:not(.scrolled) .hamburger-button span{color:#fff}.hamburger-button.open span{color:#000}.header.scrolled .hamburger-button span{color:#6b8147}.auth-link,#register{margin-left:.5rem;color:#fff;text-decoration:none}.auth-link.scrolled,#register.scrolled{color:#191e11}.auth-link:hover{text-decoration:underline}.user-name{margin-left:1rem;color:#7a8f5a}.logout-button{margin-left:1rem;background-color:transparent;border:none;cursor:pointer}.logout-button:hover{text-decoration:underline}.cart-link{position:relative;display:inline-block;text-decoration:none;margin:0 1.5rem;font-size:1.125rem}.header:not(.scrolled) .cart-link{color:#fff}.header.scrolled .cart-link{color:#8a9f5a}.cart-link:hover{opacity:.75}.cart-link .cart-count{position:absolute;top:-8px;right:-8px;background-color:#8a9f5a;color:#fff;border-radius:9999px;padding:.25rem;min-width:18px;height:18px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}.cart-link i{font-size:1.25rem}@media (max-width: 1024px){.header .logo img{width:125px}.header .book-button{display:none}.auth-link{font-size:.75rem;margin-right:.25rem}.header-right{margin-right:1.5rem}}@media (max-width: 768px){.header{padding:.5rem .25rem;height:100px}.header.scrolled{height:70px;padding:.25rem}.header .logo img{width:180px;height:auto}.header .header-right{gap:.5rem;margin-right:.25rem}.header .header-right .book-button{padding:.25rem .5rem;font-size:.75rem}.header .header-right .cart-link,.header .header-right .auth-link{font-size:1rem}.header .hamburger-button{font-size:1.5rem;padding:.25rem}}.footer{background-color:#7c8f51;background-image:url(../images/hojasfooter-min.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;color:#fff;padding:4rem 1.5rem;margin-top:auto;flex-shrink:0}.footer:before{content:"";position:absolute;inset:0;background-color:#7c8f51bf;z-index:1}.footer .footer-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;margin-bottom:2rem}.footer .footer-content .footer-section h3{color:#fff;font-size:1.25rem;margin-bottom:1.5rem;font-weight:600;position:relative;padding-bottom:.5rem;opacity:1}.footer .footer-content .footer-section h3:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#6b8147;opacity:.5}.footer .footer-content .footer-section.about{grid-column:1/2}.footer .footer-content .footer-section.about .about-text{line-height:1.6;margin-bottom:1.5rem;color:#ffffffbf;font-size:.875rem}.footer .footer-content .footer-section.about .social-links{display:flex;gap:1rem}.footer .footer-content .footer-section.about .social-links a{width:36px;height:36px;border-radius:9999px;background-color:#ffffff40;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;transition:all .3s ease-in-out}.footer .footer-content .footer-section.about .social-links a:hover{background-color:#ffffff80;color:#6b8147}.footer .footer-content .footer-section.links ul,.footer .footer-content .footer-section.services ul,.footer .footer-content .footer-section.blog-categories ul{list-style:none;padding:0;margin:0}.footer .footer-content .footer-section.links ul li,.footer .footer-content .footer-section.services ul li,.footer .footer-content .footer-section.blog-categories ul li{margin-bottom:1rem}.footer .footer-content .footer-section.links ul li a,.footer .footer-content .footer-section.services ul li a,.footer .footer-content .footer-section.blog-categories ul li a{color:#ffffffbf;text-decoration:none;font-size:.875rem;transition:all .3s ease-in-out;padding:.25rem 0}.footer .footer-content .footer-section.links ul li a:hover,.footer .footer-content .footer-section.services ul li a:hover,.footer .footer-content .footer-section.blog-categories ul li a:hover{color:#6b8147}.footer .footer-content .footer-section.blog-categories{background:transparent!important;padding:0!important;margin:0!important}.footer .footer-content .footer-section.blog-categories h3{color:#fff!important}.footer .footer-content .footer-section.blog-categories ul li a{color:#ffffffbf!important}.footer .footer-content .footer-section.blog-categories ul li a:hover{color:#6b8147!important}.footer .footer-content .footer-section.contact .contact-info p{display:flex;align-items:center;margin-bottom:1rem;color:#ffffffbf;font-size:.875rem}.footer .footer-content .footer-section.contact .contact-info p i{width:20px;color:#6b8147;margin-right:1rem;opacity:.75;font-size:1rem}.footer .footer-content .footer-section.contact .contact-info p a{color:#ffffffbf;text-decoration:none;transition:all .3s ease-in-out}.footer .footer-content .footer-section.contact .contact-info p a:hover{color:#6b8147}.footer .footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.25);padding-top:1.5rem;text-align:center}.footer .footer-bottom .footer-logo{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.footer .footer-bottom .footer-logo img{height:120px;opacity:.75;transition:all .3s ease-in-out}.footer .footer-bottom .footer-logo img:hover{opacity:1}.footer .footer-bottom .copyright{color:#fff;font-size:.875rem;text-align:center}.footer .footer-bottom .copyright p{margin:.25rem 0;color:#fff!important}.footer .footer-bottom .copyright .fa-heart{color:#6b8147;margin:0 .25rem;opacity:.75}@media (max-width: 1024px){.footer .footer-content{grid-template-columns:repeat(3,1fr);gap:2rem}.footer .footer-content .footer-section.about{grid-column:1/-1;text-align:center}}@media (max-width: 768px){.footer{padding:2rem 1rem}.footer .footer-content{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.footer .footer-content .footer-section{text-align:center}.footer .footer-content .footer-section h3{margin-bottom:1rem}.footer .footer-content .footer-section h3:after{left:50%;transform:translate(-50%)}.footer .footer-content .footer-section.about .social-links{justify-content:center}.footer .footer-content .footer-section.links ul li,.footer .footer-content .footer-section.services ul li,.footer .footer-content .footer-section.blog-categories ul li{text-align:center}.footer .footer-content .footer-section.links ul li a,.footer .footer-content .footer-section.services ul li a,.footer .footer-content .footer-section.blog-categories ul li a{display:inline-block;padding:.25rem .5rem}.footer .footer-content .footer-section.blog-categories{background:transparent!important;padding:0!important;margin:0!important}.footer .footer-content .footer-section.blog-categories h3{color:#fff!important}.footer .footer-content .footer-section.blog-categories ul li a{color:#ffffffbf!important}.footer .footer-content .footer-section.blog-categories ul li a:hover{color:#6b8147!important}.footer .footer-content .footer-section.contact .contact-info p{justify-content:center;text-align:center;flex-direction:column;gap:.25rem}.footer .footer-content .footer-section.contact .contact-info p i{margin-right:0;margin-bottom:.25rem}.footer .footer-bottom .footer-logo{margin-bottom:1rem}.footer .footer-bottom .footer-logo img{height:90px}}
