/* OroseiMeteo · look coerente con la pagina Previsioni. Tutte le regole sono locali. */
:root{--ink:#273746;--navy:#233746;--blue:#357597;--line:#d8dee2;--pale:#f4f6f7;--shadow:none}
html,body{background:#fff!important;color:#293a46;font-family:Roboto,Arial,Helvetica,sans-serif}
body{min-width:320px}
.backdrop{display:none}
.site-top{max-width:1180px;padding:19px 24px;background:#fff;border-bottom:1px solid #e0e2e5;color:#314c60}
.site-top .brand{font-family:'Roboto Condensed','Arial Narrow',sans-serif;color:#39799d;letter-spacing:0;font-size:23px;font-weight:800}
.brand-symbol{color:#39799d;font-size:21px}
.brand-light{font-weight:600}
.site-tag{color:#53768b;font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px}
.shell{max-width:1180px;padding:0 24px 58px}
.hero{color:#273746;grid-template-columns:minmax(0,1fr) 360px;gap:34px;padding:46px 0 36px;align-items:start}
.eyebrow{color:#397da3;letter-spacing:1.3px;font-size:14px;font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-weight:800}
.hero h1{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(32px,5vw,55px);letter-spacing:-.6px;line-height:1.05;margin:15px 0 17px;color:#253644}
.hero p{color:#65707a;font-size:16px;line-height:1.6;max-width:620px}
.settings{border:1px solid #d5dce0;border-radius:6px;background:#fff;padding:22px 24px;box-shadow:none;color:#253644}
.settings h2{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:25px;font-weight:800;letter-spacing:0;margin:0 0 12px}
.settings label:not(.check){font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:15px;margin:14px 0 7px}
.settings select,.settings input[type=text]{width:100%;padding:13px 14px;border-radius:5px;border:1px solid #cfd6da;background:#fff;color:#283b48;font-family:Roboto,Arial,sans-serif;font-size:15px}
.settings input[type=text]:focus,.settings select:focus{outline:2px solid #397a9a;outline-offset:1px}
.optional{font-family:Roboto,Arial,sans-serif;color:#73808a;font-size:11px;font-weight:400}
.settings .field-hint{font-size:11px;line-height:1.5;margin:6px 0 10px;color:#697780}
.check{font-size:13px;margin:19px 0}
.check input{accent-color:#397a9a}
.primary{background:#346f94;border-radius:4px;font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:17px;letter-spacing:.1px;padding:14px 18px}
.primary:hover{background:#285b7c}
.settings .micro{font-size:11px}
.toolbar{margin-top:8px}
.toolbar-label{color:#9b6126;font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:12px}
.secondary{border-radius:4px;border-color:#cfd6db;font-family:'Roboto Condensed','Arial Narrow',sans-serif;color:#36566b;font-size:15px;background:#fff}
.sheet{border:1px solid #dadee1;border-radius:5px;box-shadow:none}
.sheet-head{padding:25px 27px 19px}
.sheet-brand{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:29px;color:#39799d;letter-spacing:0}
.sheet-brand span{font-weight:500}
.sheet-subtitle{font-size:11px}
.place-name{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:27px;color:#243746}
.place-sub{font-size:11px}
.hotel-banner{border-top:1px solid #e6ebee;background:#f6f8f9;margin:0 24px 17px;padding:15px 19px}
.hotel-banner[hidden]{display:none!important}
.hotel-caption{font-family:'Roboto Condensed','Arial Narrow',sans-serif;letter-spacing:.8px;font-size:11px;font-weight:700;color:#54738a}
.hotel-name{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:23px;font-weight:800;overflow-wrap:anywhere;line-height:1.2;color:#253746;margin-top:4px}
.sheet-band{background:#f0f3f5;border-top:1px solid #dfe5e8;border-bottom:1px solid #dfe5e8;color:#293b49;padding:12px 27px}
.sheet-band strong{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:21px}
.sheet-band span,.edition{color:#687c89}
.day-card{border-radius:4px;border-color:#dce3e7}
.day-heading{background:#f3f5f6;border-bottom:1px solid #dbe2e6}
.day-heading .date{font-family:'Roboto Condensed','Arial Narrow',sans-serif;color:#2d566e;font-size:19px}
.day-heading .summary{color:#536d7e}
.temp{color:#233b4c}
.metric.wave{background:#f3f8fa}
.sheet-footer strong{color:#39779b}
.sheet-footer .credit{font-size:11px;color:#325b74}
@media(max-width:740px){
 .site-top{padding:15px 18px}.site-tag{font-size:9px}
 .shell{padding:0 12px 40px}
 .hero{padding:29px 2px 25px}
 .hero h1{font-size:39px;letter-spacing:-.5px;line-height:1.07}
 .hero p{font-size:15px;line-height:1.55}
 .settings{padding:18px;border-radius:5px}
 .settings h2{font-size:24px}
 .sheet-head{padding:16px 13px}
 .sheet-brand{font-size:21px}
 .place-name{font-size:21px}
 .hotel-banner{margin:0 11px 10px;padding:12px 14px}
 .hotel-name{font-size:20px}
 .sheet-band{padding:10px 13px}
 .sheet-band strong{font-size:17px}
 .day-heading .date{font-size:16px}
 .secondary{font-size:14px}
}
@media print{
 @page{size:A4 portrait;margin:8mm}
 .site-top,.hero,.toolbar,.bottom-note,.backdrop{display:none!important}
 html,body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .shell{padding:0;margin:0;max-width:none}
 .sheet{border:0;border-radius:0}
 .sheet-head{padding:8px 15px}
 .sheet-band{padding:9px 15px}
 .hotel-banner{padding:8px 13px;margin:0 15px 6px}
 .hotel-caption{font-size:9px}
 .hotel-name{font-size:19px}
 .day-heading .date{font-size:16px}
 .sheet-footer .credit{font-size:10px}
}