/* Pagine «codice errore» — testata con il display in errore sullo sfondo, tasto Chiama sotto la spiegazione
   (Felice, 24/10/2026 15:31). Caricato solo dalle pagine codice, dopo correzioni.css. */

/* Testata: il display sta DIETRO al blu. Su computer il testo resta a sinistra sul blu pieno e il display
   si vede a destra, sfumato; sul telefono il display si vede in alto e sfuma nel blu sotto il titolo. */
html body .entry-header.hero-section--internal.hero-display {
  display: block;
  position: relative;
  min-height: 520px;
  background-color: #0b1526;
  /* il display (quadrato, alto quanto la testata) sta a destra; il velo blu è misurato dal bordo destro,
     così il bordo sinistro della foto finisce sempre sotto il blu pieno, a qualunque larghezza */
  background-image:
    linear-gradient(270deg, rgba(11, 21, 38, .18) 0, rgba(11, 21, 38, .30) 260px, rgba(11, 21, 38, .80) 470px, #0b1526 600px, #0b1526 100%),
    var(--hero-img),
    linear-gradient(115deg, #0b1526, #1e3a5f);
  background-repeat: no-repeat;
  background-size: 100% 100%, auto 100%, cover;
  background-position: 0 0, right 0 center, 0 0;
}
html body .entry-header.hero-section--internal.hero-display .hero-figure { display: none !important; }
html body .entry-header.hero-section--internal.hero-display .hero-overlay { max-width: 640px; }

@media (max-width: 900px) {
  html body .entry-header.hero-section--internal.hero-display {
    min-height: 0;
    padding-top: 245px !important;
    background-image:
      linear-gradient(180deg, rgba(11, 21, 38, .02) 0, rgba(11, 21, 38, .25) 160px, rgba(11, 21, 38, .90) 245px, #0b1526 300px, #0b1526 100%),
      var(--hero-img),
      linear-gradient(115deg, #0b1526, #1e3a5f);
    background-size: 100% 100%, 100% auto, cover;
    background-position: 0 0, center -38px, 0 0;
  }
  html body .entry-header.hero-section--internal.hero-display .hero-overlay { max-width: none; }
}

/* Sotto la spiegazione: frase e tasto Chiama */
.acv-dopo-spiegazione { margin-top: 26px; padding-top: 22px; border-top: 1px solid #e2e8f0; }
.acv-dopo-spiegazione__testo { font-weight: 600; color: #122e4f; margin: 0 0 4px !important; }
.acv-dopo-spiegazione .acv-coppia { margin-top: 12px; }
.acv-dopo-spiegazione .acv-coppia a.btn { flex: 0 1 auto; min-width: 260px; }
@media (max-width: 600px) { .acv-dopo-spiegazione .acv-coppia a.btn { flex: 1 1 100%; min-width: 0; } }

/* Il riquadro «Errore … non risolto?» ora segue subito la spiegazione */
.service-intro + .cta-urgente-section { padding-top: 6px; }