*{box-sizing:border-box}
body{
  margin:0;
  background:#061120;
  color:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{text-decoration:none;color:inherit}
button{font-family:inherit}

.aurora-header{
  max-width:1380px;
  margin:0 auto;
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.aurora-logo{
  font-size:24px;
  font-weight:1000;
  line-height:.9;
}
.aurora-logo span{color:#33aaff}
.aurora-logo small{
  display:block;
  font-size:9px;
  letter-spacing:3px;
  color:#86d5ff;
  margin-top:5px;
}
.aurora-header nav{
  display:flex;
  gap:24px;
  font-weight:900;
  color:#dff3ff;
}
.aurora-header button{
  background:#152131;
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  border-radius:14px;
  padding:11px 15px;
  font-weight:900;
}

.aurora-page{
  max-width:1380px;
  margin:0 auto;
  padding:14px 22px 60px;
}

/* HERO COMPATTA, NON RETTANGOLONE */
.aurora-hero{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  min-height:310px;
  padding:36px;
  border-radius:32px;
  background:
    radial-gradient(circle at 74% 24%,rgba(0,150,255,.23),transparent 28%),
    linear-gradient(145deg,#14486f,#071827);
  border:1px solid rgba(100,190,255,.22);
}
.hero-meteo p{
  margin:0 0 8px;
  color:#9edcff;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:1000;
}
.hero-meteo h1{
  margin:0;
  font-size:78px;
  line-height:.9;
  letter-spacing:-4px;
}
.hero-meteo h2{
  margin:8px 0;
  font-size:34px;
}
.hero-meteo span{
  color:#cfe8fa;
  font-weight:800;
}
.hero-actions{
  display:flex;
  gap:10px;
  margin-top:24px;
}
.hero-actions button,
.hero-actions a{
  border:0;
  border-radius:14px;
  padding:14px 18px;
  font-weight:1000;
  background:#168fff;
  color:#fff;
}
.hero-actions a{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}
.hero-symbol{
  font-size:118px;
  padding-right:80px;
}
.hero-strip{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:14px;
}
.hero-strip a{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:14px;
  font-weight:950;
}

/* MOSAICO */
.aurora-mosaic{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
  margin-top:18px;
}

.tile{
  border:1px solid rgba(100,190,255,.20);
  background:
    radial-gradient(circle at 82% 18%,rgba(58,172,255,.11),transparent 30%),
    linear-gradient(145deg,#123d62,#071827);
  border-radius:26px;
  padding:24px;
  min-height:220px;
}
.tile small{
  display:block;
  color:#8bd8ff;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:1000;
  margin-bottom:8px;
}
.tile h2{
  margin:0;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.8px;
}
.tile p{
  color:#d5eaff;
  font-weight:750;
  line-height:1.35;
}
.tile a,
.tile b{
  color:#8bd8ff;
  font-weight:1000;
}

.tile-situation{grid-column:span 5;min-height:420px}
.tile-analysis{grid-column:span 7;min-height:420px}
.tile-radar{grid-column:span 4;min-height:250px}
.tile-webcams{grid-column:span 8;min-height:250px}
.tile-models{grid-column:span 5;min-height:230px}
.tile-news{grid-column:span 7;min-height:230px}

.italia-mini{
  height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:86px;
  margin:14px 0;
  border-radius:20px;
  background:rgba(255,255,255,.055);
}
.zone-list{
  display:grid;
  gap:8px;
}
.zone-list p{
  margin:0;
  padding:11px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
}
.zone-list b{
  color:#fff;
  margin-right:6px;
}

.meteo-icons{
  display:flex;
  gap:10px;
  margin:6px 0 18px;
}
.meteo-icons span{
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border-radius:18px;
  font-size:30px;
}
.tile-analysis h2{
  max-width:760px;
  font-size:36px;
}
.tile-analysis p{
  max-width:900px;
  font-size:18px;
}

.tile-radar{
  background:
    radial-gradient(circle at 82% 28%,rgba(55,255,165,.19),transparent 32%),
    linear-gradient(145deg,#174f7b,#071827);
}

.webcam-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:18px;
}
.webcam-mini-grid a{
  min-height:145px;
  border-radius:20px;
  padding:16px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.75)),
    linear-gradient(145deg,#3d91c7,#061827);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.webcam-mini-grid span{
  align-self:flex-start;
  background:#ff3333;
  padding:6px 9px;
  border-radius:99px;
  font-size:12px;
  font-weight:1000;
}
.webcam-mini-grid b{
  color:#fff;
  font-size:20px;
}

.model-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.model-links a{
  min-height:110px;
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.065);
}
.model-links b{
  display:block;
  color:#fff;
  font-size:22px;
}
.model-links span{
  color:#d5eaff;
  font-weight:750;
}

.tile-news{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  align-items:end;
}
.tile-news small,
.tile-news h2{
  grid-column:1/-1;
}
.tile-news article{
  min-height:105px;
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.065);
}
.tile-news article b{
  display:block;
  color:#fff;
  font-size:19px;
}
.tile-news article span{
  display:block;
  color:#8bd8ff;
  margin-top:10px;
  font-weight:900;
}

.aurora-footer{
  max-width:1380px;
  margin:0 auto;
  padding:38px 22px 55px;
  color:#bcd7ea;
}
.aurora-footer b{
  color:#fff;
  font-size:24px;
}
.aurora-footer b span{color:#33aaff}
.aurora-footer nav{
  display:flex;
  gap:18px;
  margin:18px 0;
}

@media(max-width:900px){
  .aurora-header nav{display:none}
  .aurora-page{padding:10px 14px 45px}
  .aurora-hero{
    grid-template-columns:1fr;
    padding:26px;
  }
  .hero-symbol{
    font-size:86px;
    padding:0;
  }
  .hero-strip{
    grid-template-columns:1fr 1fr;
  }
  .aurora-mosaic{
    grid-template-columns:1fr;
  }
  .tile,
  .tile-situation,
  .tile-analysis,
  .tile-radar,
  .tile-webcams,
  .tile-models,
  .tile-news{
    grid-column:auto;
    min-height:auto;
  }
  .webcam-mini-grid,
  .model-links,
  .tile-news{
    grid-template-columns:1fr;
  }
  .hero-meteo h1{font-size:60px}
}

/* AURORA POLISH 501 */

.aurora-page{
  padding-top:8px;
}

.aurora-header{
  padding-top:14px;
  padding-bottom:12px;
}

.aurora-hero{
  min-height:330px!important;
  padding:32px 36px!important;
  grid-template-columns:1fr .72fr!important;
  position:relative;
  overflow:hidden;
}

.aurora-hero:before{
  content:"";
  position:absolute;
  inset:auto -120px -160px auto;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(58,172,255,.10);
  filter:blur(10px);
}

.hero-meteo{
  position:relative;
  z-index:2;
}

.hero-meteo h1{
  font-size:68px!important;
}

.hero-meteo h2{
  font-size:30px!important;
}

.hero-visual{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
}

.hero-symbol{
  padding:0!important;
  font-size:112px!important;
}

.hero-note{
  max-width:210px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
}

.hero-note b{
  display:block;
  font-size:18px;
}

.hero-note span{
  display:block;
  margin-top:5px;
  color:#cfe8fa;
  font-weight:750;
  line-height:1.25;
}

.hero-strip a{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:13px 16px!important;
}

.hero-strip strong{
  font-size:17px;
}

.hero-strip span{
  color:#bad8ec;
  font-size:13px;
  font-weight:800;
}

/* mosaico più arioso e meno bloccato */
.aurora-mosaic{
  align-items:stretch;
}

.tile{
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}

.tile-situation,
.tile-analysis{
  min-height:360px!important;
}

.tile-radar,
.tile-webcams{
  min-height:230px!important;
}

.tile-models,
.tile-news{
  min-height:205px!important;
}

.tile-situation{
  grid-column:span 4!important;
}

.tile-analysis{
  grid-column:span 8!important;
}

.tile-radar{
  grid-column:span 3!important;
}

.tile-webcams{
  grid-column:span 9!important;
}

.tile-models{
  grid-column:span 4!important;
}

.tile-news{
  grid-column:span 8!important;
}

/* situazione Italia più leggibile */
.italia-panel{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  align-items:stretch;
  margin:14px 0;
}

.italia-mini{
  height:auto!important;
  min-height:116px;
  margin:0!important;
  font-size:58px!important;
}

.italia-today{
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
}

.italia-today b{
  display:block;
  font-size:20px;
}

.italia-today span{
  display:block;
  margin-top:6px;
  color:#d5eaff;
  line-height:1.35;
  font-weight:750;
}

.zone-list{
  margin-top:10px;
}

.zone-list p{
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:center;
  gap:8px;
}

.zone-list p span{
  color:#d5eaff;
  font-weight:750;
}

/* analisi più importante ma meno mattone */
.tile-analysis{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.tile-analysis h2{
  font-size:34px!important;
  max-width:880px!important;
}

.tile-analysis p{
  max-width:960px!important;
}

/* radar più grafico */
.tile-radar{
  position:relative;
  overflow:hidden;
}

.radar-orbit{
  position:absolute;
  right:18px;
  top:18px;
  width:94px;
  height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.radar-orbit span{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(139,216,255,.28);
  background:radial-gradient(circle,rgba(55,255,165,.18),transparent 60%);
}

.radar-orbit i{
  font-style:normal;
  font-size:38px;
  z-index:2;
}

.tile-radar h2{
  max-width:340px;
  margin-top:52px;
  font-size:29px!important;
}

/* webcam più compatte e ordinate */
.webcam-mini-grid a{
  min-height:128px!important;
}

.webcam-mini-grid b{
  font-size:18px!important;
}

/* modelli e news più puliti */
.model-links a,
.tile-news article{
  background:rgba(255,255,255,.055)!important;
}

.tile-news article{
  min-height:92px!important;
}

.tile-news article b{
  font-size:18px!important;
}

/* footer meno lontano */
.aurora-footer{
  padding-top:28px!important;
}

@media(max-width:900px){
  .aurora-hero{
    grid-template-columns:1fr!important;
  }

  .hero-visual{
    justify-content:flex-start;
  }

  .hero-strip{
    grid-template-columns:1fr 1fr!important;
  }

  .tile-situation,
  .tile-analysis,
  .tile-radar,
  .tile-webcams,
  .tile-models,
  .tile-news{
    grid-column:auto!important;
  }

  .italia-panel{
    grid-template-columns:1fr;
  }

  .zone-list p{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   AURORA 1100 — dashboard editoriale
========================================================= */

.aurora-page{
  max-width:1500px;
  margin:0 auto;
  padding:10px 24px 70px;
}

.aurora-hero-v1100{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:1.05fr 1fr .85fr!important;
  gap:28px!important;
  align-items:stretch!important;
  padding:38px!important;
}

.hero-weather-main h1{
  font-size:72px!important;
  line-height:.95!important;
  margin:8px 0 10px!important;
}

.hero-weather-main h2{
  font-size:28px!important;
  margin-bottom:10px!important;
}

.hero-weather-main small,
.hero-insight small,
.tile small{
  color:#8ed8ff!important;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:950;
}

.hero-insight{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:22px;
  align-items:center;
  padding:20px;
  border-radius:28px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

.hero-icon{
  font-size:90px;
  text-align:center;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.35));
}

.hero-insight h3{
  font-size:28px;
  margin:8px 0;
}

.hero-insight p{
  font-size:17px;
  font-weight:750;
  color:#d5e9f8;
}

.hero-kpi-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.hero-kpi-grid a{
  min-height:92px;
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.22s ease;
}

.hero-kpi-grid a:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.105);
}

.hero-kpi-grid b{
  font-size:20px;
}

.hero-kpi-grid span{
  color:#8ed8ff;
  font-weight:950;
  font-size:14px;
}

.tile{
  overflow:hidden;
}

.tile-situation{
  min-height:auto!important;
}

.italy-status{
  display:grid;
  grid-template-columns:116px 1fr;
  gap:14px;
  margin:18px 0;
}

.italy-status > div{
  border-radius:22px;
  background:rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:48px;
}

.italy-status article{
  border-radius:22px;
  background:rgba(255,255,255,.06);
  padding:20px;
}

.italy-status h3{
  margin:6px 0;
  color:#91dcff;
  font-size:24px;
}

.zone-list p{
  min-height:46px!important;
  margin:8px 0!important;
}

.tile-analysis{
  justify-content:center;
}

.analysis-icons{
  display:flex;
  gap:12px;
  margin:12px 0 24px;
}

.analysis-icons span{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.075);
  font-size:27px;
}

.analysis-meta{
  color:#cfeaff!important;
  font-weight:850;
  margin-bottom:14px!important;
}

.tile-analysis h2{
  font-size:34px!important;
  max-width:880px;
  line-height:1.08!important;
}

.tile-analysis p{
  max-width:940px;
}

.tile-radar{
  min-height:290px!important;
}

.tile-radar h2{
  font-size:32px!important;
}

.webcam-mini-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
}

.webcam-mini-grid a{
  min-height:178px!important;
  border-radius:22px!important;
  padding:18px!important;
  background-size:cover!important;
  background-position:center!important;
  position:relative;
  overflow:hidden;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
}

.webcam-mini-grid a:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.82));
  z-index:0;
}

