:root{--verde-oscuro:#093;--verde-profundo:#0b6d31;--marron-tierra:#885f3c;--amarillo-sol:#f1bd28;--oro-viejo:#c0ab77;--crema-fondo:#eed2ad;--blanco-hueso:#fffdec;--verde-whatsapp:#29a73f;--amarillo-claro:#f9dd37;--naranja:#eeab07;--font-titulos:"League Gothic", sans-serif;--font-general:"Montserrat", sans-serif}body{font-family:var(--font-general);background-color:var(--blanco-hueso);color:#333}html,body,#root{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}h1,h2,h3,.font-gothic{font-family:var(--font-titulos);letter-spacing:1px}*,:before,:after{box-sizing:inherit}.navbar{z-index:1000;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0}.navbar-logo img{object-fit:contain;height:45px}.logos{gap:18px;display:flex}.navbar-links{flex-grow:1;align-items:center;gap:30px;margin:0 0 0 80px;padding:0;list-style:none;display:flex}.navbar-links a{color:#000;font-family:var(--font-general);padding-bottom:5px;font-size:20px;font-weight:600;text-decoration:none;transition:color .3s}.navbar-links a.active{color:var(--verde-profundo);border-bottom:2px solid var(--verde-profundo)}.navbar-links a:hover{color:var(--verde-oscuro)}.navbar-search-item{margin-left:auto}.search-container{background-color:#f5f5f5;border:1px solid #ccc;border-radius:25px;align-items:center;width:350px;padding:6px 15px;display:flex}.iconoLupa{width:18px;height:auto;margin-right:10px;display:block}.search-container input{width:100%;font-family:var(--font-general);background:0 0;border:none;outline:none;font-size:14px}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;display:none}.hamburger-btn .bar{background-color:var(--verde-profundo,#0b6d31);border-radius:5px;width:100%;height:3px;transition:all .3s}.hamburger-btn.open .bar:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger-btn.open .bar:nth-child(2){opacity:0}.hamburger-btn.open .bar:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (width<=1047px){.navbar-links{margin-left:30px}}@media (width<=1000px){.navbar{padding:15px 20px}.hamburger-btn{display:flex}.navbar-links{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-direction:column;align-items:center;gap:0;width:100%;max-height:0;margin-left:0;padding:0;transition:max-height .3s ease-in-out;position:absolute;top:75px;left:0;overflow:hidden}.navbar-links li{text-align:center;width:100%}.navbar-links a{width:100%;padding:16px 0;font-size:18px;display:block}.navbar-links a.active{color:var(--verde-profundo);background-color:#f9f9f9;border-bottom:none}.navbar-search-item{justify-content:center;width:100%;margin-left:0;padding:20px;display:flex}.navbar-search-item .search-container{width:90%}.navbar-links.active-menu{max-height:380px}}.hero-section{background-color:var(--blanco-hueso);justify-content:center;width:100%;padding:40px 20px;display:flex}.hero-container{background-color:#fdfbf7;border-radius:24px;width:100%;max-width:1300px;height:440px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.hero-text-content{z-index:5;flex-direction:column;flex:1;justify-content:center;max-width:600px;padding:0 60px;animation:.8s ease-out forwards fadeInText;display:flex}.hero-title{letter-spacing:2px;color:var(--verde-oscuro);margin-top:10px;margin-bottom:10px;font-size:55px;font-weight:500;line-height:1.15}.hero-description{color:#555;max-width:600px;margin-bottom:35px;font-size:20px;font-weight:500;line-height:1.5}.hero-buttons{gap:15px;display:flex}.btn-primary{background-color:var(--verde-profundo,#1e5631);color:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-primary:hover{background-color:var(--verde-oscuro,#144525);transform:translateY(-2px)}.btn-secondary{color:var(--verde-profundo,#1e5631);border:1.5px solid var(--verde-profundo,#1e5631);background-color:#0000;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{background-color:#1e56310d;transform:translateY(-2px)}.hero-image-wrapper{z-index:1;width:60%;height:100%;position:absolute;top:0;right:0}.hero-image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fdfbf7 0%,#fdfbf7cc 20%,#0000 65%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-right-bg{object-fit:cover;object-position:center;width:100%;height:100%}@keyframes fadeInText{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.hero-container{border-radius:16px;flex-direction:column-reverse;height:auto}.hero-image-wrapper{width:100%;height:240px}.hero-image-wrapper:after{background:linear-gradient(#0000 10%,#fdfbf7 100%)}.hero-text-content{padding:30px 24px}.hero-title{color:var(--verde-profundo);font-size:32px;font-weight:500}.hero-description{margin-bottom:25px;font-size:15px;font-weight:600}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.categorias-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:40px 20px;display:flex}.categoria-card{cursor:pointer;background-position:50%;background-size:cover;border:none;border-radius:8px;flex:220px;max-width:300px;height:80px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.categoria-card:hover{transform:translateY(-8px);box-shadow:0 6px 12px #00000026}.categoria-card.active{outline:3px solid var(--amarillo-sol);transform:translateY(-8px);box-shadow:0 6px 12px #00000026}.categoria-card.active .categoria-overlay{background:#0003}.categoria-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex}.categoria-card:hover .categoria-overlay{background:#0003}.categoria-overlay span{color:#fff;font-family:var(--font-general);text-align:center;padding:0 10px;font-size:20px;font-weight:700}@media (width<=991px){.categorias-container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:40px 20px;display:flex}}.loading-text,.no-products{text-align:center;font-family:var(--font-general);color:#777;grid-column:1/-1;width:100%;padding:60px 20px 150px;font-size:22px;font-weight:700}.grid-productos-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px 24px;max-width:1300px;margin:0 auto;padding:40px 20px;display:grid}.producto-card{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;transition:transform .3s;display:flex;box-shadow:0 2px 10px #0000001a}.producto-card:hover{transform:scale(1.03)}.producto-image-container{background-color:#0000;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:15px;display:flex;overflow:hidden}.producto-img{object-fit:contain;width:auto;max-width:90%;height:auto;max-height:90%}.producto-info{flex-direction:column;align-items:center;width:100%;padding:0;display:flex}.producto-name{font-family:var(--font-titulos);color:var(--verde-profundo);letter-spacing:1.5px;margin:0 0 6px;font-size:26px;font-weight:500;line-height:1.2}.producto-desc{font-family:var(--font-general);color:#777;text-align:center;margin:0 0 10px;padding:10px;font-size:13px;line-height:1.4}@media (width<=768px){.grid-productos-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 16px}.producto-image-container{height:130px}.producto-name{font-size:20px}}@media (width<=480px){.grid-productos-container{grid-template-columns:repeat(2,1fr);gap:25px 12px;padding:20px 10px}.producto-image-container{height:110px}.producto-name{font-size:26px}}.nosotros-page{width:100%;font-family:var(--font-general);color:#333;background-color:#fff}.nosotros-page.animate-fade-in{height:100%;padding-top:0;animation:.5s forwards fadeIn}.nosotros-banner{background-color:var(--oro-viejo);text-align:center;justify-content:center;align-items:center;width:100%;height:230px;padding:50px 20px;display:flex}.banner-content h1{font-family:var(--font-general);color:#fff;letter-spacing:1px;margin:0 0 10px;font-size:48px;font-weight:600}.breadcrumbs{color:#ffffffb3;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.link-Inicio{color:#fff;text-decoration:none;transition:color .2s}.breadcrumbs .separator{opacity:.5;font-size:10px}.breadcrumbs .current{color:#fff;font-weight:500}.nosotros-main-content{text-align:center;max-width:900px;margin:0 auto;padding:60px 20px}.overline-tag{letter-spacing:4px;color:#777;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.main-title{color:#222;margin:0 0 20px;font-size:36px;font-weight:700;line-height:1.2}.decorative-divider{justify-content:center;align-items:center;gap:15px;margin:25px 0 35px;display:flex}.decorative-divider .line{background-color:#ccc;width:80px;height:1px}.decorative-divider .diamond{color:var(--verde-profundo,#28a745);font-size:12px}.nosotros-description p{color:#666;text-align:center;max-width:760px;margin:0 auto;font-size:16px;line-height:1.8}.nosotros-gallery{grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;max-width:1100px;margin:90px auto 40px;display:grid}.gallery-item{aspect-ratio:4/5;background-color:#f7f7f7;border-radius:12px;width:100%;transition:all .4s cubic-bezier(.165,.84,.44,1);overflow:hidden;box-shadow:0 10px 30px #00000014}.gallery-item:first-child{transform:translateY(15px)}.gallery-item:nth-child(2){transform:translateY(-20px)}.gallery-item:nth-child(3){transform:translateY(15px)}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1);display:block}.gallery-item:first-child:hover{transform:translateY(5px)scale(1.03);box-shadow:0 20px 40px #00000026}.gallery-item:nth-child(2):hover{transform:translateY(-30px)scale(1.03);box-shadow:0 20px 40px #00000026}.gallery-item:nth-child(3):hover{transform:translateY(5px)scale(1.03);box-shadow:0 20px 40px #00000026}.gallery-item:hover img{transform:scale(1.06)}@media (width<=900px){.nosotros-main-content{max-width:100%}.nosotros-gallery{gap:15px;padding:0 10px}}@media (width<=768px){.nosotros-banner{padding:40px 20px}.banner-content h1{font-size:32px}.main-title{font-size:26px}.nosotros-description p{font-size:15px;line-height:1.6}.decorative-divider .line{width:50px}.nosotros-gallery{grid-template-columns:1fr;gap:40px;margin-top:40px}.gallery-item:first-child,.gallery-item:nth-child(2),.gallery-item:nth-child(3){aspect-ratio:4/3;transform:translateY(0)}.gallery-item:first-child:hover,.gallery-item:nth-child(2):hover,.gallery-item:nth-child(3):hover{transform:scale(1.02)}}.contacto-page.animate-fade-in{padding-top:0;animation:.5s forwards fadeIn}.contacto-container{max-width:1100px;margin:0 auto;padding:20px 20px 80px}.contacto-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.contacto-card-item{text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;align-items:center;padding:40px 30px;transition:transform .3s;display:flex}.contacto-card-item:hover{transform:translateY(-5px)}img.icono-contacto{object-fit:contain;width:32px;height:32px}img.icono-instagram,img.icono-reloj{object-fit:contain;width:42px;height:42px}.icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:20px;display:flex}.icon-wrapper.whatsapp{background-color:#e8f9ee}.icon-wrapper.instagram{background-color:#fdf0f5}.icon-wrapper.horario{background-color:#f0f4fd}.contacto-card-item h3{letter-spacing:1px;color:#222;margin-bottom:10px;font-size:24px}.contacto-card-item p{color:#666;flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.5}.contacto-link-btn{color:var(--verde-profundo);border:1px solid var(--verde-profundo);background-color:#0000;border-radius:20px;padding:8px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.contacto-link-btn:hover{background-color:var(--verde-profundo);color:#fff}.badge-abierto{color:#25d366;background-color:#e8f9ee;border-radius:12px;padding:4px 14px;font-size:12px;font-weight:600}.contacto-page{font-family:var(--font-general);color:#222;background-color:#0000;padding-top:80px}.contacto-header{text-align:center;padding:60px 20px 40px}.contacto-header h1{color:var(--verde-profundo);margin-bottom:10px;font-size:42px}.contacto-header .subtitle{color:#666;font-size:16px}.animate-fade-in{animation:fadeIn .5s ease forward}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.block-container,.nosotros-block.reverse .block-container{flex-direction:column;gap:30px}.block-image-placeholder{width:100%;height:200px}.nosotros-hero h1,.contacto-header h1{font-size:32px}}.footer{background-color:var(--verde-profundo,#0b6d31);color:#fff;width:100%;font-family:var(--font-general);margin-top:auto;padding-top:60px}.footer-container{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 40px 40px;display:grid}.footer-column{flex-direction:column;display:flex}.footer-logo{gap:15px;display:flex}.footer-column.footer-brand{width:290px}.footer-brand .footer-logo img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);height:48px;margin-bottom:20px}.footer-description{color:#ffffffd9;margin:0 0 20px;font-size:14px;line-height:1.6}.footer-title{font-family:var(--font-titulos);letter-spacing:1.5px;text-transform:uppercase;color:var(--amarillo-sol,#f1bd28);border-bottom:1px solid #ffffff26;margin:0 0 20px;padding-bottom:8px;font-size:22px}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#fffc;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.footer-links a:hover{color:var(--amarillo-sol,#f1bd28);padding-left:5px}.footer-socials{gap:15px;display:flex}.footer-socials a{color:#fff;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .3s;display:flex}.footer-socials a:hover{color:var(--verde-profundo);background-color:#fff;transform:translateY(-3px)}.footer-contact .contact-item{color:#ffffffe6;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.footer-contact .contact-item a{color:inherit;text-decoration:none;transition:color .2s}.footer-contact .contact-item a:hover{color:var(--amarillo-sol)}.footer-contact .contact-icon{font-size:20px}.footer-contact .contact-icon-ubicacion{padding-left:5px;font-size:20px}.ubicacion{padding-left:5px}.footer-bottom{text-align:center;background-color:#00000026;border-top:1px solid #ffffff14;width:100%;padding:20px 40px}.footer-bottom p{color:#fff9;margin:0;font-size:13px}@media (width<=900px){.footer-container{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=600px){.footer-container{grid-template-columns:1fr;padding:0 20px 30px}.footer-title{margin-bottom:15px}}.btn-whatsapp-flotante{z-index:999;cursor:pointer;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:25px;right:25px}.whatsapp-icon-img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000040);width:90px;height:90px;margin-bottom:80px;margin-right:90px;transition:filter .3s}.btn-whatsapp-flotante:hover{transform:scale(1.1)}.btn-whatsapp-flotante:hover .whatsapp-icon-img{filter:drop-shadow(0 6px 15px #00000059)}@media (width<=768px){.btn-whatsapp-flotante{width:55px;height:55px;bottom:20px;right:20px}}