:root{--ink:#211d19;--paper:#eee9df;--cream:#f8f5ee;--terra:#a75e43;--muted:#776f65;--line:rgba(33,29,25,.2);--gutter:clamp(20px,5vw,68px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--ink)}
*{box-sizing:border-box}html{min-height:100%;background:var(--ink)}body{margin:0;min-height:100svh;padding:0 var(--gutter);display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 42%,#37302a 0,#211d19 62%);color:var(--cream)}header{width:min(1240px,100%);margin:0 auto;padding:25px 0 16px;border-bottom:1px solid rgba(248,245,238,.24)}header h1{margin:0;font:500 10px/1 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#c5bbae}main{width:min(690px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;padding:44px 0 50px;text-align:center}#contenedor-logo{display:grid;place-items:center;width:clamp(136px,22vw,184px);aspect-ratio:1;margin:0 auto 27px;background:var(--cream);border:5px solid rgba(167,94,67,.85);border-radius:50%;overflow:hidden;box-shadow:0 20px 55px #100e0c77}#logo{width:100%;height:100%;object-fit:contain}main::before{content:"MONTGAT  ·  CASA MONTGAT";display:block;order:0;margin:0 0 13px;color:#c9a78e;font-size:9px;font-weight:700;letter-spacing:.2em}#contenedor-logo{order:1}main>nav{order:2;width:min(560px,100%);padding:clamp(25px,5vw,44px);background:var(--paper);border:1px solid #fff8;border-radius:3px;color:var(--ink);text-align:center;box-shadow:0 20px 60px #100e0c44}h2{font:500 clamp(31px,6vw,48px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0}#contenedor-idiomas{display:flex;justify-content:center;gap:14px;margin-top:28px}.idioma{display:grid;place-items:center;width:55px;height:55px;border:1px solid #c9c0b3;border-radius:50%;background:var(--cream);transition:transform .25s,border-color .25s,background .25s}.idioma:hover{transform:translateY(-4px);border-color:var(--terra);background:#fff}.idioma img{width:33px;height:33px;object-fit:contain}footer{width:min(1240px,100%);margin:0 auto;padding:18px 0 22px;border-top:1px solid rgba(248,245,238,.24)}footer p{margin:5px 0}#restaurante{font:500 16px Georgia,'Times New Roman',serif}#direccion,#jesto,#copyright{font-size:10px;color:#b9afa3;line-height:1.5}#jesto a{color:#d69a7c;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}:focus-visible{outline:2px solid #d69a7c;outline-offset:5px}
@media(min-width:760px){main{padding:34px 0 38px}#contenedor-logo{width:155px;margin-bottom:21px}main>nav{padding:30px 40px}}
@media(max-width:520px){body{padding:0 19px}header{padding:19px 0 14px}main{padding:34px 0 38px}#contenedor-logo{width:142px;margin-bottom:22px}main>nav{padding:27px 17px}h2{font-size:34px}#contenedor-idiomas{gap:10px;margin-top:24px}.idioma{width:49px;height:49px}.idioma img{width:29px;height:29px}footer{padding-top:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Mobile-first polish: quieter language panel, clearer footer, and a playful brand sign-off. */
main>nav{padding:clamp(22px,5vw,38px);border:1px solid #eee9df35;border-radius:18px;background:linear-gradient(145deg,#f8f5ee12,#f8f5ee06);color:var(--cream);box-shadow:0 18px 52px #0003;backdrop-filter:blur(8px)}
main>nav h2{font-size:clamp(30px,7vw,43px);color:var(--cream)}
#contenedor-idiomas{gap:clamp(12px,4vw,20px)}
.idioma{width:clamp(54px,15vw,66px);height:clamp(54px,15vw,66px);border-color:#eee9df55;background:#f8f5eee8;box-shadow:0 6px 20px #0002}
.idioma img{width:38px;height:38px}
footer{padding:22px 0 25px}
#restaurante{font-size:clamp(18px,4vw,21px)}
#direccion,#copyright{font-size:13px;line-height:1.55}
#jesto{font-size:13px;line-height:1.6}
#jesto .jesto-wordmark{font-size:20px;transform-origin:center}
#jesto .jesto-wordmark:hover{animation:jesto-hop .55s ease-in-out}
@keyframes jesto-hop{0%,70%,100%{transform:translateY(0) rotate(0)}9%{transform:translateY(-7px) rotate(-5deg)}18%{transform:translateY(0) rotate(3deg)}28%{transform:translateY(-3px) rotate(-2deg)}38%{transform:translateY(0) rotate(0)}}
@media(max-width:520px){body{padding:0 17px}main{padding:30px 0 34px}main>nav{width:100%;padding:25px 14px;border-radius:16px}main>nav h2{font-size:clamp(28px,8vw,34px)}#contenedor-idiomas{gap:12px;margin-top:22px}.idioma{width:56px;height:56px}.idioma img{width:36px;height:36px}#direccion,#copyright{font-size:12px}}
@media(prefers-reduced-motion:reduce){.jesto-wordmark{animation:none!important}}
.jesto-wordmark .jesto-dot{display:inline-block;flex:none;width:.27em;height:.27em;margin-left:.045em;border-radius:50%;background:#ff6a00;color:transparent;font-size:1em;line-height:0;vertical-align:baseline;transform:translateY(-.02em)}

#jesto .jesto-wordmark{color:var(--cream)}#jesto .jesto-wordmark i{color:#ff6a00}
#jesto .jesto-wordmark{color:var(--cream);text-decoration:none;font-weight:800}#jesto .jesto-wordmark i{color:#ff6a00}

/* Jesto brand mark: round orange dot and repeating entrance motion. */
.jesto-wordmark{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;letter-spacing:-.065em}
.jesto-wordmark .jesto-dot{display:inline-block;flex:none;width:.27em;height:.27em;margin-left:.045em;border-radius:50%;background:#ff6a00;color:transparent;font-size:1em;line-height:0;vertical-align:baseline;transform:translateY(-.02em)}
footer .jesto-wordmark{animation:jesto-hop 2.2s .55s ease-in-out infinite;transform-origin:center bottom}
@keyframes jesto-hop{0%,70%,100%{transform:translateY(0) rotate(0)}9%{transform:translateY(-7px) rotate(-5deg)}18%{transform:translateY(0) rotate(3deg)}28%{transform:translateY(-3px) rotate(-2deg)}38%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.jesto-wordmark{animation:none!important}}

/* Jesto wordmark follows its original SVG lettering: Arial bold and the orange period on the same baseline. */
.jesto-wordmark{display:inline-flex;align-items:baseline;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;letter-spacing:-.076em;text-decoration:none}
.jesto-wordmark>span{display:inline;line-height:inherit}
.jesto-wordmark .jesto-dot{display:inline;color:#ff6a00;background:none;border:0;border-radius:0;width:auto;height:auto;margin:0;padding:0;font:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:baseline;transform:none}
footer .jesto-wordmark{animation:jesto-hop 1.8s ease-in-out infinite;animation-delay:0s;transform-origin:center bottom}
@keyframes jesto-hop{0%,55%,100%{transform:translateY(0) rotate(0)}3%{transform:translateY(-5px) rotate(-4deg)}10%{transform:translateY(0) rotate(2deg)}17%{transform:translateY(-2px) rotate(-1deg)}24%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.jesto-wordmark{animation:none!important}}

/* Final landing-page refinements */
header h1{font-size:12px!important}
main::before{content:"CASA MONTGAT"!important;font-size:12px!important}
#jesto a{border-bottom:0!important;text-decoration:none!important;padding-bottom:0!important}