.webcam-mini-grid a span,
.webcam-mini-grid a b,
.webcam-mini-grid a em{
  position:relative;
  z-index:2;
}

.webcam-mini-grid a span{
  position:absolute;
  top:16px;
  left:16px;
  background:#ff3838;
  color:white;
  border-radius:999px;
  padding:7px 12px;
  font-weight:950;
  font-size:13px;
}

.webcam-mini-grid a b{
  font-size:22px!important;
}

.webcam-mini-grid a em{
  color:#cfe2ef;
  font-style:normal;
  font-weight:750;
  margin-top:3px;
}

.model-links{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.model-links a{
  min-height:142px!important;
  border-radius:22px!important;
  padding:22px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.model-links small{
  margin-bottom:8px;
}

.model-links b{
  font-size:26px!important;
}

.model-links span{
  color:#d4e9f5;
  font-weight:800;
}

.news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:18px;
}

.tile-news article{
  min-height:250px!important;
  border-radius:24px!important;
  padding:0!important;
  background:rgba(255,255,255,.06)!important;
  overflow:hidden;
}

.news-thumb{
  height:118px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  color:#8ed8ff;
  background-color:rgba(255,255,255,.07);
}

.tile-news article span,
.tile-news article b,
.tile-news article em{
  display:block;
  margin-left:18px;
  margin-right:18px;
}

.tile-news article span{
  margin-top:16px;
  color:#8ed8ff;
  font-weight:950;
}

.tile-news article b{
  margin-top:8px;
  font-size:21px!important;
  line-height:1.15;
}

.tile-news article em{
  margin-top:12px;
  font-style:normal;
  color:#c7dcec;
  font-weight:800;
}

@media(max-width:900px){
  .aurora-page{
    padding:8px 14px 80px;
  }

  .aurora-hero-v1100{
    grid-template-columns:1fr!important;
    padding:24px!important;
  }

  .hero-weather-main h1{
    font-size:58px!important;
  }

  .hero-insight{
    grid-template-columns:1fr;
  }

  .hero-icon{
    font-size:64px;
    text-align:left;
  }

  .hero-kpi-grid,
  .webcam-mini-grid,
  .news-grid,
  .model-links{
    grid-template-columns:1fr!important;
  }

  .italy-status{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   AURORA 1200 — correzione forte hero/news
========================================================= */

.aurora-hero-v1200{
  display:grid!important;
  grid-template-columns:1fr 1.05fr .95fr!important;
  gap:28px!important;
  min-height:390px!important;
  padding:40px!important;
  align-items:stretch!important;
}

.hero-left,
.hero-center,
.hero-live-panel{
  min-width:0;
}

.hero-left small{
  color:#9fe0ff!important;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.8px;
}

.hero-left h1{
  font-size:82px!important;
  line-height:1!important;
  margin:20px 0 4px!important;
}

.hero-left h2{
  font-size:30px!important;
  margin:0 0 12px!important;
}

.hero-left p{
  font-size:19px!important;
  font-weight:850!important;
  color:#d9ecf7!important;
}

.hero-center{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:26px;
  border-radius:28px;
  background:radial-gradient(circle at 35% 30%,rgba(74,185,255,.18),rgba(255,255,255,.045) 45%,rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}

.hero-center span{
  font-size:74px;
  line-height:1;
  margin-bottom:22px;
  filter:drop-shadow(0 20px 35px rgba(0,0,0,.38));
}

.hero-center h3{
  font-size:31px!important;
  margin-bottom:12px!important;
}

.hero-center p{
  font-size:18px!important;
  line-height:1.5!important;
  font-weight:750!important;
  color:#d7eaf7!important;
}

.hero-live-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.hero-live-panel a{
  border-radius:22px;
  padding:18px 20px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.09);
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:.22s ease;
}

.hero-live-panel a:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.11);
}

.hero-live-panel strong{
  font-size:22px;
  color:#fff;
}

.hero-live-panel span{
  color:#9fe0ff;
  font-weight:850;
  margin-top:2px;
}

.hero-actions{
  margin-top:24px!important;
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap;
}

.hero-actions button,
.hero-actions a{
  border-radius:16px!important;
  padding:15px 22px!important;
  font-weight:950!important;
}

.tile-news-v1200{
  min-height:auto!important;
}

.aurora-news-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:24px;
}

