/* LAYOUT GENERALE */
#pagina{margin:0 auto;background:#fff}
.sezione{padding:1rem 0}
.contenuto{
  width:90%;
  max-width:760px;
  margin:0 auto;
  font-size:1.1rem;
}
.bg-chiaro{background:#EAFFF4}
.bg-scuro{background:#D5FFEA}
.bg-bianco{background:#fff}

.header-needful {
  max-width: 800px;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  text-align: center;
}

.header-needful h1 {
  font-size: 2rem;
  color: #1e4f91;
  margin: 0;
}
/* FOOTER */
.footer-viasetti-min{
  background:#234e70;
  color:#fff;
  padding:1.5rem 0 1rem;
  margin-top:2rem;
  font-size:.9rem;
}
.footer-viasetti-min .contenuto{
  max-width:800px;
  margin:0 auto;
  text-align:center;
}
.footer-viasetti-min a{
  color:#ffdd57;
  text-decoration:underline;
  font-weight:bold;
}
.footer-viasetti-min a:hover{font-weight:normal}
.footer-min-copy{
  margin-top:.8rem;
  font-size:.8rem;
  opacity:.9;
}
/* RIQUADRO BIANCO */
.highlight-box {
  background: #fff;
  color: #234e70;
  padding: 0px 10px;
  border-radius: 14px;
  font-weight: normal;
  border: 1px solid #ccc;
  text-align: left;
}

/* BOX INFO */
.box-info{
  border:1px solid #008000;
  border-left-width:6px;
  border-radius:12px;
  padding:.9rem 1.2rem;
  margin:1.5rem 0;
  background:#FFF7C4;
}
.box-info h3{
  margin:0 0 .4rem;
  font-size:1.2rem;
  font-weight:bold;
  color:#1B5E20;
}

.box-info p{margin:0;font-size:1rem;line-height:1.5}


/* Immagine rettangolare in alto */
.header-needful .header-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;      /* opzionale */
  margin-bottom: 1rem;     /* spazio sotto l’immagine */
}

/* ACCESSIBILITÀ */
.visually-hidden{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.visually-hidden:focus,
.visually-hidden:active{
  position:static;
  width:auto;height:auto;
  margin:0;
  clip:auto;
  overflow:visible;
  padding:.5rem 1rem;
  background:#fff;
  border:2px solid #000;
  z-index:1000;
}


/* ELENCHI PERSONALIZZATI */
ul[class^="elenco-"]{
  list-style:none;
  margin:1.8rem 0 1rem;
  padding:0;
}
ul[class^="elenco-"] li{
  position:relative;
  padding-left:1.8em;
  margin:.4em 0;
  padding-bottom:.25rem;
}
ul[class^="elenco-"] li::before{
  position:absolute;
  left:0;top:.2em;
  font-weight:700;
}
ul.elenco-check li::before{content:"\2705"}
ul.elenco-rombo li::before{content:"\1F539"}
ul.elenco-dito li::before{content:"\1F449"}
ul.elenco-desideri li::before{content:"\2605"}
ul.elenco-no li::before{content:"\274C"}


/* ============================================
   DREAMCATCHER.IT — Tema Kingiano Psicologico
   ============================================ */

body {
  background: #fbfbfb;
  font-family: "Georgia", serif;
  color: #1a1a1a;
  letter-spacing: 0.15px;
}

/* Titoli con atmosfera “antiquariato oscuro” */
h1 {
  font-size: 2.4rem;
  color: #1a1a1a;
  border-bottom: 1px solid #8b0000;
  padding-bottom: .4rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-align:center;

}

h2 {
  font-size: 1.6rem;
  color: #333;
  margin-top: 1.8rem;
}

h3 {
  font-size: 1.25rem;
  color: #555;
}

/* Header stile “insegna di negozio misterioso” */
.header-needful {
  max-width: 800px;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  text-align: center;
}

.header-needful .site-title {
  font-size: 2rem;
  color: #1e4f91;
  margin: 0;
}
/* Nasconde il relativo pulsante nella sua pagina */
.is-home .nav-buttons .btn-home {
  display: none !important;
}

.is-menu .nav-buttons .btn-menu {
  display: none !important;
}

/* Link stile “oggetto proibito” */
a {
  color: #8b0000;
  text-decoration: none;
  font-weight: 500;
  transition: .2s;
}

a:hover {
  color: #b30000;
  text-decoration: underline;
}

/* Paragrafi più ariosi */
.contenuto p {
  font-size: 1.17rem;
  line-height: 1.78;
}
/* Menu */

.menu-dream ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.menu-dream li {
  margin: 0.6em 0;
}

.menu-dream a {
  text-decoration: none;
  font-size: 1.1em;
  letter-spacing: 0.5px;
  color: #1e4f91;
  font-family: "Georgia", serif;
  transition: 0.25s ease;
}

.menu-dream a:hover {
  color: #0d2a52;
  text-shadow: 0 0 4px rgba(30,79,145,0.25);
}

/* Box stile “oggetto speciale” */
.highlight-box {
  background: #fff;
  border: 1px solid #c9b27c;
  color: #333;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,.05);
}
  #pagina {
  background: #ffffff;
  border: 1px solid #d8d0c0;
  box-shadow: 0 0 20px rgba(0,0,0,0.08);
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  background: url('img/sfondo-chiaro.png') repeat;
  background-size: 20px 20px;
}
/* Larghezza massima del contenuto */
.contenuto {
  max-width: 800px;
  margin: 0 auto;
}
.torna-su {
  text-align: right;
  margin-top: 40px;
  margin-right: 10px;
}

.torna-su a {
  font-size: 14px;
  color: #666;
  text-decoration: none;
}

.torna-su a:hover {
  text-decoration: underline;
}

.torna-su svg {
  margin-right: 4px;
}
.menu-oscuro {
  max-width: 800px;
  margin: 0 auto;
/*  padding: 2rem 1rem;*/
  text-align: center;
}

.menu-oscuro h1 {
  font-size: 2.4rem;
  color: #1e4f91;
  margin-bottom: .5rem;
}

.menu-oscuro .intro {
  font-size: 1.1rem;
  color: #333;
  margin-bottom: 2.5rem;
  font-style: italic;
}

.menu-voci {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-voci li {
  margin-bottom: 2rem;
}

.menu-voci a {
  text-decoration: none;
  color: #1e4f91;
  display: block;
  transition: opacity .2s;
}

.menu-voci a:hover {
  opacity: .7;
}

.menu-voci strong {
  font-size: 1.5rem;
  display: block;
  margin-bottom: .2rem;
}

.menu-voci span {
  font-size: .95rem;
  color: #444;
}