/*
 * FiscoWeb 2026
 * Maquillage M2
 *
 * Preview grafica.
 * Non sostituisce fiscoweb.css.
 */

/* ---------------------------------------------------------
   1. CORNICE GENERALE
   --------------------------------------------------------- */

body{
  background:
    linear-gradient(
      180deg,
      rgba(62,45,22,.05),
      rgba(255,255,255,.02) 240px
    ),
    var(--paper, #ead6a4);
}

.newspaper{
  max-width:1480px;
  box-shadow:
    0 16px 45px rgba(48,31,12,.20),
    0 2px 8px rgba(48,31,12,.12);
}


/* ---------------------------------------------------------
   2. TESTATA
   Manteniamo il DNA tipografico, ma riduciamo l'effetto
   "manifesto storico".
   --------------------------------------------------------- */

.mast-top{
  min-height:165px;
}

.brand h1{
  font-size:clamp(76px,8vw,132px);
  letter-spacing:.025em;
  line-height:.84;
}

.brand p{
  margin-top:12px;
  font-size:clamp(18px,1.6vw,27px);
}

.motto-box,
.mission{
  opacity:.88;
}

.edition-bar{
  padding-top:9px;
  padding-bottom:9px;
  letter-spacing:.035em;
}


/* ---------------------------------------------------------
   3. NAVIGAZIONE
   Più digitale senza perdere l'impostazione editoriale.
   --------------------------------------------------------- */

.main-nav{
  min-height:54px;
  align-items:center;
  gap:18px;
  border-top:2px solid rgba(38,24,10,.85);
  border-bottom:1px solid rgba(38,24,10,.65);
}

.nav-links{
  gap:2px;
  align-items:stretch;
}

.nav-links a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 13px;
  transition:
    background-color .16s ease,
    transform .16s ease;
}

.nav-links a:hover,
.nav-links a:focus-visible{
  background:rgba(68,46,20,.08);
  transform:translateY(-1px);
}

.search{
  min-width:285px;
  padding:10px 15px;
  border:1px solid rgba(61,42,19,.32);
  border-radius:3px;
  background:rgba(255,248,225,.30);
  font-style:normal;
  opacity:.88;
}


/* ---------------------------------------------------------
   4. FISCOWEB INTELLIGENCE
   Segnale tecnologico discreto.
   --------------------------------------------------------- */

.intelligence-strip{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;

  margin:16px 0 0;
  padding:11px 15px;

  border-top:1px solid rgba(57,38,16,.38);
  border-bottom:1px solid rgba(57,38,16,.38);

  background:
    linear-gradient(
      90deg,
      rgba(62,43,20,.085),
      rgba(255,255,255,.10)
    );
}

.intelligence-mark{
  display:grid;
  place-items:center;

  width:43px;
  height:43px;

  border:1px solid rgba(48,31,12,.60);
  border-radius:50%;

  font-family:Georgia,serif;
  font-weight:700;
  font-size:15px;
  letter-spacing:.06em;
}

.intelligence-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.intelligence-copy strong{
  font-family:Georgia,serif;
  font-size:16px;
  letter-spacing:.035em;
}

.intelligence-copy span{
  font-size:13px;
  line-height:1.35;
  opacity:.78;
}

.intelligence-strip > a{
  white-space:nowrap;
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}


/* ---------------------------------------------------------
   5. PRIMA PAGINA
   La notizia resta protagonista ma non invade la pagina.
   --------------------------------------------------------- */

.front-grid{
  grid-template-columns:
    minmax(280px, .82fr)
    minmax(430px, 1.35fr)
    minmax(315px, .88fr);

  align-items:stretch;
}

.lead{
  padding-left:27px;
  padding-right:27px;
}

.lead h2{
  font-size:clamp(48px,4.35vw,72px);
  line-height:.98;
  letter-spacing:-.025em;
  margin-top:8px;
  margin-bottom:17px;
}

.lead .occhiello{
  max-width:760px;
  font-size:17px;
  line-height:1.42;
}

.lead .dropcap{
  font-size:16px;
  line-height:1.55;
}

.continua{
  display:inline-block;
  margin-top:7px;
  padding-bottom:3px;
  border-bottom:1px solid rgba(44,29,12,.45);
}


/* ---------------------------------------------------------
   6. COLONNA DESTRA
   --------------------------------------------------------- */

.right-column{
  padding-left:20px;
}

.deadline{
  padding-bottom:18px;
}

.deadline h2{
  font-size:36px;
  letter-spacing:-.02em;
}

.deadline-inner{
  grid-template-columns:125px 1fr;
  gap:16px;
}

.calendar{
  background:rgba(255,248,225,.18);
  box-shadow:inset 0 0 0 1px rgba(55,36,14,.18);
}

.calendar strong{
  line-height:.95;
}

.deadline h3{
  font-size:27px;
  line-height:.95;
}

.mini-grid{
  margin-top:10px;
  gap:0;
}

