/* Osadía Bar — sitio estático listo para Hostinger */
:root{
  --ink:#151b21;--ink-deep:#0f1419;--camel:#a48468;--cream:#eee9e2;--ice:#a9bfd2;
  --cream-soft:rgba(238,233,226,.22);--ink-soft:rgba(21,27,33,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Work Sans",Arial,sans-serif;background:var(--ink);color:var(--cream);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.font-display{font-family:"Cormorant Garamond",Georgia,serif}.font-label{font-family:"Space Mono",monospace}.container{width:min(100% - 3rem,72rem);margin-inline:auto}.eyebrow{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--camel)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--cream-soft);background:rgba(21,27,33,.96);backdrop-filter:blur(8px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.brand img{height:32px;width:auto}.nav{display:flex;align-items:center;gap:2.5rem}.nav a{font-family:"Space Mono",monospace;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--cream);transition:.2s}.nav a:hover,.nav a.active{color:var(--camel)}.nav a.active{text-decoration:underline;text-decoration-color:var(--camel);text-underline-offset:8px}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--cream-soft);background:transparent;color:var(--cream);align-items:center;justify-content:center;cursor:pointer}.mobile-nav{display:none;border-top:1px solid var(--cream-soft);padding:1.25rem 1.5rem;background:var(--ink)}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:.65rem 0;font-family:"Space Mono",monospace;font-size:.82rem;letter-spacing:.25em;text-transform:uppercase}.mobile-nav a.active{color:var(--camel)}
.hero{position:relative;min-height:calc(100svh - 80px);display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--ink) 0%,rgba(21,27,33,.4) 55%,rgba(21,27,33,.2) 100%)}.hero-content{position:relative;z-index:1;padding-top:10rem;padding-bottom:6rem}.hero-logo{width:min(28rem,75vw);margin-top:1.5rem}.lead{font-size:1.08rem;line-height:1.75;font-weight:300;max-width:36rem;color:rgba(238,233,226,.86)}.hero .lead{margin-top:1.5rem}.address-line{margin-top:3rem;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(238,233,226,.6)}
.btn-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}.btn{display:inline-flex;height:48px;align-items:center;justify-content:center;gap:.75rem;padding:0 1.75rem;font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--camel);color:var(--ink)}.btn-outline{border-color:var(--cream-soft);color:var(--cream)}.btn-outline:hover{border-color:var(--camel);color:var(--camel)}.btn:hover{transform:translateY(-1px)}
.split{padding:6rem 0}.split.ink{background:var(--ink)}.split.camel{background:var(--camel);color:var(--ink)}.split.cream{background:var(--cream);color:var(--ink)}.split.deep{background:var(--ink-deep)}.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem}.section-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,6vw,4rem);font-weight:500;line-height:.95;text-transform:uppercase;letter-spacing:.03em;margin:.9rem 0 0}.body-copy{font-size:1.12rem;font-weight:300;line-height:1.75;max-width:30rem;margin-top:2rem}.camel .eyebrow,.cream .eyebrow{color:rgba(21,27,33,.62)}.camel .body-copy,.cream .body-copy{color:rgba(21,27,33,.86)}.quote{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,4vw,2.6rem);font-style:italic;color:var(--ice);margin-top:2rem}.frame{border:1px solid var(--cream-soft);padding:.75rem}.camel .frame,.cream .frame{border-color:rgba(21,27,33,.22)}.frame img{width:100%;aspect-ratio:3/4;object-fit:cover}.frame.broken{border-color:var(--camel)}.frame.broken img{transform:translate(-12px,12px) rotate(-1deg);box-shadow:0 20px 40px rgba(0,0,0,.25)}
.page-hero{padding:5rem 0 4rem;background:var(--ink)}.page-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3.6rem,8vw,5rem);font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.03em;margin:1.1rem 0 0}.page-subtitle{margin-top:1.5rem;max-width:40rem;font-size:1.12rem;line-height:1.7;font-weight:300;color:rgba(238,233,226,.8)}
.menu-section{padding:4rem 0;background:var(--ink-deep);border-top:1px solid var(--cream-soft);border-bottom:1px solid var(--cream-soft)}.menu-section.cocktails{background:var(--ink);border:0;padding:4rem 0 6rem}.menu-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.menu-heading{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:500;text-transform:uppercase;letter-spacing:.03em;margin:.7rem 0 0}.menu-intro{max-width:28rem;text-align:right;font-size:.9rem;line-height:1.7;font-weight:300;color:rgba(238,233,226,.65)}.menu-grid{display:grid;gap:1.5rem;margin-top:2.5rem}.menu-grid.three{grid-template-columns:repeat(3,1fr)}.menu-grid.two{grid-template-columns:repeat(2,1fr)}.menu-card{display:block;border:1px solid var(--cream-soft);background:var(--ink);padding:.75rem;transition:.25s}.menu-card:hover{border-color:var(--camel);transform:translateY(-2px)}.menu-preview{overflow:hidden;background:var(--cream)}.menu-preview img{width:100%;aspect-ratio:1.62/1;object-fit:cover;transition:transform .5s}.menu-card:hover .menu-preview img{transform:scale(1.02)}.menu-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.25rem .5rem .5rem}.menu-code{font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--camel)}.menu-name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;text-transform:uppercase;letter-spacing:.03em;margin:.45rem 0 0}.menu-sub{font-size:.85rem;font-weight:300;color:rgba(238,233,226,.55);margin:.25rem 0 0}.menu-link{font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ice);white-space:nowrap}
.contact-section{background:var(--ink);padding:0 0 7rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.stack{display:grid;gap:2.5rem}.info-box,.contact-form{border:1px solid var(--cream-soft);padding:2rem}.info-row{display:flex;gap:1rem;align-items:flex-start}.icon{width:22px;height:22px;flex:0 0 auto;color:var(--camel);margin-top:.15rem}.info-label,.form-kicker,label{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase}.info-label,.form-kicker{color:var(--ice)}.info-main{margin-top:.8rem;font-size:1.1rem;line-height:1.65;font-weight:300}.text-link{display:inline-block;margin-top:1rem;color:var(--camel);font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:underline;text-underline-offset:7px}.hours{list-style:none;padding:0;margin:.9rem 0 0}.hours li{display:flex;justify-content:space-between;gap:2rem;margin:.6rem 0;font-size:1.05rem;font-weight:300}.hours .time{font-family:"Space Mono",monospace;font-size:.82rem;color:rgba(238,233,226,.7)}.social-row{display:flex;align-items:center;gap:1rem}.social{width:48px;height:48px;border:1px solid var(--cream-soft);display:flex;align-items:center;justify-content:center}.social:hover{border-color:var(--camel);color:var(--camel)}.social svg{width:19px;height:19px}.handle{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ice)}.contact-form h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;text-transform:uppercase;letter-spacing:.03em;margin:1rem 0 0}.fields{display:grid;gap:1.5rem;margin-top:2rem}.field{display:grid;gap:.55rem}label{color:rgba(238,233,226,.7)}input,textarea{width:100%;border:1px solid var(--cream-soft);background:transparent;color:var(--cream);padding:.85rem 1rem;outline:none}input:focus,textarea:focus{border-color:var(--camel)}textarea{resize:vertical;min-height:130px}.form-note{font-size:.75rem;color:rgba(238,233,226,.5)}
.site-footer{background:var(--cream);color:var(--ink)}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2.5rem;align-items:center;padding:3.5rem 0}.footer-kicker{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(21,27,33,.6)}.footer-address{font-size:.9rem;line-height:1.6;margin-top:.75rem}.footer-social{display:flex;gap:1.5rem}.footer-social .social{border-color:var(--ink-soft)}.footer-right{text-align:right}.footer-contact{font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--camel);text-underline-offset:7px}.copyright{font-size:.72rem;color:rgba(21,27,33,.5);margin-top:1rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.nav{display:none}.menu-btn{display:flex}.split-grid,.contact-grid{grid-template-columns:1fr}.menu-grid.three{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr auto}.footer-right{grid-column:1/-1;text-align:left}.split-grid .order-mobile-first{order:-1}.menu-heading-row{align-items:flex-start;flex-direction:column}.menu-intro{text-align:left}.contact-grid{gap:2.5rem}}
@media (max-width:640px){.container{width:min(100% - 2rem,72rem)}.brand img{height:27px}.hero{min-height:calc(100svh - 80px)}.hero-content{padding-top:7rem;padding-bottom:4.5rem}.split{padding:4.5rem 0}.menu-grid.three,.menu-grid.two{grid-template-columns:1fr}.menu-meta{align-items:flex-start}.page-hero{padding:4rem 0 3rem}.menu-section,.menu-section.cocktails{padding:3.5rem 0}.footer-grid{grid-template-columns:1fr}.footer-social{justify-content:flex-start}.hours li{gap:1rem}.info-box,.contact-form{padding:1.5rem}.btn{width:100%}.btn-row{display:grid}.hero-logo{width:70vw}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.menu-card,.menu-preview img,.btn{transition:none}}


