:root{--navy:#052d3d;--sea:#087e91;--sand:#f4eee3;--coral:#e5674c;--ink:#17333c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}a{color:var(--sea)}.site-header{background:linear-gradient(180deg,rgba(3,30,42,.95),rgba(3,30,42,.72));backdrop-filter:blur(8px)}.navbar{min-height:88px}.navbar-brand img{object-fit:contain}.nav-link{color:#fff!important}.btn-coral{background:var(--coral);border-color:var(--coral);color:#fff}.btn-coral:hover{background:#cf5138;border-color:#cf5138;color:#fff}.hero{min-height:100svh;display:grid;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(2,30,43,.78),rgba(2,30,43,.18)),url('../images/hero/terrazza-marea-tramonto.jpeg') center/cover}.hero-content{padding-top:100px}.hero h1{font-size:clamp(3rem,8vw,6.6rem);max-width:900px;line-height:.98}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--coral)}.section{padding:clamp(4rem,8vw,7rem) 0}.section h2{font-size:clamp(2.4rem,5vw,4.5rem)}.feature-img,.menu-card img{width:100%;height:auto;object-fit:cover;border-radius:1.2rem}.section-blue{background:var(--navy);color:#fff}.menu-card{height:100%;background:#fff;color:var(--ink);border-radius:1.2rem;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.16)}.menu-card img{border-radius:0;aspect-ratio:4/3}.menu-card div{padding:1.5rem}.terrace{min-height:70vh;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(3,35,48,.85),rgba(3,35,48,.12)),url('../images/restaurant/marea-terrazza.jpeg') center/cover}.gallery-intro{max-width:720px}.gallery-grid{display:block;columns:3;column-gap:1rem}.gallery-item{margin:0 0 1rem;break-inside:avoid;overflow:hidden;border-radius:1rem;background:var(--sand)}.gallery-item a{display:block}.gallery-item img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:transform .45s ease,filter .45s ease}.gallery-item a:hover img,.gallery-item a:focus-visible img{transform:scale(1.025);filter:saturate(1.08)}.section-contact{background:var(--sand)}.map{border:0;width:100%;min-height:440px;border-radius:1rem}.footer{padding:4rem 0 2rem;background:#031f2a;color:#dce8e8}.footer a{color:#fff}.social a{font-size:1.6rem;margin-right:1rem}
.whatsapp-float {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e5674c;
    color: #fff;
    font-size: 1.8rem;
    z-index: 1050;
    box-shadow: 0 8px 25px #0005
}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1060;max-width:720px;margin:auto;background:#fff;padding:1rem 1.25rem;border-radius:.8rem;box-shadow:0 12px 45px #0005;display:flex;align-items:center;gap:1rem}.cookie-banner p{margin:0}.page-hero{padding:10rem 0 5rem;color:#fff;background:linear-gradient(90deg,#052d3deb,#052d3d88),url('../images/hero/terrazza-marea-tramonto.jpeg') center/cover}.page-hero.small{padding-bottom:3rem}.menu-switcher{margin:0 0 2rem;padding:1.3rem 1.5rem;border-radius:1rem;background:var(--navy);color:#fff}.menu-switcher p{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#9bd4dc}.menu-switcher div{display:flex;flex-wrap:wrap;gap:.75rem}.btn-menu-switch{background:var(--coral);border:1px solid var(--coral);color:#fff}.btn-menu-switch:hover,.btn-menu-switch:focus-visible{background:#fff;border-color:#fff;color:var(--navy)}.menu-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:4rem}.menu-jump a{padding:.55rem .9rem;border:1px solid #b8d0d3;border-radius:99px;text-decoration:none}.menu-section{padding:2.2rem 0;border-top:1px solid #ccdadd}.menu-section h2{font-size:2.3rem}.menu-item{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:1rem 0;border-bottom:1px dotted #a8b9bc}.menu-item h3{font-family:inherit;font-size:1.08rem;font-weight:700;margin:0}.menu-item p{margin:.35rem 0 0;color:#587079}.menu-note,.legal{max-width:900px}.legal h2{font-size:1.6rem;margin-top:2.5rem}@media(max-width:991px){.gallery-grid{columns:2}}@media(max-width:767px){.hero h1{font-size:3.4rem}.gallery-grid{columns:1}.cookie-banner{align-items:flex-start}.menu-item{gap:1rem}.whatsapp-float{bottom:5.5rem}}

/* Tema selezionabile da Content/site.json: "light" oppure "dark". */
.theme-dark{color:#f4f1eb;background:#101315}.theme-dark a{color:#72c8d2}.theme-dark .section-blue{background:#07090a}.theme-dark .menu-card{color:#f4f1eb;background:#1a1e20;box-shadow:0 16px 42px #0009}.theme-dark .menu-card a{color:#7ed2dc}.theme-dark .section-contact{background:#181c1e}.theme-dark .gallery-item{background:#1a1e20}.theme-dark .menu-switcher{background:#050708;border:1px solid #30383b}.theme-dark .menu-jump a{color:#d9f1f4;border-color:#53666b}.theme-dark .menu-jump a:hover,.theme-dark .menu-jump a:focus-visible{color:#101315;background:#d9f1f4}.theme-dark .menu-section{border-color:#394448}.theme-dark .menu-item{border-color:#536065}.theme-dark .menu-item p{color:#bdc7c9}.theme-dark .text-muted{color:#aeb9bb!important}.theme-dark .legal{color:#e7e4de}.theme-dark .cookie-banner{color:#f4f1eb;background:#1a1e20;border:1px solid #3b4548}.theme-dark .alert-warning{color:#ffe7a3;background:#332b17;border-color:#66552a}.theme-dark .footer{background:#050708}.theme-dark .btn-menu-switch{color:#fff}.theme-dark .btn-menu-switch:hover,.theme-dark .btn-menu-switch:focus-visible{color:#101315}.theme-dark .page-hero{border-bottom:1px solid #30383b}

/* Coerenza tipografica con i menu cartacei del ristorante. */
body,h1,h2,h3,h4,h5,h6,.btn,.navbar,.menu-item,.menu-jump,.menu-switcher{font-family:"Century Gothic",CenturyGothic,AppleGothic,"Segoe UI",Arial,sans-serif}