#hero-rubriche {
    padding-top:var(--space-l); 
    padding-bottom: var(--space-m);
    background-image: linear-gradient(var(--bg-alt) 0%, var(--bg-alt) 80%, var(--light) 80%, var(--light) 100%);
}
.hero-rubrica__categorie {position: relative;}
.hero-rubrica__categorie a {padding-right: var(--space-s); margin-right: var(--space-s);}
.hero-rubrica__categorie a::after {
  content: '•';
  position: absolute;
  height: 100%;
  color: var(--light);
  right: 0;
  bottom: 50%;
  transform: translateY(50%) translateX(50%);
} 
.hero-rubrica__categorie a:last-child::after {display:none;}
.hero-rubrica__categorie a:last-child {padding-right:0; margin-right: 0;}

aside {align-self:start;}
aside .articoli-simili .viaggio-card {
    aspect-ratio: unset;    display: flex;    flex-direction: column;
    padding: var(--space-m) var(--space-s);    align-items: start;    justify-content: center;
}
aside .articoli-simili .viaggio-card__overlay {position: unset; padding:0; width:100%} 


/* Page layout */
#content {flex:1;border-right:1px solid var(--primary-l-4)}
.content__section { 
  border-bottom:1px solid var(--primary-l-4);
  max-width:70em; width:100%; gap:var(--space-s); display: flex; flex-direction: column; 
  line-height: 1.8; padding-bottom: var(--space-xl); margin-bottom: var(--space-xl); font-size:var(--text-m);
  padding-right:var(--space-m)}
.content__section:last-child {border-bottom:none; padding-bottom:0}
.content__section .content__section__title {margin-top:0; margin-bottom:var(--space-xs); font-size: var(--text-xl); font-weight:700; width:100%; border-bottom:1px solid var(--primary-10); padding-bottom:var(--space-2xs)}
.content__section .content__section__subtitle {margin-top:0; margin-bottom:var(--space-m); font-size: var(--text-m); font-weight:400;}

.content__section .accordion {
  background-color: var(--gray-light);
  color: var(--primary);
  cursor: pointer;
  padding: var(--space-s);
  font-family: var(--font-title);
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--primary-5);
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size: var(--text-m);
}
.content__section .accordion:last-child {border-bottom:0}
.content__section .active, .content__section .accordion:hover {
  background-color: var(--primary-5);
}

.content__section .accordion:after {
  content: url('data:image/svg+xml, <svg width="16" height="7" viewBox="0 0 19 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L9.4995 9L18 1" stroke="%230e3a5a" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  color: var(--primary);
  float: right;
  margin-left: 5px;
  transform-origin: 0%;
  transition: var(--transition-global);
}

.content__section .active:after {transform: rotateX(180deg);}

.content__section .panel {
  padding: 0 var(--space-s);
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: var(--text-m);
  border-left: 1px solid var(--primary-5);
  border-left: 1px solid var(--primary-5);
  border-bottom: 1px solid var(--primary-5);
}
.content__section .active + .panel {padding: var(--space-s); }


#altri-contenuti {height: auto;}
#altri-contenuti .viaggio-card {
    aspect-ratio: unset;  display: flex;  flex-direction: column;
    padding: var(--space-l) var(--space-m);
    align-items: start;
    justify-content: center;
    border-radius: var(--radius-m);
}
#altri-contenuti .viaggio-card__overlay {position: unset; padding:0; width:100%}