/* ==========================================================================
   INFO BAR SUBLIMATICO — BARRA INFORMATIVA CON ICONE E TESTI
   File consigliato: info-bar.css
   ========================================================================== */

/* Contenitore con sfondo gradiente radiale navy */
.info-bar-sublimatico {
  background: radial-gradient(circle at center, #0077b6 0%, var(--fs-navy) 100%);
  padding: var(--fs-section-pad);
  color: var(--fs-white);
  font-family: var(--fs-font-main);
}

/* Titolo centrale della sezione */
.title-main {
  font-weight: 700;
  font-size: 2.5rem;
  margin: 0;
}

.title-main span {
  font-weight: 900;
  text-transform: uppercase;
}

/* Pulsante +INFO arrotondato lime */
.btn-plus-info {
  background-color: var(--fs-lime);
  color: var(--fs-white);
  font-weight: 900;
  padding: 5px 20px;
  border-radius: var(--fs-radius-pill);
  text-decoration: none;
  font-size: 1.2rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  transition: transform var(--fs-transition-fast);
}

.btn-plus-info:hover {
  transform: scale(1.05);
  color: var(--fs-navy);
}

/* Wrapper icone con altezza fissa per allineamento */
.info-icon-wrapper {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.info-icon-wrapper img {
  max-height: 100%;
  width: auto;
}

/* Testo descrittivo sotto le icone */
.info-text {
  font-size: 0.95rem;
  line-height: 1.4;
  margin: 0;
}

.info-text strong {
  font-weight: 900;
  font-size: 1.1rem;
  display: inline-block;
  margin-top: 5px;
}

/* Responsive info bar */
@media (max-width: 768px) {
  .title-main { font-size: 1.8rem; }
  .info-icon-wrapper { height: 70px; }
  .info-text { font-size: 0.85rem; }
}