.aurora-news-item{
  display:grid;
  grid-template-columns:128px 1fr;
  gap:18px;
  min-height:150px;
  padding:14px;
  border-radius:24px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.08);
  transition:.22s ease;
}

.aurora-news-item:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.10);
}

.aurora-news-img{
  min-height:122px;
  border-radius:18px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  font-weight:950;
  color:#8ed8ff;
  background-color:rgba(255,255,255,.08);
}

.aurora-news-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.aurora-news-text em{
  font-style:normal;
  color:#8ed8ff;
  font-weight:950;
  margin-bottom:8px;
}

.aurora-news-text b{
  font-size:21px;
  line-height:1.15;
  color:#fff;
}

.aurora-news-text small{
  margin-top:12px;
  color:#c6ddec;
  font-weight:850;
}

@media(max-width:1000px){
  .aurora-hero-v1200{
    grid-template-columns:1fr!important;
    padding:26px!important;
  }

  .hero-left h1{
    font-size:62px!important;
  }

  .aurora-news-list{
    grid-template-columns:1fr!important;
  }

  .aurora-news-item{
    grid-template-columns:105px 1fr;
  }
}

/* =========================================================
   AURORA 1201 — fix pulito webcam + news
========================================================= */

/* WEBCAM: elimina sovrapposizioni e testi schiacciati */
.tile-webcams .webcam-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:24px!important;
}

