/* ==========================================================
   OROSCOPO EGIZIO PERSONALIZZATO
   ========================================================== */

.oroscopo-hero-visual {
 margin: 40px 0;
 overflow: hidden;
 border-radius: 20px;
 box-shadow: 0 20px 45px rgba(0,0,0,.18);
}

 .oroscopo-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
 }

/*-----------------------------------------------------------*/

.box-valore-oroscopo {
 background: linear-gradient(180deg,#fbf7ef 0%,#f8f1df 100%);
 border: 1px solid #e2c983;
 border-radius: 22px;
 padding: 45px;
 box-shadow: 0 15px 40px rgba(0,0,0,.08);
}

 /* titolo */

 .box-valore-oroscopo h2 {
  color: #9b2d1f !important;
  font-size: 2.2rem;
  font-weight: 700;
  text-shadow: none;
  margin-bottom: 35px;
 }

/*-----------------------------------------------------------*/

.vantaggi-oroscopo {
 display: grid;
 grid-template-columns: repeat(3,1fr);
 gap: 30px;
 margin-top: 32px;
 margin-bottom: 52px;
}

 /* card */

 .vantaggi-oroscopo > div {
  background: #ffffff;
  border-radius: 18px;
  padding: 35px;
  border: 1px solid rgba(210,180,90,.40);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transition: .30s;
 }

  .vantaggi-oroscopo > div:hover {
   transform: translateY(-6px);
   box-shadow: 0 20px 45px rgba(0,0,0,.15);
  }

/*-----------------------------------------------------------*/

.icona-oroscopo {
 width: 58px;
 height: 58px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 background: #17233f;
 margin-bottom: 22px;
 box-shadow: 0 8px 18px rgba(23,35,63,.22);
}

.icona-oroscopo img {
 display: block;
 width: 31px;
 height: 31px;
 object-fit: contain;
 filter: drop-shadow(0 0 2px rgba(255,255,255,.55));
}

/*-----------------------------------------------------------*/

.vantaggi-oroscopo h3 {
 color: #9b2d1f !important;
 font-size: 1.35rem;
 font-weight: 700;
 margin-bottom: 15px;
 text-shadow: none;
}

.vantaggi-oroscopo p {
 color: #555 !important;
 line-height: 1.8;
 font-size: 1rem;
}

/*-----------------------------------------------------------*/

.cta-inline {
 text-align: center;
 margin-top: 0;
 padding-top: 8px;
}

 .cta-inline .btn-pagina {
  display: inline-block;
  padding: 16px 34px;
  border-radius: 40px;
  border: 2px solid #d4b15b;
  background: #ffffff;
  color: #9b2d1f;
  font-weight: 700;
  transition: .30s;
 }

  .cta-inline .btn-pagina:hover {
   background: #9b2d1f;
   color: #ffffff;
  }

/*==========================================================*/

.sezione-archetipi-visual {
 isolation: isolate;
 color: #443831;
 background: linear-gradient(180deg,#fbf7ef,#f8f1df);
 border: 1px solid #e2c983;
 border-radius: 22px;
 padding: 45px;
 margin: 50px 0;
}

 .sezione-archetipi-visual h2 {
  color: #9b2d1f !important;
  text-shadow: none;
 }

 .sezione-archetipi-visual p {
  color: #555 !important;
  line-height: 1.9;
 }

/*==========================================================*/

.processo-grid {
 display: grid;
 grid-template-columns: repeat(5,1fr);
 gap: 18px;
}

 .processo-grid > div {
  background: #17233f;
  color: #fff;
  border-radius: 18px;
  padding: 25px;
 }

 .processo-grid span {
  display: block;
  color: #d6b35a;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
 }

 .processo-grid strong {
  display: block;
  margin-bottom: 10px;
  color: #fff;
 }

 .processo-grid small {
  color: #d9d9d9;
  line-height: 1.6;
 }

/*==========================================================*/

.acquisto-oroscopo {
 background: linear-gradient(180deg,#fffdf8,#f7ecd5);
 border: 2px solid #d6b35a;
 border-radius: 22px;
 padding: 45px;
}

 .acquisto-oroscopo h2 {
  color: #9b2d1f !important;
  text-shadow: none;
 }

 .acquisto-oroscopo p {
  color: #555 !important;
 }

/*==========================================================*/

@media(max-width:900px) {

 .vantaggi-oroscopo,
 .processo-grid,
 .archetipi-layout {
  grid-template-columns: 1fr;
 }

 .vantaggi-oroscopo {
  gap: 22px;
  margin-bottom: 40px;
 }

 .cta-inline {
  padding-top: 4px;
 }
}