:root{--gold:#f3bc22;--sand:#f8edd5;--aqua:#5fb6ca;--brown:#9d8a65;--ink:#221b15;--muted:#6e6256;--white:#fff;--shadow:0 20px 60px rgba(34,27,21,.18);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#fff9ed 100%);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:relative;z-index:30;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px clamp(18px,4vw,60px);background:var(--ink);color:#fff;font-size:.9rem}.language-switch{display:flex;gap:6px}.lang{border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:6px 10px;border-radius:999px;cursor:pointer}.lang.active{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:800}.site-header{position:sticky;top:0;z-index:25;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(0,0,0,.08)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:10px clamp(18px,4vw,60px)}.brand img{width:150px}.nav-links{display:flex;align-items:center;gap:22px;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:3px;background:var(--gold);border-radius:4px;transition:.25s}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:0;font-size:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:900;padding:14px 24px;box-shadow:0 10px 22px rgba(243,188,34,.3);transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(243,188,34,.38)}.btn.secondary{background:#fff;color:var(--ink);box-shadow:0 12px 24px rgba(0,0,0,.11);border:1px solid rgba(157,138,101,.25)}.btn-small{padding:10px 18px}.hero{min-height:calc(100vh - 120px);position:relative;display:grid;place-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.08)),url('../img/equipo-zabesu.jpg');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:auto -10% -20% -10%;height:45%;background:linear-gradient(0deg,#fff9ed 0%,rgba(255,249,237,0) 100%)}.hero-content{position:relative;z-index:2;width:min(100%,1100px);padding:80px clamp(18px,4vw,60px);color:#fff}.hero-logo{width:min(320px,75vw);background:rgba(255,255,255,.92);padding:18px;border-radius:24px;margin-bottom:22px;box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--aqua);margin:0 0 10px}.hero .eyebrow{color:var(--gold)}h1,h2,h3{line-height:1.05;margin:0 0 16px}h1{font-size:clamp(3rem,8vw,7rem);max-width:900px}h2{font-size:clamp(2.2rem,5vw,4.3rem)}h3{font-size:1.55rem}.lead{font-size:clamp(1.1rem,2.1vw,1.45rem);max-width:820px}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.hero-pills span{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);border-radius:999px;padding:9px 14px;backdrop-filter:blur(8px)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.section-pad{padding:90px clamp(18px,5vw,80px)}.section-head{max-width:860px;margin:0 auto 44px;text-align:center}.section-head p:last-child{font-size:1.1rem;color:var(--muted)}.quick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:-60px;position:relative;z-index:3}.info-card,.social-card,.contact-card{background:rgba(255,255,255,.88);border:1px solid rgba(157,138,101,.18);border-radius:var(--radius);box-shadow:var(--shadow)}.info-card{padding:28px}.info-card .icon{font-size:2.3rem}.info-card h2{font-size:1.55rem}.services{background:linear-gradient(180deg,#fff9ed,#fff)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1180px;margin:auto}.service-card{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;background:#fff;border-radius:var(--radius);padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.08);border:1px solid rgba(157,138,101,.12)}.service-card img{width:190px;height:180px;object-fit:cover;border-radius:20px}.service-card span{font-size:.84rem;font-weight:900;color:var(--brown);text-transform:uppercase;letter-spacing:.08em}.service-card p{color:var(--muted);margin-bottom:0}.gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:auto}.gallery-item{position:relative;min-height:250px;border:0;border-radius:24px;overflow:hidden;padding:0;cursor:pointer;background:#ddd;box-shadow:0 14px 34px rgba(0,0,0,.12)}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.35s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.66))}.gallery-item span{position:absolute;z-index:1;left:18px;bottom:16px;color:#fff;font-weight:900;font-size:1.2rem}.video-section{background:linear-gradient(135deg,var(--ink),#4d3725);color:#fff}.video-section .section-head p:last-child{color:rgba(255,255,255,.78)}.video-wrap{max-width:980px;margin:0 auto 24px;border:10px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#000;aspect-ratio:16/9}.video-wrap iframe,.map-wrap iframe{width:100%;height:100%;border:0}.center{text-align:center}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:auto}.social-card{padding:30px}.social-card p{color:var(--muted)}.embed-note{margin-top:18px;padding:14px;border-radius:18px;background:var(--sand);color:var(--muted);font-size:.9rem}.contact{background:url('../img/bebidas-zabesu.jpg') center/cover fixed;position:relative}.contact:before{content:"";position:absolute;inset:0;background:rgba(255,249,237,.88)}.contact-card{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1120px;margin:auto;padding:38px}.contact-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}.contact-list li{display:grid;grid-template-columns:120px 1fr;gap:16px}.contact-list strong{color:var(--brown)}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(157,138,101,.35);font:inherit;background:#fff}.map-wrap{max-width:1100px;height:440px;margin:0 auto 24px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}footer{text-align:center;padding:45px 20px;background:var(--ink);color:#fff}footer img{width:180px;margin:0 auto 16px;background:#fff;border-radius:20px;padding:12px}footer a{color:var(--gold);font-weight:800}.float-wa{position:fixed;right:18px;bottom:18px;z-index:40;background:#25d366;color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 14px 28px rgba(0,0,0,.25)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(92vw,1200px);max-height:84vh;border-radius:18px}.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;width:52px;height:52px;font-size:2rem;cursor:pointer}.close{top:20px;right:20px}.prev{left:24px}.next{right:24px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:18px;right:18px;top:88px;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:20px;flex-direction:column}.nav-links.open{display:flex}.quick-cards,.service-grid,.social-grid,.contact-card{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.service-card{grid-template-columns:1fr}.service-card img{width:100%;height:240px}.contact-list li{grid-template-columns:1fr}.hero{min-height:auto}.nav .btn-small{display:none}}@media(max-width:560px){.topbar{flex-direction:column;text-align:center}.brand img{width:122px}.hero-content{padding:48px 18px}.hero-logo{width:230px}h1{font-size:3.2rem}.section-pad{padding:62px 18px}.quick-cards{margin-top:0}.gallery-grid{grid-template-columns:1fr}.gallery-item.wide{grid-column:span 1}.map-wrap{height:340px}}
