/*
Theme Name: Porto Badisco
Theme URI: https://www.prolocoportobadisco.it
Author: Pro Loco Porto Badisco
Description: Tema del sito Porto Badisco (porting dello stile della skin DotNetNuke). Bilingue IT/EN con Polylang.
Version: 1.0.0
Text Domain: porto-badisco
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
/* --- Base CSS di DotNetNuke (reset e tipografia di default.css), necessaria per avere lo stesso layout --- */
:root {        --dnn-color-primary: #00A5E0;        --dnn-color-primary-light: #1AAEE3;        --dnn-color-primary-dark: #0091C5;        --dnn-color-primary-contrast: #FFFFFF;        --dnn-color-primary-r: 0;        --dnn-color-primary-g: 165;        --dnn-color-primary-b: 224;                    --dnn-color-secondary: #ED3D46;        --dnn-color-secondary-light: #EF5059;        --dnn-color-secondary-dark: #D1363E;        --dnn-color-secondary-contrast: #FFFFFF;        --dnn-color-secondary-r: 237;        --dnn-color-secondary-g: 61;        --dnn-color-secondary-b: 70;                    --dnn-color-tertiary: #0E2936;        --dnn-color-tertiary-light: #3C7A9A;        --dnn-color-tertiary-dark: #0B1C24;        --dnn-color-tertiary-contrast: #FFFFFF;        --dnn-color-tertiary-r: 14;        --dnn-color-tertiary-g: 41;        --dnn-color-tertiary-b: 54;                    --dnn-color-neutral: #DCDCDC;        --dnn-color-neutral-light: #F0F0F0;        --dnn-color-neutral-dark: #999999;        --dnn-color-neutral-contrast: #000000;        --dnn-color-neutral-r: 220;        --dnn-color-neutral-g: 220;        --dnn-color-neutral-b: 220;                    --dnn-color-background: #FFFFFF;        --dnn-color-background-light: #F5F5F5;        --dnn-color-background-dark: #CCCCCC;        --dnn-color-background-contrast: #000000;        --dnn-color-background-r: 255;        --dnn-color-background-g: 255;        --dnn-color-background-b: 255;                    --dnn-color-foreground: #472A2B;        --dnn-color-foreground-light: #673D3E;        --dnn-color-foreground-dark: #231717;        --dnn-color-foreground-contrast: #FFFFFF;        --dnn-color-foreground-r: 71;        --dnn-color-foreground-g: 42;        --dnn-color-foreground-b: 43;            --dnn-color-info: #17A2B8;        --dnn-color-info-light: #23B8CF;        --dnn-color-info-dark: #00889E;        --dnn-color-info-contrast: #FFFFFF;        --dnn-color-info-r: 23;        --dnn-color-info-g: 162;        --dnn-color-info-b: 184;            --dnn-color-success: #28A745;        --dnn-color-success-light: #49C25D;        --dnn-color-success-dark: #00902F;        --dnn-color-success-contrast: #FFFFFF;        --dnn-color-success-r: 40;        --dnn-color-success-g: 167;        --dnn-color-success-b: 69;            --dnn-color-warning: #FFC107;        --dnn-color-warning-light: #FFD42E;        --dnn-color-warning-dark: #E9AD00;        --dnn-color-warning-contrast: #FFFFFF;        --dnn-color-warning-r: 255;        --dnn-color-warning-g: 193;        --dnn-color-warning-b: 7;            --dnn-color-danger: #DC3545;        --dnn-color-danger-light: #F14954;        --dnn-color-danger-dark: #C51535;        --dnn-color-danger-contrast: #FFFFFF;        --dnn-color-danger-r: 220;        --dnn-color-danger-g: 53;        --dnn-color-danger-b: 69;            --dnn-color-surface: #DDDDDD;        --dnn-color-surface-light: #EEEEEE;        --dnn-color-surface-dark: #CCCCCC;        --dnn-color-surface-contrast: #000000;        --dnn-color-surface-r: 221;        --dnn-color-surface-g: 221;        --dnn-color-surface-b: 221;            --dnn-controls-radius: 0px;        --dnn-controls-padding: 9px;        --dnn-base-font-size: 16px;        --dnn-variation-opacity: 0.8;    }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{font-family:Arial,Helvetica,sans-serif;color:var(--dnn-color-foreground,#222);font-size:var(--dnn-base-font-size,16px)}body{font-family:inherit;font-size:1rem;line-height:1.5;margin:0;background-color:var(--dnn-color-background,#fff)}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;font-weight:inherit;line-height:1.4;margin-top:1rem;margin-bottom:.75rem}h1{font-size:2.375rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.375rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1.125rem}a,a:visited{color:var(--dnn-color-primary,#028bff);text-decoration:underline}a:active,a:focus,a:hover{color:var(--dnn-color-foreground-light,#222)}p a,p a:visited{line-height:inherit}ol,ul{padding-inline-start:1.5rem;list-style-position:outside}img{border:0;vertical-align:middle}img.dnn-scale-img{max-width:100%;height:auto}
/* --- Skin Porto Badisco --- */
:where([hidden]){display:none!important}
:root{--ink:#1d2e32;--deep:#163b40;--sea:#367b7d;--foam:#edf2ed;--paper:#f8f8f3;--sand:#e7dbc9;--orange:#d9875e;--muted:#758487;--line:#d7ded9;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:20}.skip-link:focus{left:12px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:10;background:rgba(248,248,243,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(29,46,50,.08)}.brand{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:500;margin-top:5px}.brand-mark{font-family:var(--serif);font-size:32px;letter-spacing:-.1em;color:var(--deep);font-weight:500}.brand-mark span{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--orange)}.nav-pill{border:1px solid var(--line);border-radius:30px;padding:10px 16px}.nav-pill span{margin-left:8px}.menu-toggle{display:none}.hero{height:min(680px,calc(100vh - 82px));min-height:560px;position:relative;overflow:hidden;color:white;background:#426d6e}.hero-image{position:absolute;inset:0;background-image:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Vue_de_la_rade_de_Porto_Badisco.jpg?width=1920');background-size:cover;background-position:center 52%;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,38,43,.68) 0%,rgba(13,38,43,.24) 56%,rgba(13,38,43,.06) 100%),linear-gradient(0deg,rgba(13,38,43,.25),transparent 30%)}.hero-content{position:relative;padding-top:138px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--sea);margin:0 0 22px}.eyebrow.light{color:#e1eae5}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:9px;vertical-align:1px}.hero h1{font:500 clamp(56px,7vw,94px)/.99 var(--serif);letter-spacing:-.045em;margin:0 0 24px}.hero-copy{font-size:16px;max-width:390px;color:rgba(255,255,255,.84);margin:0 0 32px}.button{display:inline-flex;gap:35px;align-items:center;padding:15px 20px;font-size:11px;letter-spacing:.02em;font-weight:700;border-radius:2px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink)}.button-dark{background:var(--deep);color:white}.button span{font-size:16px}.hero-note{position:absolute;right:44px;bottom:33px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.18em}.note-line{height:1px;width:42px;background:#fff8}.hero-index{position:absolute;bottom:30px;left:max(32px,calc((100vw - 1140px)/2));font-size:10px;letter-spacing:.18em}.hero-index span{color:#ffffff80;margin:0 6px}.section{padding-block:112px}.section-label{display:flex;align-items:center;gap:20px;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--muted);margin-bottom:42px}.label-line{width:54px;height:1px;background:var(--line)}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:60px;margin-bottom:55px}.intro h2,.events-heading h2,.board h2{font:500 clamp(42px,5vw,62px)/1.08 var(--serif);letter-spacing:-.04em;margin:0}.intro h2 em,.events-heading h2 em{color:var(--sea);font-weight:500}.intro-text{max-width:390px;padding-bottom:5px}.intro-text p,.body-copy{font-size:14px;color:#5c6b6d;line-height:1.9;margin:0 0 18px}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:5px}.text-link span{margin-left:14px}.feature-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:14px;min-height:330px}.feature{position:relative;min-height:330px;overflow:hidden}.feature-photo{background:#386d6c}.feature-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.feature-photo:hover img{transform:scale(1.04)}.photo-credit{position:absolute;top:14px;left:16px;color:white;background:#1a31378c;padding:5px 8px;font-size:8px;letter-spacing:.04em}.photo-caption{position:absolute;bottom:20px;left:20px;right:20px;color:white;font:20px var(--serif);display:flex;justify-content:space-between}.feature-card{padding:27px 26px;background:var(--foam)}.feature-card.sand{background:#eee6db}.feature-num{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8b9998}.feature-icon{font:36px var(--serif);margin-top:40px;color:var(--sea)}.feature-card h3{font:27px var(--serif);margin:5px 0 10px}.feature-card p{font-size:12px;color:#687779;max-width:230px;margin:0}.feature-card>a{position:absolute;right:24px;bottom:22px;color:var(--sea);font-size:19px}.quote-band{background:var(--deep);color:white;overflow:hidden}.quote-inner{height:278px;display:flex;align-items:center;position:relative}.quote-mark{align-self:flex-start;font:120px/.9 var(--serif);color:#90b3a6;margin:25px 26px 0 4px}.quote-inner p{font:500 clamp(32px,4vw,50px)/1.12 var(--serif);letter-spacing:-.025em;margin:0}.quote-source{position:absolute;bottom:34px;left:125px;font-size:8px;letter-spacing:.2em;color:#c1d0c7}.quote-doodle{position:absolute;right:7%;top:-34px;font:260px var(--serif);color:#ffffff0d;transform:rotate(-30deg)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-grid h2{font:500 clamp(52px,7vw,82px)/.98 var(--serif);letter-spacing:-.05em;margin:0 0 24px}.story-grid .body-copy{max-width:430px;margin-bottom:28px}.story-art{height:390px;background:#dbe5dc;position:relative;overflow:hidden;display:grid;place-items:center}.art-circle{width:290px;height:290px;border-radius:50%;border:1px solid #91aaa0;position:relative}.art-circle:before,.art-circle:after{content:'';position:absolute;border:1px solid #9ab1a7;border-radius:50%;inset:24px}.art-circle:after{inset:55px}.cave-mark{position:absolute;font:140px var(--serif);color:#b57555;transform:rotate(-17deg)}.art-caption{position:absolute;bottom:28px;left:27px;font-size:8px;font-weight:700;letter-spacing:.15em;line-height:1.5;color:#546d67}.art-number{position:absolute;top:27px;right:28px;font:26px/.9 var(--serif);text-align:right;color:#456b64}.art-number small{font:10px var(--sans);letter-spacing:.1em}.history-details{margin:90px 0 0;padding:35px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.history-heading>span{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:700}.history-heading h3{font:34px/1.1 var(--serif);margin:18px 0}.history-details>div:last-child p{font-size:13px;color:#667476;line-height:1.9;margin:0 0 16px}.events{background:#f0f2ed}.events-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.events-heading h2{margin-top:12px}.events-heading>p{max-width:290px;font-size:13px;color:#687779;margin:0 0 6px}.event-list{border-top:1px solid #d5ddd7}.event-row{display:grid;grid-template-columns:180px 1fr 35px;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid #d5ddd7}.event-date{font-size:9px;letter-spacing:.15em;font-weight:700;color:var(--sea)}.event-date b{display:block;font:38px/.95 var(--serif);color:var(--ink);margin-top:6px}.event-type{font-size:8px;letter-spacing:.15em;color:#929c99;font-weight:700}.event-row h3{font:25px var(--serif);margin:4px 0}.event-row p{font-size:11px;color:#73807f;margin:0}.event-arrow{font-size:18px;color:var(--sea)}.notice{font-size:10px;color:#8a9491;font-style:italic;margin-top:20px}.board-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.board h2{margin-bottom:22px}.board .body-copy{max-width:410px;margin-bottom:28px}.board-panel{background:#fff;padding:25px 28px;box-shadow:0 12px 35px #142e3010}.board-top{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.15em;color:#81908d;padding-bottom:16px;border-bottom:1px solid var(--line)}.board-top span:last-child{color:var(--orange)}.board-person{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;padding:15px 0;border-bottom:1px solid #e9eeea}.board-person>span{font-size:9px;color:#a4aeaa}.board-person b{font:18px var(--serif);display:block;font-weight:500}.board-person small{font-size:10px;color:#8a9694}.board-person i{font-style:normal;color:var(--sea)}.board-foot{font-size:9px;color:#9aa4a1;padding-top:16px}.sea-section{padding:90px 0 100px;background:var(--deep);color:white;position:relative;overflow:hidden}.sea-section:after{content:'≈';font:500px/.8 var(--serif);position:absolute;right:-35px;bottom:-190px;color:#ffffff08;pointer-events:none}.light-label{color:#d3ded9}.light-label .label-line{background:#ffffff40}.sea-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;position:relative;z-index:1}.sea-grid h2{font:500 clamp(48px,6vw,72px)/1 var(--serif);letter-spacing:-.04em;margin:0 0 22px}.sea-grid>div:first-child>p:last-child{font-size:13px;color:#d0dcd6;max-width:400px;line-height:1.9}.weather-card{background:#f9faf5;color:var(--ink);padding:25px 28px}.weather-head{font-size:8px;font-weight:700;letter-spacing:.16em;color:#7b8987;display:flex;justify-content:space-between}.live-dot{height:7px;width:7px;background:#72a386;border-radius:50%;box-shadow:0 0 0 4px #72a38622}.temp-line{display:flex;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.temp-line>span{font:62px/.9 var(--serif);letter-spacing:-.06em}.temp-line b,.temp-line small{display:block}.temp-line b{font-size:12px}.temp-line small{font-size:9px;color:#84908d;margin-top:4px}.weather-stats{display:grid;grid-template-columns:1fr 1fr;padding:17px 0;border-bottom:1px solid var(--line);gap:10px}.weather-stats span,.weather-stats b{display:block}.weather-stats span{font-size:8px;color:#82908d;letter-spacing:.12em;margin-bottom:5px}.weather-stats b{font-size:10px}.weather-links{display:flex;justify-content:space-between;padding-top:17px}.weather-links a{font-size:10px;font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:4px}.weather-links a span{margin-left:7px}.weather-source{font-size:8px;color:#9ba5a0;margin:17px 0 0}.site-footer{background:#142f33;color:#d6e0db;padding-top:42px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:35px;border-bottom:1px solid #ffffff20}.brand-footer{color:#fff}.brand-footer .brand-mark{color:#dce7df}.brand-footer small{color:#a3b4ac}.footer-top p{font:18px/1.35 var(--serif);color:#d6e0db}.back-top{justify-self:end;font-size:8px;letter-spacing:.17em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:19px;font-size:8px;color:#a2b1aa}.footer-bottom a:hover{color:white}
@media(max-width:800px){.wrap{width:min(100% - 40px,620px)}.site-header{height:70px;padding:0 20px}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;font:600 12px var(--sans);color:var(--ink)}.menu-toggle span{font-size:17px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:16px 22px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 20px #163b4018}.main-nav.open{display:flex}.main-nav a{padding:13px 4px;border-bottom:1px solid var(--line)}.main-nav .nav-pill{border:0;border-radius:0}.hero{min-height:610px;height:calc(92vh - 70px);max-height:760px}.hero-image{background-position:58% center}.hero-content{padding-top:140px}.hero h1{font-size:clamp(57px,13vw,78px)}.hero-note{right:20px;bottom:26px}.hero-index{left:20px;bottom:25px}.section{padding-block:78px}.section-label{margin-bottom:32px}.intro-grid,.story-grid,.history-details,.board-grid,.sea-grid{grid-template-columns:1fr;gap:32px}.intro-grid{margin-bottom:35px}.intro h2,.events-heading h2,.board h2{font-size:48px}.feature-grid{grid-template-columns:1fr 1fr;min-height:0}.feature-photo{grid-column:1/-1;min-height:270px}.feature-card{min-height:260px;padding:23px}.feature-icon{margin-top:27px}.quote-inner{height:245px}.quote-mark{font-size:90px;margin:28px 15px 0 0}.quote-inner p{font-size:38px}.quote-source{left:98px;bottom:28px}.story-grid{gap:38px}.story-art{height:330px}.history-details{margin-top:60px;padding-top:26px}.events-heading{display:block}.events-heading>p{margin-top:20px}.event-row{grid-template-columns:80px 1fr 18px;gap:13px;padding:20px 0}.event-date b{font-size:31px}.event-row h3{font-size:21px}.event-type{font-size:7px}.event-row p{font-size:10px}.board-grid{gap:36px}.sea-grid{gap:34px}.sea-section{padding:72px 0}.footer-top{grid-template-columns:1fr 1fr;gap:18px}.footer-top p{grid-row:2;grid-column:1}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.hero-content{padding-top:118px}.hero-copy{font-size:14px;max-width:310px}.feature-grid{grid-template-columns:1fr}.feature-photo{grid-column:auto}.feature-card{min-height:230px}.event-row{grid-template-columns:65px 1fr 15px;gap:9px}.event-date{font-size:8px}.event-type{letter-spacing:.1em}.weather-card{padding:22px 18px}.weather-links{gap:13px}.weather-links a{font-size:9px}.footer-top{grid-template-columns:1fr auto}.footer-top p{font-size:16px}}
.photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.photo-strip figure{margin:0;background:#e5e9e4;position:relative;height:210px;overflow:hidden}.photo-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-strip figure:hover img{transform:scale(1.035)}.photo-strip figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:23px 16px 12px;color:#fff;background:linear-gradient(transparent,#0e292bc9);font-size:11px}.photo-strip figcaption a{font-size:8px;color:#eef3ed}
@media(max-width:800px){.photo-strip figure{height:170px}}
@media(max-width:500px){.photo-strip{grid-template-columns:1fr}.photo-strip figure{height:205px}.photo-strip figcaption{align-items:flex-end;gap:8px;flex-wrap:wrap}}
.weather-links{flex-wrap:wrap;gap:10px 14px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* ---- Aggiunte per DotNetNuke ---- */
body{overflow-x:hidden}
.page-head{background:var(--deep);color:#fff;padding:96px 0 64px;position:relative;overflow:hidden}
.page-head:after{content:'≈';font:360px/.8 var(--serif);position:absolute;right:-20px;bottom:-140px;color:#ffffff08;pointer-events:none}
.page-head h1{font:500 clamp(44px,6vw,76px)/1.02 var(--serif);letter-spacing:-.04em;margin:0;position:relative}
.page-head .eyebrow{color:#cfe0d8;position:relative}
.todo{background:#fff3b8;padding:0 5px;border-radius:2px}
.main-nav a.selected{color:var(--orange)}
.facts{list-style:none;margin:0 0 70px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts li{padding:26px 20px 26px 0;font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--muted);text-transform:uppercase}
.facts strong{display:block;font:500 34px/1.05 var(--serif);letter-spacing:-.03em;color:var(--ink);text-transform:none;margin-bottom:6px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 0}
.cards3 .feature-card{min-height:200px;padding-bottom:34px}
.cards3 .feature-card p{max-width:none}
.prose{max-width:720px}
.prose p{font-size:14px;color:#5c6b6d;line-height:1.9;margin:0 0 16px}
.prose h2{font:500 clamp(34px,4vw,48px)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 20px}
.section.alt{background:#f0f2ed}
.weather-wide{background:#f9faf5;color:var(--ink);padding:25px 28px;margin-top:40px;position:relative;z-index:1}
.weather-wide h3{font:500 26px var(--serif);margin:0 0 18px}
.weather-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-bottom:34px}
.wday{border:1px solid var(--line);padding:12px 8px;text-align:center;font-size:12px;background:#fff}
.wday .ic{font-size:26px;margin:6px 0}
.wday small{color:var(--muted);display:block;font-size:10px}
.tide svg{width:100%;height:auto;display:block;border:1px solid var(--line);background:#fff}
.tide-note{font-size:11px;color:var(--muted);margin:12px 0 0}
.sea-line{font-size:12px;font-weight:700;color:var(--sea);margin:0 0 14px}
.weather-stats.three{grid-template-columns:repeat(3,1fr)}
.dnnFormMessage{margin:10px 0}
@media(max-width:800px){.facts,.cards3{grid-template-columns:1fr 1fr}.page-head{padding:70px 0 44px}.weather-stats.three{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.facts,.cards3{grid-template-columns:1fr}.weather-wide{padding:20px 16px}}

/* Selettore lingua */
.lang-switch{display:inline-flex;gap:4px;margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.08em}
.lang-switch a{padding:6px 9px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}
.lang-switch a.current{background:var(--deep);border-color:var(--deep);color:#fff}
.lang-switch a:hover{color:var(--orange)}
.lang-switch a.current:hover{color:#fff}
@media(max-width:800px){.lang-switch{margin:14px 0 0}}