.tile-webcams .webcam-mini-grid a{
  min-height:210px!important;
  height:210px!important;
  padding:18px!important;
  border-radius:26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
  position:relative!important;
}

.tile-webcams .webcam-mini-grid a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.82) 100%);
  z-index:0;
}

.tile-webcams .webcam-mini-grid a span{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  z-index:2!important;
  background:#ff3838!important;
  color:#fff!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
}

.tile-webcams .webcam-mini-grid a b{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.05!important;
  margin:0 0 6px 0!important;
  white-space:normal!important;
}

.tile-webcams .webcam-mini-grid a em{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  color:#9fe0ff!important;
  font-style:normal!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:850!important;
  margin:0!important;
}

/* NEWS: forza vera griglia orizzontale */
.tile-news .aurora-news-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:24px!important;
}

.tile-news .aurora-news-item{
  display:grid!important;
  grid-template-columns:130px minmax(0,1fr)!important;
  gap:16px!important;
  min-height:160px!important;
  height:auto!important;
  padding:14px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

.tile-news .aurora-news-img{
  width:130px!important;
  height:132px!important;
  min-height:132px!important;
  border-radius:18px!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:rgba(255,255,255,.08)!important;
  flex:none!important;
}

.tile-news .aurora-news-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

.tile-news .aurora-news-text em{
  display:block!important;
  color:#8ed8ff!important;
  font-style:normal!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:950!important;
  margin:0 0 8px 0!important;
  text-transform:uppercase!important;
  letter-spacing:.4px!important;
}

.tile-news .aurora-news-text b{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:950!important;
  margin:0!important;
}

.tile-news .aurora-news-text small{
  display:block!important;
  color:#c6dcec!important;
  font-size:14px!important;
  font-weight:800!important;
  margin-top:10px!important;
}

/* se non c'è immagine, fallback pulito */
.aurora-news-img-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8ed8ff!important;
  font-size:28px!important;
  font-weight:950!important;
}

