@import "https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Prata&family=Montserrat:wght@300;400;500;600&display=swap";
:root{--color-negro:#0c0c0c;--color-blanco:#f6f1f1;--color-negro-soft:#1a1a1a;--color-blanco-soft:#e2e2e2;--font-serif-title:"Abril Fatface", serif;--font-serif-body:"Prata", serif;--font-sans:"Montserrat", sans-serif;--color-accent:#c29b62;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}body.vane-body{font-family:var(--font-serif-body);color:var(--color-negro);background-color:#ededed;margin:0}.seccionhead{background:linear-gradient(to right, var(--color-negro) 50%, var(--color-blanco) 50%);justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative;overflow:hidden}.seccionhead h1{font-family:var(--font-serif-title);mix-blend-mode:difference;color:var(--color-blanco);letter-spacing:.1em;margin:0;font-size:clamp(6rem,15vw,12rem);font-weight:700;transform:translateY(10px)}.separadorblack{background-color:var(--color-negro);width:100%;height:1px}.navhead{background-color:var(--color-blanco);border-bottom:1px solid var(--color-blanco-soft);z-index:100;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 4rem;display:flex;position:fixed;top:0;box-shadow:0 2px 10px #0000000d}.nav-brand{font-family:var(--font-serif-title);color:var(--color-negro);font-size:1.8rem;text-decoration:none}.nav-links{align-items:center;gap:2rem;display:flex}.navdiv a{font-family:var(--font-sans);color:var(--color-negro);text-transform:uppercase;letter-spacing:.15em;transition:var(--transition);padding-bottom:4px;font-size:.85rem;font-weight:500;text-decoration:none;position:relative}.navdiv a:after{content:"";background-color:var(--color-negro);width:0;height:1px;transition:var(--transition);position:absolute;bottom:0;left:0}.navdiv a:hover:after{width:100%}.cart-icon-btn{cursor:pointer;color:var(--color-negro);font-family:var(--font-sans);letter-spacing:.1em;background:0 0;border:none;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex;position:relative}.cart-count{background-color:var(--color-negro);color:var(--color-blanco);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.filter-tabs{justify-content:center;gap:1.5rem;margin:10px;display:flex}.filter-btn{color:var(--color-blanco);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:.6rem 1.8rem;font-size:1.2rem;font-style:italic;font-weight:500;transition:all .3s}.filter-btn:hover{border-color:var(--color-blanco);background:#ffffff1a;transform:translateY(-2px)}.filter-btn.active{background:var(--color-blanco);color:#000;transform:translateY(0)}.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:550px;gap:24px;width:90%;max-width:1300px;margin:0 auto;display:grid}.bg-blanco{color:var(--color-negro);background-color:var(--color-blanco)}.bg-negro{color:var(--color-blanco);background-color:var(--color-negro)}.grid div{border-radius:3px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.gridimg{justify-content:center;align-items:center;display:flex;position:relative}.gridimg-inner{width:100%;height:100%;position:relative}.product-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.gridimg:hover .product-img{filter:brightness(.7);transform:scale(1.05)}.product-overlay{opacity:0;transition:var(--transition);color:var(--color-blanco);text-align:center;background-color:#0006;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.gridimg:hover .product-overlay{opacity:1}.product-overlay-title{font-family:var(--font-serif-body);margin:0;font-size:1.8rem}.product-overlay-price{font-family:var(--font-sans);letter-spacing:.1em;font-size:1rem;font-weight:500}.reserve-btn{background-color:var(--color-blanco);color:var(--color-negro);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition);border:none;padding:.8rem 1.8rem;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #00000026}.reserve-btn:hover{background-color:var(--color-negro);color:var(--color-blanco)}.gridtxt{font-size:1.8rem;line-height:1.6;font-family:var(--font-serif-body);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;padding:4rem;display:flex}.vane-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.vane-modal{background-color:var(--color-blanco);color:var(--color-negro);border-radius:4px;flex-direction:column;width:min(550px,100% - 2rem);max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.vane-modal-close{color:var(--color-negro);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.vane-modal-close:hover{transform:rotate(90deg)}.vane-modal-content{padding:3rem}.vane-modal-title{font-family:var(--font-serif-body);color:var(--color-negro);margin:0 0 1rem;font-size:2rem}.vane-modal-subtitle{font-family:var(--font-sans);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;font-size:.85rem}.vane-form{flex-direction:column;gap:1.2rem;display:flex}.vane-form-group{flex-direction:column;gap:.4rem;display:flex}.vane-form-group label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.vane-input,.vane-select,.vane-textarea{border:1px solid var(--color-negro-soft);color:var(--color-negro);font-family:var(--font-sans);box-sizing:border-box;background:0 0;border-radius:2px;padding:.8rem;font-size:.9rem}.vane-input:focus,.vane-select:focus,.vane-textarea:focus{border-color:var(--color-accent);outline:none}.vane-textarea{resize:vertical;min-height:80px}.vane-submit-btn{background-color:var(--color-negro);color:var(--color-blanco);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:var(--transition);border:none;margin-top:1rem;padding:1rem;font-size:.85rem;font-weight:600}.vane-submit-btn:hover{background-color:var(--color-accent);color:#fff}.success-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;display:flex}.success-state-icon{color:var(--success-color);font-size:4rem}footer.vane-footer{text-align:center;background-color:var(--color-blanco);border-top:1px solid var(--color-blanco-soft);font-family:var(--font-sans);letter-spacing:.2em;color:var(--color-negro);padding:80px 20px;font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.navhead{padding:0 2rem}.grid{grid-template-columns:1fr;grid-auto-rows:auto}.grid div{min-height:450px}.gridtxt{padding:2rem;font-size:1.4rem}}@media (max-width:600px){.nav-brand{font-size:1.4rem}.nav-links{gap:1rem}.navdiv a{font-size:.75rem}.seccionhead{height:250px;margin:0}}