:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#1c110d;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.landing{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-height:100svh;padding:48px clamp(24px,5vw,72px) 60px;background-image:linear-gradient(180deg,rgba(14,8,6,.28) 0%,rgba(14,8,6,.05) 35%,rgba(14,8,6,.10) 54%,rgba(14,8,6,.23) 70%,rgba(14,8,6,.56) 100%),url('local.PNG');background-size:cover;background-position:center center}.header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;z-index:1}.nav-left,.nav-right{display:flex;align-items:center;gap:34px;padding-top:26px;font-size:12px;letter-spacing:2px;white-space:nowrap}.nav-left button{border:0;background:none;color:inherit;letter-spacing:inherit;padding:0}.nav-left a:hover,.nav-left button:hover,.nav-right a:hover{opacity:.7}.nav-right{justify-content:flex-end}.instagram{font-family:Arial,sans-serif;font-size:32px;line-height:14px;font-weight:bold}.logo{display:flex;flex-direction:column;align-items:center;line-height:.8;text-align:center}.logo span{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(52px,7vw,90px);font-weight:900;letter-spacing:-4px;transform:scaleX(.78)}.logo small{margin-top:13px;font-size:10px;letter-spacing:2px;font-weight:900}.main-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px;margin-top:auto;padding-top:40px;padding-bottom:clamp(90px,10vh,150px)}.main-content h1{margin:0;font-weight:500;font-size:clamp(20px,2.6vw,36px);line-height:1.45;letter-spacing:.32em;text-indent:.32em;text-shadow:0 2px 10px #0008}.vertical-rule{width:1px;height:38px;background:#ffffffb3}.actions{display:flex;gap:14px;justify-content:center;width:min(100%,700px)}.btn{display:flex;align-items:center;justify-content:center;min-height:63px;flex:1;padding:14px 20px;border:1px solid #fff;color:#fff;background:rgba(20,10,8,.12);font-size:12px;letter-spacing:2px;transition:background .2s,transform .2s}.btn:hover{background:#aa2523;transform:translateY(-2px)}.footer{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;text-align:center}.footer-col{display:flex;flex-direction:column;gap:16px;min-height:90px;align-items:center;justify-content:flex-start;font-size:13px;letter-spacing:1px;line-height:1.9}.footer-col+.footer-col{border-left:1px solid #ffffffb8}.footer-col strong{font-size:12px;letter-spacing:2px}.footer-instagram{font-size:40px;line-height:1}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-shade{position:absolute;inset:0;background:rgba(0,0,0,.75)}.modal-panel{position:relative;width:min(100%,440px);padding:50px 30px 36px;background:#f3eee5;color:#211714;text-align:center;box-shadow:0 20px 80px #0008}.modal-close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:32px;color:#211714}.modal-brand{font-family:Impact,Arial,sans-serif;color:#a62121;font-size:25px;letter-spacing:2px}.modal-panel h2{font-size:30px;letter-spacing:2px;margin:25px 0 10px}.modal-panel p{font-size:16px;line-height:1.6}.modal-ok{margin-top:20px;border:0;background:#ad2422;color:#fff;padding:15px 35px;font-size:12px;letter-spacing:2px}
@media(min-width:1100px){.landing{min-height:105vh;min-height:105svh}}
@media(max-width:700px){.landing{min-height:100svh;padding:24px 20px 28px;background-position:50% center}.header{grid-template-columns:1fr auto 1fr;gap:5px}.nav-left,.nav-right{gap:12px;padding-top:15px;font-size:9px;letter-spacing:.6px}.nav-left{flex-wrap:wrap;align-content:flex-start}.nav-right span{display:none}.instagram{font-size:26px}.logo span{font-size:49px;letter-spacing:-2px}.logo small{font-size:7px;letter-spacing:1px;margin-top:8px}.main-content{padding-top:220px;padding-bottom:65px;gap:22px}.main-content h1{font-size:clamp(17px,4.3vw,24px);letter-spacing:.15em;text-indent:.15em;line-height:1.55}.vertical-rule{height:26px}.actions{flex-direction:column;width:min(100%,300px);gap:10px}.btn{min-height:52px;flex:auto;font-size:11px}.footer{gap:8px}.footer-col{font-size:9px;letter-spacing:0;gap:8px;min-height:68px;line-height:1.6}.footer-col strong{font-size:9px;letter-spacing:.7px}.footer-instagram{font-size:30px}}@media(max-width:380px){.landing{padding-left:12px;padding-right:12px}.logo span{font-size:42px}.nav-left{gap:7px;font-size:8px}.main-content{padding-top:180px;padding-bottom:40px}}

/* Ajuste del eslogan BITES en móvil */
@media (max-width: 700px) {
  .tagline,
  .slogan,
  .hero h1,
  .landing h1 {
    font-weight: 900;
    transform: translateY(45px);
  }
}