/* TuttoBelluno v130 — guida notifiche con freccia + pagina Dati aperti e licenze */
.nt-guide[hidden]{display:none!important}
.nt-guide{position:fixed;inset:0;z-index:290;pointer-events:none}
.nt-guide-arrow{position:fixed;inset:0;width:100vw;height:100vh;overflow:visible;fill:none;stroke:#0b66d6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #fff)}
.nt-guide-line{stroke-dasharray:220;stroke-dashoffset:220;animation:ntDraw .7s .15s ease-out forwards}
.nt-guide-tip{opacity:0;animation:ntTip .3s .8s ease-out forwards}
@keyframes ntDraw{to{stroke-dashoffset:0}}@keyframes ntTip{to{opacity:1}}
.nt-guide-card{position:fixed;pointer-events:auto;display:grid;grid-template-columns:40px minmax(0,1fr) 28px;gap:10px;align-items:start;padding:14px 12px 14px 14px;border-radius:20px;background:#fff;border:1px solid #d7e5f7;box-shadow:0 18px 40px rgba(15,35,70,.22);animation:ntIn .35s ease-out both;box-sizing:border-box}
@keyframes ntIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nt-guide-bell{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#e8f1ff;color:#0b66d6}
.nt-guide-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nt-guide-copy strong{display:block;font-size:15px;font-weight:850;color:#14243e;margin-bottom:3px}
.nt-guide-copy p{margin:0 0 10px;font-size:13px;line-height:1.45;color:#4a5a72}
.nt-guide-go{border:0;border-radius:12px;padding:10px 14px;background:#0b66d6;color:#fff;font:800 14px/1 inherit;cursor:pointer;box-shadow:0 6px 14px rgba(11,102,214,.25)}
.nt-guide-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:#f1f4f8;color:#4a5a72;cursor:pointer;padding:4px}
.nt-guide-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#notificationOpen.nt-guide-target{box-shadow:0 0 0 4px rgba(11,102,214,.25),0 0 0 9px rgba(11,102,214,.12)!important;animation:ntPulse 1.6s ease-in-out infinite}
@keyframes ntPulse{50%{box-shadow:0 0 0 6px rgba(11,102,214,.3),0 0 0 14px rgba(11,102,214,.08)}}
@media (prefers-reduced-motion:reduce){.nt-guide-line,.nt-guide-tip,.nt-guide-card,#notificationOpen.nt-guide-target{animation:none!important;stroke-dashoffset:0;opacity:1}}

body #main .dati-intro{padding:16px 18px;border-radius:18px;background:#eef6ff;border:1px solid #d3e5fb;margin:0 0 18px}
body #main .dati-intro p{margin:0;font-size:15px;line-height:1.55;color:#22324a}
body #main .dati-group{margin:0 0 22px}
body #main .dati-group h2{font-size:20px;font-weight:820;letter-spacing:-.2px;margin:0 0 4px;color:#14243e}
body #main .dati-desc{margin:0 0 10px;font-size:13.5px;line-height:1.45;color:#55627a}
body #main .dati-list{display:grid;gap:8px}
body #main .dati-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e3e9f1;box-shadow:0 4px 12px rgba(15,35,70,.04)}
body #main .dati-row b{display:block;font-size:15px;font-weight:760;color:#14243e}
body #main .dati-row span{display:block;font-size:12.5px;color:#6b7a90;margin-top:2px}
body #main .dati-lic{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body #main .dati-badge{font-style:normal;font-size:12px;font-weight:750;padding:5px 10px;border-radius:999px;background:#e7f6ee;color:#0f7a45}
body #main .dati-badge.info{background:#eef1f7;color:#44526a}
body #main .dati-lic a{font-size:12.5px;font-weight:750;color:#0b66d6;text-decoration:none;white-space:nowrap}
body #main .dati-contact{padding:18px;border-radius:20px;background:#fff;border:1px solid #e3e9f1;margin:6px 0 12px}
body #main .dati-contact h2{margin:0 0 6px;font-size:18px}
body #main .dati-contact p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#3d4b61}
@media (min-width:1024px){body #main .dati-list{grid-template-columns:1fr 1fr}}

/* v131 — Eventi: schede semplici, niente badge, niente schede dentro schede */
#main .ev-month{margin:22px 0 6px}
#main .ev-month h2{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-size:20px;text-transform:capitalize;color:var(--ink,#16202c)}
#main .ev-month h2 small{font-size:13px;font-weight:600;color:#6b7785;text-transform:none}
#main .ev-top h2{text-transform:none}
#main .ev-grid{display:grid;grid-template-columns:1fr;gap:10px}
#main .ev-card{--ev:#2f6fd6;--ev-bg:#eef4ff;position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px;background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 1px 2px rgba(20,30,50,.04);transition:border-color .15s,box-shadow .15s}
#main .ev-card:hover{border-color:#c9d4e2;box-shadow:0 4px 14px rgba(20,30,50,.08)}
#main .ev-k-sagra{--ev:#c2413b;--ev-bg:#fdeeed}
#main .ev-k-mercatino{--ev:#b76e00;--ev-bg:#fdf3e2}
#main .ev-k-cultura{--ev:#7a4fc9;--ev-bg:#f3eefc}
#main .ev-k-famiglia{--ev:#1f8a57;--ev-bg:#e9f6ef}
#main .ev-k-sport{--ev:#2f6fd6;--ev-bg:#eaf2ff}
#main .ev-k-evento{--ev:#44607a;--ev-bg:#eef2f6}
#main .ev-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;border-radius:12px;background:var(--ev-bg);color:var(--ev);line-height:1.1;text-transform:uppercase}
#main .ev-date b{font-size:26px;font-weight:800;color:#16202c}
#main .ev-date small{font-size:11px;font-weight:700;letter-spacing:.06em}
#main .ev-body{min-width:0}
#main .ev-kind{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ev);letter-spacing:.02em}
#main .ev-kind svg{width:14px;height:14px}
#main .ev-card h3{margin:3px 0 4px;font-size:17px;line-height:1.3}
#main .ev-card h3 button{all:unset;cursor:pointer;color:#16202c;font:inherit;font-weight:750}
#main .ev-card h3 button::after{content:"";position:absolute;inset:0;border-radius:16px}
#main .ev-card h3 button:focus-visible{outline:2px solid var(--ev);outline-offset:2px}
#main .ev-place,#main .ev-when{margin:0;font-size:13.5px;line-height:1.4;color:#4f5c6b}
#main .ev-place{display:flex;gap:5px;align-items:flex-start}
#main .ev-place svg{flex:none;width:14px;height:14px;margin-top:2px;opacity:.7}
#main .ev-when{margin-top:2px;color:#6b7785}
#main .ev-when::first-letter{text-transform:uppercase}
#main .ev-actions{position:relative;z-index:2;display:flex;gap:6px}
#main .ev-actions .save-button,#main .ev-actions .tb-share-mini{position:static!important;width:36px!important;height:36px!important;margin:0!important}
#main .ev-actions .tb-card-actions{display:flex!important;flex-direction:row!important;gap:6px}
@media (min-width:760px){#main .ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){#main .ev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:380px){#main .ev-card{grid-template-columns:54px minmax(0,1fr);}#main .ev-actions{grid-column:2;justify-self:start}}
/* v131b — schede eventi con bordo e ombra colorati come le altre schede */
#main .ev-card{background:linear-gradient(180deg,color-mix(in srgb,var(--ev) 7%,#fff),#fff 70%);border:1.5px solid color-mix(in srgb,var(--ev) 30%,#fff);box-shadow:0 10px 22px -14px color-mix(in srgb,var(--ev) 65%,#14243e);transition:transform .2s,box-shadow .2s}
#main .ev-card:hover{border-color:color-mix(in srgb,var(--ev) 50%,#fff);box-shadow:0 16px 30px -16px color-mix(in srgb,var(--ev) 75%,#14243e);transform:translateY(-2px)}
#main .ev-date{background:#fff;border:1px solid color-mix(in srgb,var(--ev) 22%,#fff);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--ev) 6%,#fff)}

/* v131c — Stile unico delle schede (come "Smarrito / trovato"): sfumatura del colore, bordo tenue, barra colorata a sinistra */
#main .ev-card,#main .dati-row,#main .live-row,#main .live-zones>div,#main .tr-row,#main .tr-conn,#main .st-pass,#main .dae-item,#main .webcam-link,#main .bus-legend-row{
 --tb-tone:var(--ev,#2f6fd6);
 background:linear-gradient(110deg,color-mix(in srgb,var(--tb-tone) 9%,#fff),#fff 88%)!important;
 border:1px solid color-mix(in srgb,var(--tb-tone) 22%,#fff)!important;
 border-left:5px solid var(--tb-tone)!important;
 border-radius:18px!important;
 box-shadow:0 8px 20px -16px color-mix(in srgb,var(--tb-tone) 60%,#14243e)!important;
}
#main .ev-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px color-mix(in srgb,var(--tb-tone) 70%,#14243e)!important}
#main .ev-date{background:#fff!important;border:1px solid color-mix(in srgb,var(--ev) 22%,#fff);box-shadow:none}
/* colori per pagina */
#main .dati-g0 .dati-row{--tb-tone:#1f8a57}
#main .dati-g1 .dati-row{--tb-tone:#2f6fd6}
#main .dati-g2 .dati-row{--tb-tone:#b76e00}
#main .live-row,#main .live-zones>div{--tb-tone:#0f7c8a}
#main .tr-row,#main .tr-conn{--tb-tone:#c8102e}
#main .st-pass{--tb-tone:#4a6fa5}
#main .dae-item{--tb-tone:#1f8a57}
#main .webcam-link{--tb-tone:#2f6fd6}
#main .bus-legend-row{--tb-tone:var(--c,#2f6fd6)}
/* v131d — passi colorati secondo lo stato, numeri degli ospedali */
#main .st-pass.ok,#main .st-pass.soft{--tb-tone:#1f8a57}
#main .st-pass.warn{--tb-tone:#d98a00}
#main .st-pass.bad{--tb-tone:#c81e1e}
#main .st-pass.nd{--tb-tone:#7a8796}
#main .phone-row{--tb-tone:#1f8a57;background:linear-gradient(110deg,color-mix(in srgb,var(--tb-tone) 9%,#fff),#fff 88%)!important;border:1px solid color-mix(in srgb,var(--tb-tone) 22%,#fff)!important;border-left:5px solid var(--tb-tone)!important;border-radius:18px!important;box-shadow:0 8px 20px -16px color-mix(in srgb,var(--tb-tone) 60%,#14243e)!important}

/* v133 — pagina Chi siamo (#info) */
#main .ab{display:grid;gap:18px;max-width:1100px}
#main .ab-intro p{margin:0;font-size:17px;line-height:1.6;color:#2c3a4d}
#main .ab-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
#main .ab-card,#main .ab-src-row{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:linear-gradient(110deg,color-mix(in srgb,var(--tb-tone,#2f6fd6) 9%,#fff),#fff 88%);border:1px solid color-mix(in srgb,var(--tb-tone,#2f6fd6) 22%,#fff);border-left:5px solid var(--tb-tone,#2f6fd6);border-radius:18px;box-shadow:0 8px 20px -16px color-mix(in srgb,var(--tb-tone,#2f6fd6) 60%,#14243e)}
#main .ab-card h3{margin:0 0 3px;font-size:16px}#main .ab-card p{margin:0;font-size:14px;line-height:1.45;color:#4f5c6b}
#main .ab-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--tb-tone,#2f6fd6);border:1px solid color-mix(in srgb,var(--tb-tone,#2f6fd6) 22%,#fff)}
#main .ab-ic svg{width:20px;height:20px}
#main .ab-contact{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:20px;border-radius:22px;background:linear-gradient(120deg,#0f2a4d,#1f5fbf);color:#fff}
#main .ab-contact h2{margin:2px 0 6px;color:#fff;font-size:22px}#main .ab-contact p{margin:0;color:#d6e3f7;max-width:560px}#main .ab-contact .eyebrow{color:#9fc2f5}
#main .ab-contact-actions{display:flex;flex-wrap:wrap;gap:10px}#main .ab-contact .button.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
#main .ab-h{margin:8px 0 0;font-size:21px}#main .ab-sub{margin:-8px 0 0;color:#5a6778;font-size:14.5px}
#main .ab-src{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
#main .ab-src-row{--tb-tone:#1f8a57;padding:12px 14px}#main .ab-src-row b{display:block;font-size:15px}#main .ab-src-row small{display:block;font-size:13px;line-height:1.4;color:#5a6778}
#main .ab-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
#main .ab-box{padding:18px;border:1px solid #e3e8ef;border-radius:20px;background:#fff}#main .ab-box h2{margin:0 0 8px;font-size:18px}#main .ab-box p{margin:0 0 10px;color:#3f4c5e;line-height:1.55}
#main .ab-box .inline-actions{margin:6px 0 10px}
/* v133 — pagina account senza registrazione */
.account-local-list{list-style:none;margin:12px 0 16px;padding:0;display:grid;gap:8px}
.account-local-list li{padding:10px 12px;border-radius:14px;background:linear-gradient(110deg,#f4efff,#fff 88%);border:1px solid #e6dcfb;border-left:5px solid #7a4fc9;font-size:15px;line-height:1.4;color:#3f4c5e}
.account-local-list b{color:#14243e}
.account-local-actions{display:flex;flex-wrap:wrap;gap:10px}
.account-local-note{margin:14px 0 0!important;font-size:13.5px;color:#5a6778}
/* v133b — telefono: meno spazio vuoto ai lati dentro le schede */
@media (max-width:600px){
 html body #main .weather-panel{padding:14px 12px!important}
 html body #main .weather-stats>span{padding:0 6px!important}
 html body #main .weather-stats>span:first-child{padding-left:0!important}
 html body #main .weather-stats>span:last-child{padding-right:0!important}
 html body #main .ev-card,html body #main .dati-row,html body #main .live-row,html body #main .live-zones>div,html body #main .tr-row,html body #main .tr-conn,html body #main .st-pass,html body #main .dae-item,html body #main .phone-row,html body #main .ab-card,html body #main .ab-src-row{padding-left:11px!important;padding-right:11px!important}
 html body #main .ev-card{gap:10px}
 html body #main .bg-card,html body #main .account-card,html body #main .community-publish-bar{padding-left:14px!important;padding-right:14px!important}
}
/* v133c — telefono: meno spazio all'inizio delle schede servizi e delle mini-schede */
@media (max-width:600px){
 html body #main .service-card{padding-left:10px!important;padding-right:10px!important;gap:12px!important}
 html body #main .home-mini-card,html body #main .utility-link,html body #main .install-card{padding-left:10px!important;padding-right:10px!important}
 html body #main .fuel-row,html body #main .fuel-card,html body #main .pharmacy-row,html body #main .place-row,html body #main .news-row,html body #main .charging-row,html body #main .lunch-card,html body #main .waste-service{padding-left:10px!important;padding-right:10px!important}
}
/* v134 — SEO: intestazione servita dal server (visibile finché l'app non carica) e mappa delle sezioni nel footer */
.ssr-intro{padding:22px 16px 10px;max-width:1100px;margin:0 auto}
.ssr-intro h1{margin:0 0 6px;font-size:30px;line-height:1.15;color:#14243e;letter-spacing:-.02em}
.ssr-intro p{margin:0;color:#4f5c6b;font-size:16px;line-height:1.5}
.footer-sitemap{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 22px;margin:18px 0 6px;padding:16px 0 4px;border-top:1px solid #e3e8ef;text-align:left}
.footer-sitemap div{display:flex;flex-direction:column;gap:5px;min-width:0}
.footer-sitemap b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6b7785;margin-bottom:2px}
.footer-sitemap a{font-size:13px;color:#4f5c6b;text-decoration:none;line-height:1.35}
.footer-sitemap a:hover{color:#1f5fbf;text-decoration:underline}
@media (max-width:600px){.footer-sitemap{grid-template-columns:1fr 1fr;gap:12px 14px}.footer-sitemap a{font-size:12.5px}}

/* v136 — Barra di ricerca in evidenza, con la mascotte seduta sopra */
html body #main .home-welcome{grid-template-columns:1fr!important}
html body #main .tb-search-hero{position:relative;margin:78px 0 10px}
html body #main .tb-search-mascot{position:absolute;right:6px;bottom:22px;width:118px;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(15,40,90,.18));animation:tbMascotIn .6s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes tbMascotIn{from{transform:translateY(-14px) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}
html body #main .tb-search-big{position:relative;z-index:2;display:flex!important;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 128px 10px 10px!important;border-radius:20px!important;border:2px solid transparent!important;
 background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#1f6feb,#12b886 55%,#f5b300) border-box!important;
 box-shadow:0 14px 30px -14px rgba(31,111,235,.55),0 0 0 5px rgba(31,111,235,.08)!important;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s}
html body #main .tb-search-big:hover,html body #main .tb-search-big:focus-visible{transform:translateY(-1px);box-shadow:0 18px 36px -14px rgba(31,111,235,.65),0 0 0 6px rgba(31,111,235,.14)!important}
html body #main .tb-search-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#1f6feb,#0f4fc0);color:#fff;box-shadow:0 6px 14px -6px rgba(31,111,235,.8)}
html body #main .tb-search-ic svg{width:22px;height:22px;color:#fff!important;stroke:#fff!important}
html body #main .tb-search-txt{display:flex;flex-direction:column;min-width:0}
html body #main .tb-search-txt b{font-size:17px;line-height:1.2;color:#14243e;font-weight:800}
html body #main .tb-search-txt small{font-size:12.5px;line-height:1.3;color:#5a6778;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:700px){html body #main .tb-search-hero{margin-top:96px}html body #main .tb-search-mascot{width:140px;right:14px;bottom:24px}html body #main .tb-search-big{min-height:74px;padding-right:160px!important}html body #main .tb-search-txt b{font-size:19px}}
@media (prefers-reduced-motion:reduce){html body #main .tb-search-mascot{animation:none}}
/* v136b — barra più in alto: la mascotte si appoggia a destra accanto al titolo, niente spazio vuoto */
html body #main .tb-search-hero{margin-top:16px!important}
html body #main .home-welcome-copy p{max-width:calc(100% - 128px)}
html body #main .home-welcome-copy{position:relative;z-index:1}
@media (min-width:700px){html body #main .tb-search-hero{margin-top:22px!important}html body #main .home-welcome-copy p{max-width:none}}
