/* RC88 · Un unico box per Atlante delle Rotte e Luoghi (Viaggi).
   Il contenitore unisce due sezioni indipendenti: ciascuna mantiene il suo
   pulsante, i suoi id e le sue funzioni. Qui si cambia solo l'aspetto: un
   solo fondo color prugna-notte con filetto dorato, le due parti trasparenti
   e separate da un sottile divisorio. */

.home-explore-banner {
  order: 60;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  width: min(1120px, calc(100% - 32px));
  margin: clamp(12px, 2vw, 20px) auto;
  overflow: hidden;
  border: 1px solid rgba(239, 211, 154, .65);
  border-radius: 20px;
  background: linear-gradient(115deg, #2a2650 0%, #4a3b63 55%, #9c4a5c 125%);
  box-shadow: 0 14px 30px rgba(41, 28, 60, .28);
  color: #fffaf0;
}

/* Le due sezioni perdono sfondo, bordo e ombra propri: restano solo i contenuti. */
.home-explore-banner > section {
  position: relative;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-explore-banner > section + section {
  border-left: 1px solid rgba(239, 211, 154, .35);
}

.home-explore-banner .routes-atlas-home-hit,
.home-explore-banner .travel-home-banner-hit {
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
  border-radius: 0;
}

/* Il disegno decorativo dell'Atlante resta; quello del Viaggio si toglie per non
   fare due macchie di colore dentro lo stesso box. */
.home-explore-banner .travel-home-banner::after {
  display: none;
}

.home-explore-banner .routes-atlas-home-hit:hover,
.home-explore-banner .travel-home-banner-hit:hover {
  background: rgba(255, 255, 255, .07);
}

.home-explore-banner .travel-home-banner-art {
  border-color: rgba(239, 211, 154, .45);
  background: rgba(255, 215, 106, .12);
}

@media (max-width: 899px) {
  .home-explore-banner {
    grid-template-columns: minmax(0, 1fr);
    width: min(100% - 24px, 640px);
  }

  .home-explore-banner > section + section {
    border-top: 1px solid rgba(239, 211, 154, .35);
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .home-explore-banner {
    width: calc(100% - 20px);
    border-radius: 16px;
  }
}