:root{--cream:#f4efe7;--ink:#25251f;--olive:#454a3c;--gold:#b89c65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:300}header{height:76px;position:absolute;z-index:5;top:0;width:100%;display:flex;align-items:center;gap:30px;padding:0 5%;color:#fff}.brand{font:600 27px 'Cormorant Garamond';letter-spacing:.2em;color:#fff;text-decoration:none;text-align:center}.brand small,.footer-logo small,.hero-logo small{display:block;font:400 9px Montserrat;letter-spacing:.38em}header nav{margin-left:auto;display:flex;gap:22px}header nav a,.reserve-top{color:#fff;text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.reserve-top{border:1px solid #ffffff80;padding:11px 17px}.hero{height:92vh;min-height:650px;position:relative;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(#0007,#0004 45%,#0009)}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.hero-logo{font:500 66px 'Cormorant Garamond';letter-spacing:.15em}.hero h1{font:400 39px 'Cormorant Garamond';line-height:1.08;margin:24px 0 28px}.outline{border:1px solid #ffffffaa;color:#fff;text-decoration:none;padding:14px 25px;font-size:10px;letter-spacing:.16em}.address{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em}.section{max-width:1180px;margin:auto;padding:96px 6%}.essence{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.essence img{width:100%;height:500px;object-fit:cover}.kicker{font-size:10px;letter-spacing:.24em;color:#796f5c;font-weight:500}.light{color:#ded1b7}h2{font:500 43px 'Cormorant Garamond';line-height:1.05;margin:14px 0 24px}p{line-height:1.75;font-size:14px}.textlink{display:inline-block;margin-top:18px;color:var(--ink);font-size:10px;letter-spacing:.15em;text-decoration:none}.center{text-align:center}.lede{max-width:620px;margin:0 auto 45px}.dishgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:48px 0}.dishgrid img{width:100%;height:285px;object-fit:cover}.dishgrid h3{font:500 24px 'Cormorant Garamond';margin:17px 0 5px}.dishgrid p{font-size:12px}.proposals{display:grid;grid-template-columns:repeat(3,1fr);background:var(--olive);color:#fff}.proposals>div{min-height:390px;padding:65px 48px;border-right:1px solid #ffffff20;display:flex;flex-direction:column;justify-content:center}.proposals a{color:#fff;font-size:10px;letter-spacing:.14em;margin-top:18px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:10px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:span 2}.gallery img:last-child{grid-column:span 2}.booking{background:#34372e;color:#fff;padding:88px max(6%,calc((100% - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-buttons{display:flex;flex-direction:column;gap:10px;margin-top:24px}.contact-buttons a{border:1px solid #ffffff55;color:#fff;text-decoration:none;padding:14px 16px;font-size:10px;letter-spacing:.1em}.dish-widget{background:#fff;padding:18px;min-height:270px;color:#222}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact a{color:inherit}.contact h3{font:500 25px 'Cormorant Garamond'}.footer-logo{font:600 49px 'Cormorant Garamond';letter-spacing:.18em}footer{text-align:center;background:#24251f;color:#cfc7b8;padding:27px;font-size:10px;letter-spacing:.1em}@media(max-width:800px){header{height:66px}header nav{display:none}.hero{height:82vh;min-height:570px}.hero-logo{font-size:52px}.hero h1{font-size:31px}.essence,.booking,.contact{grid-template-columns:1fr;gap:35px}.essence img{height:390px}.section{padding:68px 6%}.dishgrid{grid-template-columns:1fr 1fr}.proposals{grid-template-columns:1fr}.proposals>div{min-height:285px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 200px 200px}.gallery img:first-child{grid-column:span 2;grid-row:auto}.gallery img:last-child{grid-column:auto}.booking{padding:68px 6%}}@media(max-width:520px){.dishgrid{grid-template-columns:1fr}.dishgrid img{height:360px}h2{font-size:37px}.reserve-top{padding:10px 12px}.brand{font-size:23px}}

.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:27px;line-height:1;cursor:pointer;padding:8px}
@media(max-width:800px){header{position:absolute;padding:0 5%;gap:14px}.brand{margin-right:auto}header nav{display:none;position:absolute;top:62px;left:5%;right:5%;margin:0;background:rgba(23,20,15,.96);padding:18px;flex-direction:column;gap:0;border:1px solid #ffffff2b}header nav.open{display:flex}header nav a{padding:13px 4px;border-bottom:1px solid #ffffff18}.menu-toggle{display:block;order:2}.reserve-top{order:3}.hero-copy{padding:80px 22px 55px}.hero-logo{font-size:48px}.hero h1{font-size:30px;max-width:340px}.address{bottom:18px}.hero>img{object-position:center center}}
@media(max-width:420px){.reserve-top{font-size:9px;padding:9px 10px}.brand{font-size:21px}.menu-toggle{font-size:24px}.hero-logo{font-size:44px}.hero h1{font-size:28px}}

/* OROA official-style wordmark */
.brand,.hero-logo,.footer-logo{color:inherit}
.brand img,.hero-logo img,.footer-logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.brand{width:132px;font:inherit;letter-spacing:0}
.brand img{width:132px}
.brand small{margin-top:4px}
.hero-logo{width:min(390px,72vw);font:inherit;letter-spacing:0}
.hero-logo img{width:100%}
.hero-logo small{margin-top:7px}
.footer-logo{width:220px;font:inherit;letter-spacing:0;color:#25251f}
.footer-logo img{width:220px;filter:none}
@media(max-width:800px){.brand{width:108px}.brand img{width:108px}.hero-logo{width:min(300px,70vw)}}
@media(max-width:420px){.brand{width:96px}.brand img{width:96px}.hero-logo{width:min(270px,72vw)}}

/* Portada definitiva: lettering extraído del logotipo oficial facilitado */
.brand img,.hero-logo img,.footer-logo img{filter:none}
.brand img,.footer-logo img{object-fit:contain}
.hero-logo{display:flex;flex-direction:column;align-items:center}
.hero-logo .hero-monogram{width:150px;max-width:42vw;margin:0 auto 12px;object-fit:contain}
.hero-logo .hero-wordmark{width:100%;object-fit:contain}
.hero-logo small{color:#c49a5a}
@media(max-width:800px){
  .hero-logo .hero-monogram{width:125px;margin-bottom:8px}
}