.navbar{background-color:#fff;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 40px;position:relative;row-gap:1rem;box-shadow:0 5px 20px #0000000d;border-bottom:1px solid #e5dfd3}.navbar .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.navbar svg{width:110px;height:auto}.navbar .titulo{text-align:center}.navbar .titulo h1{margin:0;font-size:2.2rem;color:#2d5a3f;line-height:1.1}.navbar .titulo h2{margin:.35rem 0 0;font-size:1.05rem;color:#495e57;text-transform:uppercase;letter-spacing:1.3px}.navbar .nav{display:flex;margin:0;width:100%;justify-content:center;align-items:center;gap:15px;background:#f5f1e9f2;padding:12px 18px;border-radius:16px;box-shadow:0 10px 24px #00000014}.navbar .nav a{padding:10px 20px;border-radius:30px;border:2px solid #C5A059;background-color:#fdf5e6;color:#2d5a3f;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;transition:all .3s ease}.navbar .nav a:hover{background-color:#c5a059;color:#fdf5e6;transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.navbar .hamburger{display:none;font-size:1.8rem;background:none;border:none;cursor:pointer;color:#2d5a3f;padding:5px}@media (max-width: 768px){.navbar{padding:15px 20px;display:flex;justify-content:center}.navbar svg{width:90px}.navbar .titulo h1{font-size:1.85rem}.navbar .titulo h2{font-size:.95rem}.navbar .nav{display:none;width:100%;order:3;flex-direction:column;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #e5dfd3}.navbar .nav.active{display:flex}.navbar .nav a{width:100%;text-align:center;padding:12px}.navbar .hamburger{display:block;margin-right:auto}}#espacio{padding:0;margin:0;height:0}#banner{position:relative;width:100%;overflow:hidden;height:280px;background-color:#000;padding:0;margin:0 auto}.banner-picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner-picture img,.banner-image{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.7);z-index:2;padding:1rem}.hero-content{width:min(92%,920px);text-align:center}.banner-overlay h1{margin:15px 0;font-size:3rem;font-weight:700}.banner-overlay p{margin:0 0 25px;font-size:1.4rem;opacity:.95}.hero-cta{display:flex;width:100%;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.btn-cta-primary{background-color:#c5a059;color:#fdf5e6;padding:14px 32px;border-radius:30px;font-weight:700;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-cta-primary:hover{background-color:#fdf5e6;color:#2d5a3f;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.btn-cta-secondary{background-color:transparent;color:#fdf5e6;padding:14px 32px;border-radius:30px;border:2px solid #FDF5E6;font-weight:700;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-cta-secondary:hover{background-color:#fdf5e6;color:#2d5a3f;transform:translateY(-3px)}@media (max-width: 768px){#banner{height:400px}.banner-overlay h1{font-size:2rem}.banner-overlay p{font-size:1.1rem}.hero-cta{flex-direction:column;align-items:center;gap:12px}.btn-cta-primary,.btn-cta-secondary{width:200px;text-align:center}}@media (max-width: 480px){#banner{height:350px}.banner-overlay h1{font-size:1.6rem}.banner-overlay p{font-size:1rem}}.carousel{position:relative;width:100%;max-width:1100px;margin:20px auto;height:clamp(420px,62vh,680px);border-radius:18px;box-shadow:0 18px 35px #0000002e;background:#0f2017;overflow:hidden}.track{display:flex;transition:transform .65s cubic-bezier(.22,1,.36,1);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;min-width:100%;scroll-snap-align:start}.carousel img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;display:block;margin:0;background:#0f2017;filter:saturate(1.03) contrast(1.01)}@media (max-width: 768px){.carousel{height:clamp(320px,52vh,500px)}}@media (max-width: 480px){.carousel{height:clamp(260px,45vh,380px)}}.prev-button,.next-button{position:absolute;top:50%;transform:translateY(-50%);background:#fdf5e6e6;border:1px solid rgba(45,90,63,.25);color:#2d5a3f;font-size:1.35rem;width:46px;height:46px;border-radius:50%;cursor:pointer;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;z-index:3;display:flex;align-items:center;justify-content:center}.prev-button{left:16px}.next-button{right:16px}.prev-button:hover,.next-button:hover{background-color:#fff;transform:translateY(-50%) scale(1.06);box-shadow:0 8px 18px #00000038}.prev-button span,.next-button span{line-height:1}.puntito{display:flex;justify-content:center;gap:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:3;padding:8px 12px;border-radius:999px;background:#0f20176b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.indicador{width:12px;height:12px;border-radius:50%;border:none;background-color:#fdf5e6cc;cursor:pointer}.main-footer{background-color:#1a3d2b;color:#fdf5e6;padding:40px 20px 20px;text-align:center;height:500px}.main-footer iframe{width:100%;max-width:800px;height:200px;border:0;border-radius:10px;margin-bottom:30px}.footer-content{display:flex;justify-content:center;gap:60px;margin-bottom:30px;flex-wrap:wrap}.footer-content div{text-align:left}.footer-content h4{color:#c5a059;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid rgba(197,160,89,.3);padding-bottom:6px}.footer-content p{font-size:.9rem;color:#fdf5e6bf;margin-bottom:4px}.footer-content a{color:#fdf5e6d9;text-decoration:none}.footer-content a:hover{color:#fff;text-decoration:underline}.mapa-panel{max-width:920px;margin:0 auto 26px}.mapa-panel h3{margin:0 0 8px;color:#fdf5e6}.mapa-panel p{margin:0 0 10px;color:#fdf5e6cc}.mapa-acciones{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.mapa-acciones a,.mapa-acciones button{border:1px solid rgba(197,160,89,.8);background:linear-gradient(135deg,#c5a059,#b5541a);color:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;cursor:pointer;font-weight:700;box-shadow:0 8px 18px #0003;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;display:inline-flex;align-items:center;justify-content:center}.mapa-acciones a:hover,.mapa-acciones button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 22px #0000003d}#btnpanel{position:fixed;right:16px;bottom:16px;width:42px;height:42px;border:none;border-radius:50%;background:#2d5a3f;color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:0 10px 20px #0003;display:none;z-index:999}#btn-top.visible{display:inline-flex;align-items:center;justify-content:center}.footer-divider{width:60px;height:1px;background:#c5a05966;margin:0 auto 16px}.footer-copy{font-size:.78rem;color:#fdf5e666;letter-spacing:1px}.cta-nosotros{background-color:#2d5a3f;color:#fdf5e6;text-align:center;padding:50px 20px}.cta-nosotros h2{font-size:2rem;margin-bottom:10px}.cta-nosotros p{margin-bottom:25px;font-size:1.1rem;opacity:.85}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-cta-primary{background-color:#c5a059;color:#fdf5e6;padding:12px 30px;border-radius:30px;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-cta-primary:hover{background-color:#fdf5e6;color:#2d5a3f}.btn-cta-secondary{background-color:transparent;color:#fdf5e6;padding:12px 30px;border-radius:30px;border:2px solid #FDF5E6;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-cta-secondary:hover{background-color:#fdf5e6;color:#2d5a3f}@media (max-width: 1024px){.main-footer{height:auto;padding:34px 18px 18px}}@media (max-width: 768px){.main-footer{padding:30px 14px 16px}.footer-content{gap:24px}.footer-content div{text-align:center}.mapa-panel iframe{height:180px}.cta-nosotros h2{font-size:1.6rem}.cta-buttons{gap:10px}}@media (max-width: 480px){.main-footer{padding:24px 10px 14px}.mapa-panel iframe{height:160px}.mapa-acciones a,.mapa-acciones button,.btn-cta-primary,.btn-cta-secondary{width:100%;max-width:320px;text-align:center}}.reserva{background-color:#f5f1e9;padding:50px 20px;display:flex;justify-content:center}.form-container{background-color:#fff;padding:30px 40px;border-radius:15px;box-shadow:0 8px 25px #0000001a;max-width:1100px;width:100%;text-align:left}.form-container h2{text-align:center;margin-bottom:8px;color:#2d5a3f}.reserva-subtitle{text-align:center;margin:0 0 24px;color:#6a6a6a}.form-container label{display:block;margin-bottom:5px;font-weight:700}.form-container input,.form-container select,.form-container textarea{width:100%;padding:12px;margin-bottom:18px;border:1px solid #ccc;border-radius:8px;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-container button{width:100%;padding:14px;background-color:#2d5a3f;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;font-weight:700}.form-container button:hover{background-color:#c5a059;transform:translateY(-2px)}@media (max-width: 768px){.form-container{padding:24px 18px}.form-row{grid-template-columns:1fr;gap:0}}.menu{padding:4rem 2rem;background:linear-gradient(180deg,#f5f1e98c,#fdf7ece6)}.menu h2{text-align:center;margin-bottom:2rem;font-size:clamp(2rem,2.8vw,2.6rem);color:#2d5a3f;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 2px 10px rgba(45,90,63,.15);position:relative}.menu h2:after{content:"";display:block;width:90px;height:4px;margin:.8rem auto 0;border-radius:999px;background:linear-gradient(90deg,#c5a059,#b5541a)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.menu-item{background:#fffdf8;border-radius:12px;overflow:hidden;border:1px solid #e8dfcf;box-shadow:0 10px 20px #1c332614;transition:transform .2s,box-shadow .2s}.menu-item:hover{transform:translateY(-4px);box-shadow:0 14px 26px #1c33261f}.menu-item img{width:100%;height:180px;object-fit:cover}.menu-item-info{padding:1rem}.menu-item-info h3{margin:0 0 .4rem;font-size:1.1rem;color:#2d5a3f}.menu-item-info p{font-size:.9rem;color:#5f5f5f;margin:0 0 .75rem}.precio{display:block;margin-bottom:.7rem;font-weight:600;font-size:1rem;color:#b5541a}.item-add-btn{width:100%;border:none;border-radius:10px;background:#2d5a3f;color:#fff;font-weight:700;padding:.55rem .7rem;cursor:pointer}.menu-order-container{display:flex;justify-content:center;margin-top:2rem}.menu-order-btn{border:none;border-radius:999px;background:#b5541a;color:#fff;font-size:1rem;font-weight:600;padding:.8rem 1.6rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.menu-order-btn:hover{background:#964615;transform:translateY(-1px)}.pedido-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f0c8c;display:grid;place-items:center;z-index:999;padding:1rem}.pedido-modal{width:min(980px,96vw);max-height:88vh;overflow:auto;background:#fffdf8;border-radius:16px;padding:1.2rem 1.2rem 5.2rem;position:relative;border:1px solid #e8dfcf}.pedido-close{position:absolute;right:10px;top:10px;border:none;background:transparent;font-size:1.2rem;cursor:pointer}.pedido-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pedido-carta ul,.pedido-ticket ul,.historial ul{list-style:none;padding:0;margin:0}.pedido-carta li,.pedido-ticket li{display:grid;grid-template-columns:1fr auto auto auto auto;gap:.4rem;align-items:center;border-bottom:1px solid #eee4d2;padding:.45rem 0}.pedido-carta li button,.pedido-ticket li button{border:none;border-radius:7px;padding:.25rem .5rem;cursor:pointer;background:#2d5a3f;color:#fff}.ticket-vacio{color:#6b6b6b}.totales{margin-top:.8rem;border-top:1px solid #eadfcb;padding-top:.6rem}.historial{margin-top:1rem}.historial li{padding:.35rem 0;border-bottom:1px dashed #eadfcb}.pedido-modal-actions{position:sticky;bottom:0;margin-top:1rem;background:#fffdf8f5;border-top:1px solid #eadfcb;padding:.9rem 0 .2rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem;max-width:520px;margin-left:auto;margin-right:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.btn-checkout,.btn-domicilio{border:none;border-radius:999px;padding:.9rem 1rem;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 20px #00000029;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-checkout{background:linear-gradient(135deg,#2d5a3f,#3f6f52);color:#fff}.btn-domicilio{background:linear-gradient(135deg,#b5541a,#cd6a2f);color:#fff}.btn-checkout:hover,.btn-domicilio:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0003;filter:brightness(1.03)}.btn-checkout:disabled,.btn-domicilio:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 1024px){.menu{padding:3.2rem 1.4rem}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pedido-grid{grid-template-columns:1fr}}@media (max-width: 768px){.menu{padding:2.4rem 1rem}.menu h2{margin-bottom:1.4rem}.menu-grid{grid-template-columns:1fr;gap:1rem}.menu-item img{height:210px}}@media (max-width: 480px){.menu{padding:2rem .8rem}.menu-item-info{padding:.9rem}.menu-order-btn{width:100%;max-width:320px}.pedido-carta li,.pedido-ticket li{grid-template-columns:1fr auto auto auto}.pedido-modal-actions{grid-template-columns:1fr}}.sobre-page{background:linear-gradient(180deg,#fdf7ec,#f5f1e9)}#banner-historia{position:relative;height:430px;overflow:hidden;padding:0}#banner-historia img{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(#0a140e73,#0a140e73);padding:1rem}.banner-overlay h1{margin:0 0 .7rem;font-size:clamp(2rem,4vw,3.2rem)}.banner-overlay p{margin:0;font-size:clamp(1rem,2vw,1.35rem)}.laboratorio-sabor,.origen-cafe,.valores-panel,.timeline-panel,.alergenos-panel,.resenas-panel,.cta-nosotros{padding:3.5rem 1.2rem}.contenido-laboratorio,.origen-cafe,.valores-panel,.timeline-panel,.alergenos-panel,.resenas-panel,.cta-nosotros{max-width:1100px;margin:0 auto}.contenido-laboratorio h2,.origen-cafe h2,.valores-panel h2,.timeline-panel h2,.alergenos-panel h2,.resenas-panel h2,.cta-nosotros h2{text-align:center;margin:0 0 1rem;color:#2d5a3f;font-size:clamp(1.8rem,2.8vw,2.4rem)}.contenido-laboratorio>p,.origen-cafe>p,.alergenos-panel p,.cta-nosotros p{text-align:center;color:#4b4b4b;line-height:1.75}.cards-laboratorio,.origen-grid,.valores-grid,.resenas-grid,.contenedor-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;max-width:1100px;margin:1.4rem auto 0}.card-laboratorio,.tarjeta-historia,.origen-item,.valor-item,.resena-item{background:#fffdf8;border:1px solid #e8dfcf;border-radius:14px;padding:1.2rem;box-shadow:0 10px 20px #1c332614}.tarjeta-historia img{width:100%;height:220px;object-fit:cover;border-radius:10px;margin-bottom:.8rem}.tarjeta-historia h2{margin:0 0 .7rem;font-size:1.25rem;color:#2d5a3f}.tarjeta-historia h3,.card-laboratorio h3,.origen-item h3,.valor-item h3{margin:0 0 .5rem;color:#2d5a3f}.timeline-list{max-width:760px;margin:1rem auto 0;padding-left:1.2rem;color:#4b4b4b;line-height:1.8}.cta-nosotros{background:linear-gradient(135deg,#2d5a3f,#3e7152);border-radius:16px;margin:0 auto 3rem;color:#fff}.cta-nosotros h2,.cta-nosotros p{color:#fff}.cta-buttons{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:1rem}.btn-cta-primary,.btn-cta-secondary{text-decoration:none;padding:.8rem 1.2rem;border-radius:999px;font-weight:700}.btn-cta-primary{background:#c5a059;color:#fff}.btn-cta-secondary{border:2px solid #fff;color:#fff}@media (max-width: 1024px){#banner-historia{height:360px}.cards-laboratorio,.origen-grid,.valores-grid,.resenas-grid,.contenedor-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){#banner-historia{height:300px}.laboratorio-sabor,.origen-cafe,.valores-panel,.timeline-panel,.alergenos-panel,.resenas-panel,.cta-nosotros{padding:2.2rem .9rem}.cards-laboratorio,.origen-grid,.valores-grid,.resenas-grid,.contenedor-cards{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){#banner-historia{height:260px}.banner-overlay h1{font-size:1.6rem}.timeline-list{padding-left:1rem}.btn-cta-primary,.btn-cta-secondary{width:100%;max-width:320px;text-align:center}}:root{font-family:Arial,sans-serif;--cc-cream: #f5f1e9;--cc-cream-soft: #fdf7ec;--cc-green: #2d5a3f;--cc-green-soft: #3f6b4f;--cc-gold: #c5a059;--cc-brown: #b5541a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(197,160,89,.14) 0%,transparent 35%),radial-gradient(circle at 90% 100%,rgba(45,90,63,.14) 0%,transparent 35%),var(--cc-cream);color:#1f2e25}.app{min-height:100vh;background:linear-gradient(180deg,var(--cc-cream-soft) 0%,var(--cc-cream) 40%,#efe8db 100%)}section{padding:2rem 1rem}.container{width:min(1000px,92%);margin:0 auto}@media (max-width: 1024px){section{padding:1.8rem 1rem}}@media (max-width: 768px){:root{font-size:15px}section{padding:1.5rem .9rem}.container{width:min(1000px,94%)}}@media (max-width: 480px){:root{font-size:14px}section{padding:1.2rem .75rem}}