.mini-grid .mini-card{
  min-height:190px;
  transition:
    background-color .16s ease,
    transform .16s ease;
}

.mini-grid .mini-card:hover,
.mini-grid .mini-card:focus-visible{
  background:rgba(255,248,225,.18);
}


/* ---------------------------------------------------------
   7. RUBRICHE
   Più respiro e meno effetto "indice stampato".
   --------------------------------------------------------- */

.section-title{
  margin-top:25px;
}

.rubriche{
  gap:1px;
}

.rubriche > a{
  min-height:126px;
  padding-top:18px;
  padding-bottom:18px;
  transition:
    background-color .16s ease,
    transform .16s ease;
}

.rubriche > a:hover,
.rubriche > a:focus-visible{
  background:rgba(255,248,225,.22);
  transform:translateY(-2px);
}


/* ---------------------------------------------------------
   8. RÉCLAME
   La conserviamo volutamente storica.
   --------------------------------------------------------- */

.reclame-1921{
  margin-top:28px;
  margin-bottom:28px;
}


/* ---------------------------------------------------------
   9. NEWSLETTER / ARCHIVIO
   --------------------------------------------------------- */

.bottom-grid{
  margin-top:26px;
}

.newsletter,
.archive{
  background:
    linear-gradient(
      180deg,
      rgba(255,248,225,.13),
      rgba(255,248,225,.03)
    );
}

.subscribe input{
  min-height:42px;
}

.subscribe button,
.newsletter-access-button{
  min-height:42px;
}


/* ---------------------------------------------------------
   10. FOOTER
   --------------------------------------------------------- */

.site-footer{
  margin-top:34px;
}

.footer-grid{
  padding-top:30px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1100px){

  .intelligence-strip{
    grid-template-columns:48px 1fr;
  }

  .intelligence-strip > a{
    grid-column:2;
    justify-self:start;
  }

  .front-grid{
    grid-template-columns:1fr;
  }

  .right-column{
    padding-left:0;
  }

  .lead h2{
    font-size:clamp(44px,8vw,66px);
  }
}

@media(max-width:700px){

  .newspaper{
    box-shadow:none;
  }

  .mast-top{
    min-height:auto;
  }

  .brand h1{
    font-size:clamp(52px,18vw,82px);
  }

  .main-nav{
    gap:8px;
  }

  .search{
    min-width:0;
    width:100%;
  }

  .intelligence-strip{
    grid-template-columns:40px 1fr;
    padding:10px 8px;
    gap:10px;
  }

  .intelligence-mark{
    width:36px;
    height:36px;
    font-size:12px;
  }

  .intelligence-copy span{
    font-size:12px;
  }

  .lead{
    padding-left:0;
    padding-right:0;
  }

  .lead h2{
    font-size:clamp(39px,12vw,58px);
    line-height:1;
  }

  .deadline h2{
    font-size:31px;
  }
}


/* =========================================================
   FISCOWEB 2026 - M4
   Rifinitura dopo confronto visivo preview / produzione
   ========================================================= */


/* Intelligence diventa una firma, non una sezione */

.intelligence-strip{
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:11px;

  margin-top:10px;
  padding:6px 12px;

  min-height:38px;
}

.intelligence-mark{
  width:29px;
  height:29px;

  font-size:10px;
  letter-spacing:.04em;
}

.intelligence-copy{
  display:flex;
  flex-direction:row;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:9px;
  row-gap:1px;
}

.intelligence-copy strong{
  font-size:14px;
}

.intelligence-copy span{
  font-size:11.5px;
  line-height:1.25;
}

.intelligence-strip > a{
  font-size:10.5px;
}


/* Più spazio alla notizia principale */

.front-grid{
  grid-template-columns:
    minmax(270px,.78fr)
    minmax(470px,1.43fr)
    minmax(305px,.84fr);
}


/* Titolo autorevole, ma meno invasivo */

.lead{
  padding-left:25px;
  padding-right:25px;
}

.lead h2{
  font-size:clamp(46px,4vw,66px);
  line-height:.99;
  letter-spacing:-.022em;
}


/* Colonna servizi leggermente più compatta */

.right-column{
  padding-left:18px;
}

.deadline h2{
  font-size:34px;
}


/* Desktop largo */

@media(min-width:1350px){

  .lead h2{
    max-width:790px;
  }

}


/* Tablet */

@media(max-width:1100px){

  .intelligence-strip{
    grid-template-columns:32px minmax(0,1fr) auto;
  }

  .intelligence-strip > a{
    grid-column:auto;
  }

}


/* Smartphone */

@media(max-width:700px){

  .intelligence-strip{
    grid-template-columns:30px 1fr;
    padding:7px 6px;
  }

  .intelligence-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1px;
  }

  .intelligence-strip > a{
    grid-column:2;
    margin-top:2px;
  }

  .lead h2{
    font-size:clamp(38px,11vw,54px);
  }

}