.reader-section{padding:4rem 0;border-top:1px solid var(--cream-soft)}
.reader-breakfast{background:var(--ink-deep)}
.reader-cocktails{background:var(--ink)}
.tab-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}
.tab-pill{border:1px solid var(--cream-soft);background:transparent;color:var(--cream);padding:.85rem 1.1rem;font-family:"Space Mono",monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:.2s}
.tab-pill:hover,.tab-pill.is-active{border-color:var(--camel);color:var(--camel);background:rgba(164,132,104,.08)}
.reader-panel{margin-top:1.5rem;border:1px solid var(--cream-soft);padding:1.25rem;background:rgba(255,255,255,.02)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.3rem .15rem 1.2rem}
.panel-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;text-transform:uppercase;letter-spacing:.03em;margin:.4rem 0 0}
.panel-copy{margin:.55rem 0 0;color:rgba(238,233,226,.68);font-size:.95rem;line-height:1.65;max-width:34rem}
.btn-small{height:44px;padding:0 1.1rem;font-size:.66rem;letter-spacing:.2em;white-space:nowrap}
.menu-story{display:grid;gap:1rem;justify-items:center}
.menu-story img{width:min(100%,32rem);height:auto;border:1px solid var(--cream-soft);background:var(--cream);box-shadow:0 18px 36px rgba(0,0,0,.18)}
.reader-panel[hidden]{display:none!important}
@media (max-width:900px){.panel-head{flex-direction:column;align-items:flex-start}.btn-small{width:auto}}
@media (max-width:640px){.reader-section{padding:3.2rem 0}.tab-row{gap:.55rem}.tab-pill{width:100%;text-align:center}.reader-panel{padding:1rem}.panel-title{font-size:1.7rem}.panel-copy{font-size:.92rem}.menu-story img{width:100%}}