/* mobile */
@media(max-width:900px){
  .tile-webcams .webcam-mini-grid,
  .tile-news .aurora-news-list{
    grid-template-columns:1fr!important;
  }

  .tile-webcams .webcam-mini-grid a{
    height:220px!important;
  }

  .tile-news .aurora-news-item{
    grid-template-columns:112px minmax(0,1fr)!important;
  }

  .tile-news .aurora-news-img{
    width:112px!important;
    height:120px!important;
    min-height:120px!important;
  }
}

/* =========================================================
   AURORA 1300 — reset totale webcam/news
========================================================= */

.aurora-clean-webcams,
.aurora-clean-news{
  padding:34px!important;
}

.section-head small{
  display:block!important;
  color:#8ed8ff!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  margin-bottom:8px!important;
}

.section-head h2{
  font-size:34px!important;
  line-height:1.05!important;
  margin:0 0 24px!important;
}

.clean-webcam-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;
}

.clean-webcam-grid a{
  height:190px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  position:relative!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:rgba(255,255,255,.06)!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:18px!important;
}

.clean-webcam-grid a:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82))!important;
  z-index:1!important;
}

.clean-webcam-grid span{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  z-index:2!important;
  background:#ff3838!important;
  color:white!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
}

.clean-webcam-grid b{
  position:relative!important;
  z-index:2!important;
  color:white!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:950!important;
  margin:0!important;
}

