/* Portada amb les proporcions de la composició WordPress, però sense dependències. */
.floating-menu-toggle{position:fixed;z-index:20;top:clamp(16px,2vw,30px);right:clamp(16px,2vw,30px);display:grid;width:52px;height:52px;place-items:center;border:1px solid #ffffffc9;border-radius:50%;background:#fffd;color:var(--ink);box-shadow:0 10px 30px rgba(7,23,27,.16);font-size:1.35rem;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}.floating-menu-toggle:hover{transform:translateY(-1px);box-shadow:0 13px 32px rgba(7,23,27,.22)}
.floating-menu{position:fixed;z-index:19;top:calc(clamp(16px,2vw,30px) + 62px);right:clamp(16px,2vw,30px);display:none;min-width:188px;padding:9px;border:1px solid #dbe5e6;border-radius:18px;background:#fffe;box-shadow:0 18px 45px rgba(7,23,27,.18);backdrop-filter:blur(12px)}.floating-menu.is-open{display:grid;gap:2px}.floating-menu a{padding:10px 12px;border-radius:11px;color:var(--ink);font-size:.9rem;font-weight:800;text-decoration:none}.floating-menu a:hover{background:#e8fbfc;color:var(--aqua-dark)}
.reference-hero{position:relative;width:min(calc(100% - clamp(48px,5vw,140px)),1640px);aspect-ratio:2 / 1;height:auto;margin:0 auto;padding:0;overflow:hidden;background:#fff}
.reference-photo{position:absolute;inset:0;margin:0;border-radius:0;box-shadow:none}
.reference-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.reference-photo::after{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 3%,rgba(255,255,255,0) 9%,rgba(255,255,255,0) 91%,rgba(255,255,255,.72) 97%,#fff 100%),linear-gradient(180deg,#fff 0%,rgba(255,255,255,.72) 3%,rgba(255,255,255,0) 9%,rgba(255,255,255,0) 91%,rgba(255,255,255,.72) 97%,#fff 100%);content:"";pointer-events:none}
.reference-actions{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(calc(100% - clamp(48px,9vw,180px)),1180px);margin:26px auto 58px}
.reference-actions a.gradient-button{min-height:76px;padding:12px 20px;border-radius:30px}.reference-actions a.gradient-button strong,.reference-actions a.gradient-button span{font-size:clamp(1rem,1.3vw,1.42rem);line-height:1.05}
@media (min-width:651px) and (max-width:1050px){.reference-actions{gap:10px;width:calc(100% - 34px)}.reference-actions a.gradient-button{min-height:74px;padding:10px 7px;border-radius:22px}.reference-actions a.gradient-button strong,.reference-actions a.gradient-button span{font-size:clamp(.72rem,1.65vw,.93rem);line-height:1.1}}
@media(max-width:650px){.floating-menu-toggle{top:14px;right:14px;width:48px;height:48px}.floating-menu{top:72px;right:14px}.reference-hero{width:calc(100% - 32px);aspect-ratio:1.42 / 1}.reference-photo img{object-position:52% center}.reference-photo::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 3%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,.72) 97%,#fff 100%),linear-gradient(180deg,#fff 0%,rgba(255,255,255,.72) 3%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,.72) 97%,#fff 100%)}.reference-actions{grid-template-columns:1fr;gap:12px;width:calc(100% - 32px);margin-top:20px;margin-bottom:35px}.reference-actions a.gradient-button{min-height:76px}}
.hero-copy-test .hero-copy-overlay{position:absolute;z-index:2;top:29%;right:clamp(28px,10vw,160px);left:clamp(240px,28vw,470px);padding:clamp(12px,1.7vw,24px) clamp(16px,2.2vw,34px);border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(255,255,255,.24);box-shadow:0 10px 30px rgba(7,23,27,.1);backdrop-filter:blur(3px);text-align:center}.hero-copy-overlay h1{margin:0;color:#061a20;font-family:Montserrat,Arial,sans-serif;font-size:clamp(2.15rem,4vw,4.5rem);font-weight:700;line-height:1.04;letter-spacing:-.06em;text-shadow:0 2px 14px rgba(255,255,255,.58)}.hero-copy-overlay h1 span{display:block}.hero-copy-overlay h1 span+span{margin-top:.05em}.hero-copy-overlay h1 em{display:inline-block;background:linear-gradient(90deg,#10b8c5 0%,#2acbd7 55%,#078a99 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;animation:intro-restaurant-gradient 4s ease-in-out infinite}.hero-copy-overlay .hero-subtitle{max-width:800px;margin:13px auto 0;color:#102b30;font-family:Montserrat,Arial,sans-serif;font-size:clamp(.96rem,1.45vw,1.35rem);font-weight:700;line-height:1.35;text-shadow:0 1px 10px rgba(255,255,255,.9);text-wrap:balance}.intro--moved-to-hero{display:none}@media(max-width:650px){.hero-copy-test .hero-copy-overlay{top:32%;right:12%;left:12%;padding:12px 12px;border-radius:16px;background:rgba(255,255,255,.31)}.hero-copy-overlay h1{font-size:clamp(1.66rem,7.7vw,2.38rem);line-height:1.02}.hero-copy-overlay .hero-subtitle{margin-top:10px;font-size:.9rem}}
.hero-copy-test .hero-copy-overlay{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.hero-copy-test .hero-copy-overlay::before{position:absolute;z-index:-1;inset:-28px;content:"";border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.48) 0%,rgba(255,255,255,.28) 42%,rgba(255,255,255,.09) 63%,transparent 82%);filter:blur(9px);pointer-events:none}.hero-copy-test .hero-copy-overlay>*{position:relative;z-index:1}@media(max-width:650px){.hero-copy-test .hero-copy-overlay{background:transparent}.hero-copy-test .hero-copy-overlay::before{inset:-22px;background:radial-gradient(ellipse at center,rgba(255,255,255,.52) 0%,rgba(255,255,255,.27) 48%,transparent 82%);filter:blur(8px)}}
.hero-copy-test .hero-copy-overlay{top:49%;right:clamp(28px,9vw,145px);left:clamp(220px,24vw,410px);padding:0;transform:translateY(-50%)}.hero-copy-test .hero-copy-overlay::before{display:none}.hero-copy-overlay h1{text-shadow:0 1px 1px rgba(255,255,255,.96),0 0 13px rgba(255,255,255,.75),0 2px 8px rgba(4,19,23,.34)}.hero-copy-overlay h1 em{filter:drop-shadow(0 1px 1px rgba(255,255,255,.95)) drop-shadow(0 0 10px rgba(255,255,255,.72))}.hero-copy-overlay .hero-subtitle{text-shadow:0 1px 1px rgba(255,255,255,.98),0 0 12px rgba(255,255,255,.82),0 2px 7px rgba(4,19,23,.28)}@media(max-width:650px){.hero-copy-test .hero-copy-overlay{top:51%;right:9%;left:9%;padding:0;transform:translateY(-50%)}}
.hero-copy-overlay h1 em{background:linear-gradient(90deg,#16c1cc 0%,#0e9eaf 55%,#071923 100%)}

/* La promoció puntual és una franja; les quatre accions habituals conserven
   la seva lectura ràpida i compacta en una sola fila. */
.reference-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(calc(100% - clamp(48px,9vw,180px)),1180px);margin:26px auto 58px}.reference-actions a.gradient-button{min-height:74px;padding:10px 16px;border-radius:28px}.reference-actions a.gradient-button strong,.reference-actions a.gradient-button span{font-size:clamp(.94rem,1.22vw,1.3rem);line-height:1.06}.reference-actions a.championship-special-button{grid-column:1/-1;min-height:68px;padding:10px 26px;border-radius:24px}.reference-actions a.championship-special-button strong,.reference-actions a.championship-special-button span{font-size:clamp(.98rem,1.3vw,1.32rem)}
@media (min-width:651px) and (max-width:1050px){.reference-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:calc(100% - 34px)}.reference-actions a.gradient-button{min-height:70px;padding:9px 7px;border-radius:20px}.reference-actions a.gradient-button strong,.reference-actions a.gradient-button span{font-size:clamp(.72rem,1.65vw,.93rem);line-height:1.1}.reference-actions a.championship-special-button{min-height:62px;padding:8px 14px}.reference-actions a.championship-special-button strong,.reference-actions a.championship-special-button span{font-size:clamp(.76rem,1.75vw,1rem)}}
@media(max-width:650px){.reference-actions{grid-template-columns:1fr;gap:10px;width:calc(100% - 32px);margin-top:20px;margin-bottom:35px}.reference-actions a.gradient-button{min-height:72px;padding:10px 14px}.reference-actions a.championship-special-button{min-height:72px;padding:10px 18px}}