.faro-banner-slot {
  width: 100%;
  margin: 0;
  padding: 0;
}

.faro-banner-slot__eyebrow {
  display: none;
}

.faro-banner-slot__placeholder-eyebrow {
  position: absolute;
  top: 10px;
  left: 14px;
  color: #aaa49e;
  font: 600 9px/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.faro-banner-slot__frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f6f2eb;
}

.faro-banner-slot__frame--placeholder {
  aspect-ratio: var(--faro-banner-ratio, 970 / 90);
  border: 1px solid #e8e3dc;
  background: #faf8f5;
}

/* Banner orizzontali: larghezza 100% del contenitore, altezza fissa 90px */
.faro-banner-slot--header_pre_ticker .faro-banner-slot__frame--placeholder,
.faro-banner-slot--between_sections .faro-banner-slot__frame--placeholder,
.faro-banner-slot--pre_footer .faro-banner-slot__frame--placeholder {
  aspect-ratio: unset;
  height: 90px;
}

/* Sidebar: quadrato, riempie la larghezza della sidebar */
.faro-banner-slot--sidebar_top .faro-banner-slot__frame--placeholder,
.faro-banner-slot--sidebar_bottom .faro-banner-slot__frame--placeholder {
  aspect-ratio: 1 / 1;
}

/* Margini pre-footer */
.faro-banner-slot--pre_footer {
  margin-top: 40px;
  margin-bottom: 40px;
}

.faro-banner-slot__link,
.faro-banner-slot__picture,
.faro-banner-slot__picture img {
  display: block;
  width: 100%;
}

.faro-banner-slot__picture img {
  height: auto;
}

.faro-banner-slot__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  min-height: 90px;
  padding: 12px 20px;
  text-align: center;
}

.faro-banner-slot__placeholder-format {
  margin: 0;
  color: #b8b0a6;
  font: 500 10px/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.faro-banner-slot__placeholder-title {
  color: #cec8c0;
  font: 400 10px/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.03em;
  text-transform: none;
}

/* Layout orizzontale per banner piatti */
.faro-banner-slot--header_pre_ticker .faro-banner-slot__placeholder,
.faro-banner-slot--between_sections .faro-banner-slot__placeholder,
.faro-banner-slot--pre_footer .faro-banner-slot__placeholder {
  flex-direction: row;
  gap: 10px;
}

.faro-banner-slot--header_pre_ticker .faro-banner-slot__placeholder-title,
.faro-banner-slot--between_sections .faro-banner-slot__placeholder-title,
.faro-banner-slot--pre_footer .faro-banner-slot__placeholder-title {
  position: relative;
  padding-left: 10px;
}

.faro-banner-slot--header_pre_ticker .faro-banner-slot__placeholder-title::before,
.faro-banner-slot--between_sections .faro-banner-slot__placeholder-title::before,
.faro-banner-slot--pre_footer .faro-banner-slot__placeholder-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #d8d2ca;
}