.clean-news-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}

.clean-news-card{
  display:block!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  min-height:310px!important;
}

.clean-news-img{
  height:150px!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:rgba(255,255,255,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8ed8ff!important;
  font-weight:950!important;
}

.clean-news-body{
  padding:18px!important;
}

.clean-news-body span{
  display:block!important;
  color:#8ed8ff!important;
  font-size:14px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.5px!important;
  margin-bottom:10px!important;
}

.clean-news-body b{
  display:block!important;
  color:white!important;
  font-size:21px!important;
  line-height:1.16!important;
  font-weight:950!important;
}

.clean-news-body em{
  display:block!important;
  color:#c6dcec!important;
  font-style:normal!important;
  font-weight:800!important;
  margin-top:14px!important;
}

@media(max-width:900px){
  .clean-webcam-grid,
  .clean-news-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   AURORA 1400 — reset ordine e chiarezza
========================================================= */

.aurora-clean-page{
  max-width:1500px;
  margin:0 auto;
  padding:28px 24px 80px;
}

.aurora-row{
  display:grid;
  gap:24px;
  margin-top:24px;
}

.aurora-row-main{
  grid-template-columns:420px 1fr;
}

.aurora-row-live{
  grid-template-columns:360px 1fr;
}

.aurora-row-bottom{
  grid-template-columns:420px 1fr;
}

.tile,
.aurora-hero{
  background:linear-gradient(145deg,#123e5d,#071c2d)!important;
  border:1px solid rgba(120,210,255,.18)!important;
  border-radius:28px!important;
  box-shadow:none!important;
}

.aurora-hero{
  min-height:360px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 360px!important;
  gap:28px!important;
  padding:38px!important;
}

.hero-kpi-grid,
.hero-live-panel{
  display:grid!important;
  gap:12px!important;
}

.hero-kpi-grid a,
.hero-live-panel a{
  background:rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  padding:18px!important;
}

.webcam-mini-grid,
.clean-webcam-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px!important;
}

.webcam-mini-grid a,
.clean-webcam-grid a{
  height:180px!important;
  border-radius:22px!important;
}

.clean-news-grid,
.aurora-news-list{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:16px!important;
}

.clean-news-card,
.aurora-news-item{
  min-height:260px!important;
  display:block!important;
  background:rgba(255,255,255,.07)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

.model-links{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}

.aurora-footer{
  max-width:1500px;
  margin:40px auto;
  padding:24px;
  color:#cfe6f5;
}

.aurora-footer b{
  font-size:26px;
  color:white;
}

.aurora-footer span{
  color:#4AB9FF;
}

@media(max-width:1000px){
  .aurora-clean-page{
    padding:18px 14px 70px;
  }

  .aurora-row,
  .aurora-row-main,
  .aurora-row-live,
  .aurora-row-bottom,
  .aurora-hero,
  .webcam-mini-grid,
  .clean-webcam-grid,
  .clean-news-grid,
  .aurora-news-list,
  .model-links{
    grid-template-columns:1fr!important;
  }
}

/* AURORA 1500 — ordine, allineamento, griglia stabile */

.aurora-clean-page{
  max-width:1460px!important;
  padding:26px 24px 80px!important;
}

.aurora-row{
  width:100%!important;
  align-items:stretch!important;
}

.aurora-row > section,
.aurora-row > .tile{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

.aurora-row-main{
  grid-template-columns:460px minmax(0,1fr)!important;
}

.aurora-row-live{
  grid-template-columns:340px minmax(0,1fr)!important;
}

.aurora-row-bottom{
  grid-template-columns:440px minmax(0,1fr)!important;
}

.tile{
  min-height:0!important;
  padding:32px!important;
}

.tile h2{
  margin-bottom:22px!important;
}

/* webcam ordinate */
.aurora-clean-webcams{
  min-height:360px!important;
}

.clean-webcam-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

.clean-webcam-grid a{
  height:190px!important;
  min-width:0!important;
}

.clean-webcam-grid b{
  font-size:21px!important;
  white-space:normal!important;
}

/* news ordinate */
.aurora-clean-news{
  min-height:360px!important;
}

.clean-news-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.clean-news-card{
  min-height:300px!important;
  width:100%!important;
}

.clean-news-img{
  height:135px!important;
}

.clean-news-body b{
  font-size:18px!important;
  line-height:1.18!important;
}

/* modelli meno vuoti */
.tile-models{
  min-height:360px!important;
}

.model-links{
  grid-template-columns:1fr!important;
}

.model-links a{
  min-height:115px!important;
}

/* radar più compatto */
.tile-radar{
  min-height:360px!important;
}

/* mobile */
@media(max-width:1000px){
  .aurora-row-main,
  .aurora-row-live,
  .aurora-row-bottom{
    grid-template-columns:1fr!important;
  }

  .clean-webcam-grid,
  .clean-news-grid{
    grid-template-columns:1fr!important;
  }
}