/* Gammarus — web estática. Mismo estilo que la web anterior (The7/WPBakery), sin WordPress.
   Layout: bloques a sangre que alternan texto sobre crema/arena y fotografía, con mosaicos color arcilla. */
@font-face{font-family:"Avenir-Roman";src:url("/wp-content/fonts/Avenir-Roman-12.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{
  --cream:#FFFAF4;      /* fondo general */
  --sand:#F6E9DB;       /* paneles claros */
  --clay:#AD8C74;       /* mosaicos, pie */
  --gold:#D6B27F;       /* botones, enlaces */
  --gold-dark:#BF965F;
  --ink:#8F857D;        /* texto */
  --tan:#AE8B70;        /* títulos */
  --white:#FFFFFF;
  --f-display:"Times New Roman",Times,"Liberation Serif",Georgia,serif;
  --f-body:"Avenir-Roman","Avenir Next",Avenir,"Nunito Sans","Helvetica Neue",Arial,sans-serif;
  --f-ui:"Montserrat","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17.6px/1.45 var(--f-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--gold-dark)}
h1,h2,h3{font-family:var(--f-display);font-weight:400;color:var(--tan);line-height:1.12;margin:0;text-wrap:balance}
.st{font-size:clamp(2.1rem,4vw,3.1rem)}
p{margin:0}
.stack{display:flex;flex-direction:column;gap:1.15em}
.btn{display:inline-block;font:400 1rem/1 var(--f-ui);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:var(--white);background:var(--gold);padding:.95em 1.5em;transition:background .2s}
.btn:hover,.btn:focus-visible{background:var(--gold-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}
.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:16px;z-index:100;background:var(--white);padding:.5em 1em}

/* Cabecera */
.hdr{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;padding-top:env(safe-area-inset-top,0px)}
.hdr .logo{pointer-events:auto;margin:18px 0 0 max(24px,env(safe-area-inset-left,0px));transition:opacity .3s}
.hdr .logo img{width:150px;height:auto}
.hdr.scrolled .logo{opacity:0;pointer-events:none}
.hdr .tools{pointer-events:auto;display:flex;align-items:stretch;margin-right:env(safe-area-inset-right,0px)}
.hdr .tools .btn{display:flex;align-items:center;padding:0 1.3em}
.lsw{position:relative;margin-right:2px}
.lsw summary{list-style:none;cursor:pointer;height:54px;min-width:62px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(240,234,227,.92);color:#222;font:500 .9rem/1 var(--f-ui);letter-spacing:.08em}
.lsw summary::-webkit-details-marker{display:none}
.lsw summary::after{content:"";width:6px;height:6px;border-right:1.5px solid #222;border-bottom:1.5px solid #222;transform:rotate(45deg) translateY(-2px)}
.lsw[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.lsw-m{position:absolute;top:100%;right:0;min-width:100%;background:rgba(240,234,227,.97);display:flex;flex-direction:column;padding:4px 0;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.lsw-m a{color:#222;text-decoration:none;padding:9px 14px;text-align:center;font:400 .9rem/1 var(--f-ui);letter-spacing:.08em}
.lsw-m a:hover{background:rgba(0,0,0,.06)}
.lsw-m a[aria-current]{font-weight:600}
.burger{width:54px;height:54px;border:0;background:rgba(240,234,227,.92);cursor:pointer;display:grid;place-content:center;gap:5px}
.burger span{display:block;width:24px;height:2px;background:#222}
.nav{position:fixed;inset:0;z-index:60;background:var(--clay);color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;padding:60px 24px;overflow:auto}
.nav[hidden]{display:none!important}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.55rem}
.nav a{color:var(--white);text-decoration:none;font:300 1.25rem/1.3 var(--f-ui)}
.nav a:hover{color:#F3DFC2}
.nav .langs{display:flex;gap:1.2rem}
.nav .langs a{font-size:.95rem;letter-spacing:.08em}
.nav .langs a[aria-current]{font-weight:500;text-decoration:underline;text-underline-offset:4px}
.nav .x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:max(18px,env(safe-area-inset-right,0px));background:none;border:0;color:var(--white);font:300 2.4rem/1 var(--f-ui);cursor:pointer}

/* Hero */
.hero{position:relative;min-height:min(100svh,920px);display:grid;place-items:center;text-align:center;color:var(--white);overflow:hidden;background:#6e604f center/cover no-repeat}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.05) 40%,rgba(0,0,0,.3))}
.hero .in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:22vh}
.hero .in img{width:96px}
.hero h1{color:var(--white);font-size:clamp(2.2rem,4.6vw,3.4rem)}
.hero .sub{font:200 clamp(1.15rem,2vw,1.45rem)/1.2 var(--f-ui);letter-spacing:.03em}
.hero .btn{margin-top:1rem}

/* Bloques partidos */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.split>.txt{display:flex;flex-direction:column;justify-content:center;gap:1.4rem;padding-block:clamp(48px,7vw,96px);padding-left:max(24px,11%);padding-right:max(24px,6%);min-width:0}
.split>.img{min-height:420px;background:center/cover no-repeat;position:relative}
.split>.img.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:none}
.split>.img.duo>div{background:center/cover no-repeat}
.split>.img .q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 8%;color:var(--white);font:400 clamp(1.3rem,2.3vw,1.85rem)/1.3 var(--f-body);text-shadow:0 1px 12px rgba(0,0,0,.35)}
.split>.img .q.top{align-items:flex-start;padding-top:12%}
.split>.img .q.low{align-items:flex-end;padding-bottom:10%;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 45%)}
.panel{background:var(--sand) center/cover no-repeat}
.panel .txt{text-align:center;color:var(--tan)}
.c{text-align:center}

/* Bloques a sangre con fondo */
.band{position:relative;background:center/cover no-repeat;color:var(--white)}
.band::before{content:"";position:absolute;inset:0;background:rgba(40,28,18,var(--ov,.35))}
.band>.in{position:relative;max-width:900px;margin:0 auto;padding-block:clamp(70px,10vw,140px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4rem}
.band h2,.band .st{color:var(--white)}
.band p{color:var(--white);font-size:1.08rem;max-width:62ch}

/* Aparcamiento */
.park{position:relative;background:#B39279 center/cover no-repeat;color:var(--white)}
.park::before{content:"";position:absolute;inset:0;background:rgba(160,126,98,.55)}
.park>.in{position:relative;max-width:1100px;margin:0 auto;padding-block:clamp(60px,8vw,110px);display:flex;flex-direction:column;gap:2rem}
.park h2{color:var(--white);text-align:center}
.seasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.season{background:rgba(255,250,244,.96);color:#6f5a49;border-radius:14px;padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.35rem}
.season .sl{font:500 .82rem/1.2 var(--f-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-dark)}
.season b{color:var(--tan);font-weight:600}
.zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pcard{background:rgba(255,250,244,.14);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.7rem;color:var(--white)}
.pcard.main{background:rgba(255,250,244,.96);color:#6f5a49;border-color:transparent}
.ph-h{display:flex;align-items:center;gap:.6rem}
.pl{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--gold);color:var(--white);font:500 1.1rem/1 var(--f-ui);flex:none}
.pcard h3{font:500 1.3rem/1.2 var(--f-body);color:inherit}
.pcard.main h3{color:var(--tan)}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font:400 .76rem/1 var(--f-ui);padding:.4em .7em;border-radius:99px;background:rgba(255,255,255,.2)}
.pcard.main .tags li{background:var(--sand);color:#7a6150}
.pcard p{font-size:.96rem}
.pcard .go{margin-top:auto;font:500 .78rem/1 var(--f-ui);text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.navs{display:flex;flex-direction:column;gap:6px}
.nb{display:block;text-align:center;text-decoration:none;font:400 .92rem/1 var(--f-ui);padding:.75em .6em;border-radius:8px;background:var(--gold);color:var(--white)}
.nb:hover,.nb:focus-visible{background:var(--gold-dark)}
.park figure{margin:0 auto;max-width:900px;width:100%}
.pmap{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 6px 24px rgba(60,40,25,.18);background:#F9F4F0}
.pmap .ml{font:500 17px var(--f-ui);fill:#5E4A3B}
.pmap .ml.sea{font:italic 400 20px var(--f-display);fill:#FFFFFF}
.pmap .ms{font:500 13px var(--f-ui)}
.pmap .mg{font:600 16px var(--f-ui);fill:#5E4A3B;paint-order:stroke;stroke:#F6EEE3;stroke-width:4px}
.pmap .mz{font:600 28px var(--f-ui)}
.pmap a:hover circle{stroke:#5E4A3B}
.pmap .hot{fill:transparent;stroke:transparent;stroke-width:4}
.pmap a:hover .hot,.pmap a:focus-visible .hot{fill:rgba(194,154,99,.12);stroke:#C29A63}
.park .hint{text-align:center;font:300 .85rem/1.3 var(--f-ui);margin-top:.5rem}
.park figure img{width:100%;height:auto;background:#fff}
.park figcaption{text-align:center;font:300 .85rem/1.3 var(--f-ui);margin-top:.5rem}
.park .tr{text-align:center;font-size:1.05rem}

/* Galería restaurante */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1180px;margin:0 auto;padding-block:clamp(48px,6vw,80px)}
.grid4 .ph{aspect-ratio:1/1;background:var(--sand) center/cover no-repeat;border:0;padding:0;cursor:zoom-in}
.grid4 .tile{aspect-ratio:1/1;background:var(--clay);color:var(--white);display:flex;align-items:center;justify-content:center;text-align:center;padding:1.4rem;font-size:1.05rem}
.grid4 .tile.lite{background:var(--sand);color:var(--tan)}
.grid4 .tile.tall{grid-row:span 2;aspect-ratio:auto;flex-direction:column;gap:1rem;font-size:1.15rem;padding:2rem}
.grid4 .tile.tall p{margin:0;font-size:inherit;line-height:inherit}
.grid4 .tile .pet{font-size:inherit}
.grid4.duo.drk{padding-top:0}
.grid4.duo:not(.drk){padding-bottom:10px}
.grid4 .tile.tall.food-t{grid-column:4;grid-row:1/span 2}
.grid4 .tile.tall.drink-t{grid-column:1;grid-row:1/span 2}

/* Take away */
.ta{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:0 auto 0;padding-bottom:clamp(40px,6vw,70px)}
.ta .l{background:var(--clay);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:3rem 1.5rem;text-align:center}
.ta .l .st{color:var(--white);text-transform:uppercase}
.ta .r{min-height:320px;background:center/cover no-repeat}

/* Rooftop */
.roof{padding-block:clamp(60px,8vw,110px)}
.roof .head{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}
.roof .box{display:flex;flex-direction:column;gap:.35rem;align-items:center}
.roof .box b{font-weight:400;color:var(--tan)}
.roof ul{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.6rem}
.roof .grid4{padding-bottom:0}
.roof .grid4 .ph{cursor:default}
.roof .grid4 .tile{aspect-ratio:auto;min-height:100%;font-size:1rem}

/* Trabaja con nosotros */
.job{position:relative;background:center/cover no-repeat}
.job>.in{max-width:1180px;margin:0 auto;padding-block:clamp(48px,7vw,90px)}
.card{background:var(--cream);border-radius:22px;max-width:560px;padding:clamp(22px,4vw,36px);display:flex;flex-direction:column;gap:1rem;text-align:center}
.card .st{font-weight:700}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
form .full{grid-column:1/-1}
form label.v{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
form input[type=text],form input[type=email],form input[type=tel],form textarea{width:100%;font:300 1rem/1.3 var(--f-ui);color:#5c534c;background:var(--white);border:1px solid #E6DCD0;border-radius:24px;padding:.75em 1.1em}
form textarea{min-height:130px;resize:vertical;border-radius:18px}
form ::placeholder{color:#B7ADA4}
form .file{font:300 .95rem/1.3 var(--f-ui);display:flex;flex-direction:column;gap:6px}
form .chk{font:300 .92rem/1.4 var(--f-ui);display:flex;gap:.6em;align-items:flex-start}
form .chk input{margin-top:.25em;accent-color:var(--gold-dark)}
form button{justify-self:center;border:0;cursor:pointer}
form .hp{position:absolute;left:-5000px}
.msg{grid-column:1/-1;text-align:center;font:400 .98rem/1.4 var(--f-ui);min-height:1.4em}
.msg.ok{color:#5E7B55}.msg.err{color:#A3533F}

/* Contacto */
.contact .txt{color:var(--tan)}
.contact address{font-style:normal}
.social{display:flex;gap:14px}
.social a{color:var(--gold-dark);display:inline-flex}
.social svg{width:32px;height:32px;fill:currentColor}

/* Pie */
.ftr{background:var(--clay);color:var(--white);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px))}
.ftr .in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between;align-items:center;font:300 .9rem/1.4 var(--f-ui)}
.ftr nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.ftr a{color:var(--white);text-decoration:none}
.ftr a:hover{text-decoration:underline}

/* Visor de fotos */
.lb{position:fixed;inset:0;z-index:80;background:rgba(20,14,10,.88);display:grid;place-items:center;padding:24px}
.lb[hidden]{display:none!important}
.lb img{max-height:88vh;width:auto}
.lb button{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));background:none;border:0;color:#fff;font:300 2.4rem/1 var(--f-ui);cursor:pointer}

/* Páginas legales */
.legal-hdr{background:var(--clay)}
.legal-hdr .in{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-block:14px}
.legal-hdr img{width:110px}
.legal-hdr a.bk{color:var(--white);font:300 .95rem var(--f-ui);text-decoration:none}
.doc{max-width:900px;margin:0 auto;padding-block:clamp(40px,6vw,72px);color:#7C736B}
.doc h1{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:1.6rem}
.doc h2{font-size:1.6rem;margin:2rem 0 .8rem}
.doc h3{font:500 1.08rem/1.3 var(--f-body);color:var(--tan);margin:1.4rem 0 .5rem}
.doc p,.doc li{margin:0 0 .8rem;max-width:72ch}
.doc ul.data{list-style:none;padding:0}
.doc table{border-collapse:collapse;width:100%;margin-bottom:1rem}
.doc th,.doc td{border:1px solid #E6DCD0;padding:.6rem .8rem;text-align:left;vertical-align:top;font-size:.98rem}
.doc th{background:var(--sand);color:var(--tan);font-weight:500;width:28%}
.doc .upd{margin-top:2rem;font-size:.9rem}
.nf{min-height:70vh;display:grid;place-items:center;text-align:center}
.nf .stack{align-items:center}

/* Responsive */
@media (max-width:1000px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zones{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .split,.split.rev{grid-template-columns:minmax(0,1fr)}
  .split.rev>.txt{order:-1}
  .split>.img{min-height:320px}
  .split>.txt{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
  .ta{grid-template-columns:1fr}
  .hdr .logo img{width:118px}
  .hdr .tools .btn{display:none}
}
@media (max-width:520px){
  .zones,.seasons{grid-template-columns:minmax(0,1fr)}
  .navs{flex-direction:row}
  .nb{flex:1}
  form{grid-template-columns:1fr}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .grid4 .tile{grid-column:1/-1;aspect-ratio:auto;padding:1.6rem 1.2rem;order:1}
  .roof .grid4 .tile{order:0}
  .roof .grid4{grid-template-columns:1fr}
  .roof .grid4 .ph{aspect-ratio:4/3}
}

@media (max-width:1000px){
  .grid4 .tile.tall,.grid4 .tile.tall.food-t,.grid4 .tile.tall.drink-t{grid-column:1/-1;grid-row:auto;order:-1;aspect-ratio:auto;padding:1.8rem 1.4rem}
}
.grid4.duo.drk .ph{aspect-ratio:3/4}

.rating{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem .7rem;margin:.6rem 0 0;font:400 .9rem/1.3 var(--f-ui);letter-spacing:.02em}
.rating a{color:inherit;text-decoration:none;white-space:nowrap}
.rating a:hover{text-decoration:underline;text-underline-offset:3px}
.rating .star{color:#F3C969}
.rating .n{opacity:.8;font-size:.85em}
.hero .rating{color:var(--white);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.contact .rating{justify-content:flex-start;color:var(--gold-dark);margin-top:1rem}
.contact .rating .star{color:var(--gold)}
@media (max-width:520px){.rating .sep{display:none}.rating{flex-direction:column;gap:.15rem}.contact .rating{align-items:flex-start}}