@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@400;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;background:#ffffff;color:#4b3a2f;line-height:1.6;font-size:16px}.cafe-page{width:100%;margin:0;padding:0;overflow-x:hidden}.hero{position:relative;min-height:90vh;padding:0 4%;overflow:hidden;z-index:0}.hero,.productos-hero{background:linear-gradient(135deg,#fceee3,#fff8f3);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.productos-hero{min-height:70vh;padding:120px 4% 60px}.productos-hero h1{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;color:#4b3a2f;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(139,69,19,.2);background:linear-gradient(135deg,#4b3a2f,#8d6e63 50%,#a1887f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.productos-hero h1:hover{transform:scale(1.01);text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 30px rgba(139,69,19,.4)}.productos-hero h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#8d6e63,#a1887f,#8d6e63);border-radius:2px;box-shadow:0 2px 8px rgba(139,69,19,.3)}.productos-hero p{font-family:Open Sans,sans-serif;font-size:1.3rem;color:#6b5b47;margin-bottom:30px;line-height:1.5;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:600;letter-spacing:1px;background:linear-gradient(135deg,#6b5b47,#8d6e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.productos-hero p:hover{transform:scale(1.005);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.buscador-productos{width:100%;max-width:500px;padding:15px 25px;border:2px solid #e7c9a9;border-radius:30px;font-family:Montserrat,sans-serif;font-size:1.1rem;color:#5a4432;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(185,147,108,.15);transition:all .3s ease;outline:none}.buscador-productos::placeholder{color:#8d6e63;opacity:.7}.buscador-productos:focus{border-color:#b9936c;box-shadow:0 6px 25px rgba(185,147,108,.25);transform:translateY(-2px)}.navbar{width:100%;position:absolute;top:0;left:0;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.05);background-color:white}.navbar-brand-container{display:flex;align-items:center;gap:10px}.navbar-logo-image{width:50px;height:50px;object-fit:contain}.logo-text{font-family:Playfair Display,serif;color:#4b3a2f;font-size:2.2rem;font-weight:700;text-decoration:none}.navbar-links-container{display:flex;gap:30px;align-items:center}.nav-link{font-family:Montserrat,sans-serif;color:#5a4432;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease}.nav-link:hover{color:#8d6e63}.hero-text{position:relative;z-index:5;text-align:center;max-width:700px;margin-top:50px}.hero-text h1{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;color:#4b3a2f;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(139,69,19,.2);background:linear-gradient(135deg,#4b3a2f,#8d6e63 50%,#a1887f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.hero-text h1:hover{transform:scale(1.01);text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 30px rgba(139,69,19,.4)}.hero-text h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#8d6e63,#a1887f,#8d6e63);border-radius:2px;box-shadow:0 2px 8px rgba(139,69,19,.3)}.hero-text p{font-family:Open Sans,sans-serif;font-size:1.3rem;color:#6b5b47;margin-bottom:30px;line-height:1.5;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:600;letter-spacing:1px;background:linear-gradient(135deg,#6b5b47,#8d6e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.hero-text p:hover{transform:scale(1.005);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.categoria-cafe{padding:80px 4%;background:#ffffff}.titulo-categoria{font-family:Playfair Display,serif;font-size:3.2rem;color:#4b3a2f;text-align:center;margin-bottom:60px;font-weight:700;letter-spacing:2px}.cafe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;justify-items:center;align-items:stretch;max-width:1200px;margin:0 auto;width:100%}.cafe-card{border-radius:20px;box-shadow:0 8px 32px rgba(141,110,99,.13);overflow:hidden;padding:0 0 2.2rem;display:flex;flex-direction:column;align-items:center;position:relative;max-width:340px;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.cafe-card:hover{box-shadow:0 16px 40px rgba(141,110,99,.18);transform:translateY(-4px) scale(1.02)}.cafe-imagen-container{position:relative;margin-top:65px;width:170px;height:170px;border-radius:14px;box-shadow:0 4px 18px rgba(141,110,99,.13);background:#fff;padding:10px;overflow:hidden}.cafe-imagen{width:100%;height:100%;object-fit:cover;border-radius:8px}.cafe-card-content{background:none;border-radius:0 0 20px 20px;margin-top:1.3rem;padding:0 1.3rem;text-align:center;color:#5a4432;font-family:Montserrat,sans-serif;width:100%}.cafe-card-content h3{font-family:Playfair Display,serif;font-size:1.6rem;color:#4b3a2f;margin:.8rem 0 .3rem;font-weight:700;letter-spacing:1px}.descripcion{color:#7c5c3e;font-size:1rem;margin:.5rem 0;font-family:Montserrat,sans-serif;line-height:1.4}.cafe-details{margin:1rem 0;text-align:left}.cafe-details p{color:#7c5c3e;font-size:.95rem;margin:.3rem 0;font-family:Montserrat,sans-serif}.cafe-details strong{color:#4b3a2f;font-weight:600}.precio{color:#b9936c;font-weight:700;font-size:1.15rem;margin:1rem 0}.btn-pedir,.precio{font-family:Montserrat,sans-serif}.btn-pedir{background:linear-gradient(135deg,#8d6e63,#b9936c);color:white;border:none;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(141,110,99,.3)}.btn-pedir:hover{background:linear-gradient(135deg,#b9936c,#8d6e63);transform:translateY(-2px);box-shadow:0 6px 20px rgba(141,110,99,.4)}.btn-pedir:active{transform:translateY(0)}.no-resultados{grid-column:1/-1;text-align:center;font-family:Montserrat,sans-serif;font-size:1.2rem;color:#8d6e63;padding:40px;background:#f9f5f1;border-radius:15px;border:2px dashed #e7c9a9}.carrito-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.carrito{background:white;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.carrito h2{font-family:Playfair Display,serif;color:#4b3a2f;margin-bottom:20px;text-align:center;font-size:2rem}.carrito ul{list-style:none;margin-bottom:20px}.carrito-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e7c9a9;font-family:Montserrat,sans-serif;color:#5a4432}.carrito-item:last-child{border-bottom:none}.btn-eliminar{background:#e74c3c;color:white;border:none;padding:8px 12px;border-radius:15px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-eliminar:hover{background:#c0392b;transform:scale(1.05)}.carrito-total{font-size:1.2rem;color:#4b3a2f;text-align:center;margin:20px 0;padding:15px;background:#f9f5f1;border-radius:10px}.btn-pagar,.carrito-total{font-family:Montserrat,sans-serif;font-weight:600}.btn-pagar{background:linear-gradient(135deg,#27ae60,#2ecc71);color:white;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;width:100%;margin-bottom:15px;box-shadow:0 4px 15px rgba(46,204,113,.3)}.btn-pagar:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-2px);box-shadow:0 6px 20px rgba(46,204,113,.4)}.btn-pagar:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.btn-cerrar{background:#95a5a6;color:white;border:none;padding:10px 20px;border-radius:20px;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-cerrar:hover{background:#7f8c8d;transform:scale(1.02)}.categorias-filtros{background:#ffffff;padding:40px 4%;box-shadow:0 4px 8px rgba(0,0,0,.05);position:relative;z-index:10}.filtros-container{display:flex;justify-content:center;gap:15px;flex-wrap:nowrap;max-width:100%;margin:0 auto;overflow-x:auto;padding:0 10px;scrollbar-width:none;-ms-overflow-style:none}.filtros-container::-webkit-scrollbar{display:none}.filtro-btn{background:#f9f5f1;border:2px solid #e7c9a9;color:#5a4432;padding:10px 20px;border-radius:25px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.filtro-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.filtro-btn:hover{background:#e7c9a9;color:#4b3a2f;box-shadow:0 4px 12px rgba(185,147,108,.2);border-color:#b9936c}.filtro-btn:hover:before{left:100%}.filtro-btn.activo{background:#b9936c;color:#ffffff;border-color:#b9936c;box-shadow:0 4px 12px rgba(185,147,108,.3)}.filtro-btn.activo:hover{background:#a67c52;border-color:#a67c52;box-shadow:0 6px 16px rgba(185,147,108,.4)}.productos-seccion{padding:80px 4%;background:#ffffff}.cafe-leche-seccion{background:#fdf5ed}.bebidas-especiales-seccion{background:#f9f5f1}.seccion-titulo{font-family:Playfair Display,serif;font-size:3.2rem;color:#4b3a2f;text-align:center;margin-bottom:20px;font-weight:700;letter-spacing:2px}.seccion-subtitulo{font-family:Montserrat,sans-serif;font-size:1.3rem;color:#6b5b47;text-align:center;margin-bottom:60px;font-weight:500;letter-spacing:1px}.productos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;justify-items:center;align-items:stretch;max-width:1200px;margin:0 auto;width:100%}.producto-card{background:linear-gradient(180deg,#8d6e63 0 80px,#f9f5f1 80px 100%);border-radius:20px;box-shadow:0 8px 32px rgba(141,110,99,.13);overflow:hidden;padding:0 0 2.2rem;display:flex;flex-direction:column;align-items:center;position:relative;max-width:340px;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.producto-card:hover{box-shadow:0 16px 40px rgba(141,110,99,.18);transform:translateY(-4px) scale(1.02)}.producto-card .producto-etiqueta{position:absolute;top:18px;left:0;right:0;margin:0 auto;background:none;color:#fff;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;letter-spacing:1.5px;text-align:center;text-shadow:0 2px 12px rgba(75,58,47,.18);text-transform:capitalize;padding-bottom:2px}.producto-img{margin-top:65px;border-radius:14px;box-shadow:0 4px 18px rgba(141,110,99,.13);background:#fff;padding:10px;width:170px;height:170px;object-fit:contain}.producto-info{background:none;border-radius:0 0 20px 20px;margin-top:1.3rem;padding:0 1.3rem;text-align:center;color:#5a4432;font-family:Montserrat,sans-serif}.producto-nombre{font-family:Playfair Display,serif;font-size:1.6rem;color:#4b3a2f;margin:.8rem 0 .3rem;font-weight:700;letter-spacing:1px}.producto-precio{color:#b9936c;font-weight:700;font-size:1.15rem;margin-bottom:.5rem;font-family:Montserrat,sans-serif}.producto-notas,.producto-tueste{color:#7c5c3e;font-size:1.05rem;margin:.2rem 0;font-family:Montserrat,sans-serif}.producto-rating{color:#b9936c;font-size:1.15rem;margin-bottom:.2rem;font-family:Montserrat,sans-serif}.producto-descripcion{color:#7c5c3e;font-size:1rem;margin:.5rem 0;font-family:Montserrat,sans-serif;line-height:1.4}.cafe-card{background:linear-gradient(180deg,#8d6e63 0 80px,#f9f5f1 80px 100%)}.cta-seccion{background:linear-gradient(135deg,#8d6e63,#b9936c);padding:80px 4%;text-align:center;color:#ffffff}.cta-content h2{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:20px;font-weight:700;letter-spacing:2px}.cta-content p{font-family:Montserrat,sans-serif;font-size:1.3rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media (max-width:1024px){.productos-hero h1{font-size:3.8rem}.productos-hero p{font-size:1.2rem}.titulo-categoria{font-size:2.5rem}.cafe-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (max-width:768px){.productos-hero{padding:100px 4% 40px;min-height:60vh}.productos-hero h1{font-size:3rem}.productos-hero p{font-size:1rem}.buscador-productos{max-width:400px;padding:12px 20px;font-size:1rem}.navbar{padding:15px 20px;justify-content:center}.navbar-container{flex-direction:column;gap:15px}.navbar-container .nav-link,.navbar-container .search-icon{display:none}.hero-text{margin-top:0;max-width:100%;padding:0 10px}.hero-text h1{font-size:3rem;animation:none!important}.hero-text p{font-size:1rem}.filtros-container{gap:15px}.filtro-btn{padding:10px 20px;font-size:.9rem}.categoria-cafe{padding:60px 4%}.titulo-categoria{font-size:2.5rem}.seccion-subtitulo{font-size:1.1rem;margin-bottom:40px}.cta-seccion{padding:60px 4%}.cta-content h2{font-size:2.5rem}.cta-content p{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.cafe-grid{grid-template-columns:1fr;gap:25px}.cafe-card{max-width:320px}.cafe-card-content h3{font-size:1.4rem}.precio{font-size:1.1rem}.cafe-details p{font-size:.9rem}.productos-hero h1:after{display:none!important}.carrito{width:95%;padding:20px}}@media (max-width:480px){.productos-hero h1{font-size:2.5rem}.productos-hero p{font-size:.9rem}.buscador-productos{max-width:300px;padding:10px 15px;font-size:.9rem}.filtros-container{gap:10px}.filtro-btn{padding:8px 16px;font-size:.8rem}.cta-content h2,.titulo-categoria{font-size:2rem}.cafe-card{max-width:280px}.carrito{width:98%;padding:15px}.carrito h2{font-size:1.5rem}}.badge-estado{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.95em;font-weight:600;margin-bottom:6px;margin-top:4px;margin-right:6px}.badge-molido{background:#ffe082;color:#795548}.badge-grano{background:#b2dfdb;color:#004d40}.badge-otro{background:#e0e0e0;color:#333}