/* Capçalera i portada inspirades en la pàgina de referència. */
.site-header-reference{position:relative;max-width:1160px;margin:auto;padding:18px 22px;background:var(--paper)}
.site-header-reference .brand{box-shadow:none;border-color:var(--ink)}
.site-nav{display:flex;align-items:center;gap:25px}.site-nav a{color:var(--ink);font-size:.9rem;font-weight:800;text-decoration:none}.site-nav a:hover{color:var(--aqua-dark)}.site-nav .nav-booking{padding:10px 15px;border-radius:999px;background:var(--ink);color:#fff}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:900;cursor:pointer}.menu-toggle span{margin-left:5px;font-size:1.1rem}
.reference-hero{width:min(calc(100% - 32px),1060px);margin:8px auto 0;padding:52px 0 30px;text-align:center}.reference-copy{max-width:700px;margin:auto}.reference-copy h1{margin:11px 0 15px;font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.03;letter-spacing:-.065em}.reference-copy h1 em{color:var(--aqua-dark);font-style:normal}.reference-copy>p:last-child{max-width:570px;margin:0 auto;color:var(--muted)}.reference-photo{position:relative;overflow:hidden;margin-top:37px;border-radius:28px;box-shadow:var(--shadow)}.reference-photo img{width:100%;height:min(51vw,560px);object-fit:cover}.reference-photo span{position:absolute;right:16px;bottom:16px;padding:9px 12px;border:1px solid #fff6;border-radius:999px;background:#07171bd9;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.reference-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(calc(100% - 120px),1920px);margin:0 auto 42px}.reference-actions a{min-height:95px;padding:14px 20px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 8px 22px #07171b10;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.reference-actions a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.reference-actions strong,.reference-actions span{display:block}.reference-actions strong{font-size:1rem}.reference-actions span{margin-top:4px;color:var(--muted);font-size:.85rem}.reference-actions .active{border-color:var(--aqua);background:linear-gradient(135deg,var(--aqua),#40d5dd);color:#fff}.reference-actions .active span{color:#fffd}
.gradient-button,.booking-section .button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:30px;background:linear-gradient(90deg,#16C1CC 0%,#0E9EAF 55%,#071923 100%);color:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.gradient-button:hover,.booking-section .button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(22,193,204,.35);background:linear-gradient(90deg,#16C1CC 0%,#0E9EAF 55%,#071923 100%)}.site-nav .nav-booking.gradient-button,.reference-actions a.gradient-button{border:0;background:linear-gradient(90deg,#16C1CC 0%,#0E9EAF 55%,#071923 100%);color:#fff}.reference-actions a.gradient-button{min-height:95px;flex-direction:column;gap:1px;padding:14px 20px;text-align:center}.reference-actions a.gradient-button strong{font-size:clamp(1.05rem,1.55vw,1.65rem);font-weight:500;line-height:1.02}.reference-actions a.gradient-button span{margin:0;color:#fffd;font-size:clamp(1.05rem,1.55vw,1.65rem);font-weight:500;line-height:1.02}
.reference-actions a.championship-special-button{background:linear-gradient(100deg,#c26810 0%,#e3a21a 52%,#72310f 100%);box-shadow:0 8px 23px #aa671f3d}.reference-actions a.championship-special-button:hover{background:linear-gradient(100deg,#ad570c 0%,#d99310 52%,#612409 100%);box-shadow:0 9px 25px #aa671f52}
@media (min-width:651px) and (max-width:1050px){.reference-actions{gap:12px;width:calc(100% - 40px)}.reference-actions a.gradient-button{min-height:82px;padding:11px 8px;border-radius:20px}.reference-actions a.gradient-button strong,.reference-actions a.gradient-button span{font-size:clamp(.72rem,1.65vw,.95rem);line-height:1.12}}
@media(max-width:650px){.site-header-reference{padding:13px 16px}.site-header-reference .brand{width:54px;height:54px;border-radius:15px}.menu-toggle{display:block}.site-nav{position:absolute;z-index:5;top:100%;right:16px;display:none;min-width:210px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.site-nav.is-open{display:grid;gap:3px}.site-nav a{padding:10px}.site-nav .nav-booking{text-align:center}.reference-hero{padding-top:38px}.reference-photo{margin-top:27px}.reference-photo img{height:340px}.reference-actions{grid-template-columns:1fr;gap:12px;width:calc(100% - 32px);margin-bottom:30px}.reference-actions a,.reference-actions a.gradient-button{min-height:92px;padding:14px}}