/**
Theme Name: HealthMarketing
Author: Serafina Agnello
Author URI: https://www.healthmarketing.it
Description: Tema personalizzato, basato su Astra, creato su misura per le specifiche esigenze di ogni nostro cliente nell\'ambito sanitario o dei dispositivi medici.
Studiato per essere adeguato alle normative sulla pubblicità sanitaria ed alla comunicazione dei dispositivi medici, al GDPR ed alle regole sull\'accessibilità 2025, ed alle specifiche del consorzio W3C.
©Health Marketing® - www.healthmarketing.it
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healthmarketing
Template: astra
*/

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}


/**
* HEADER
*/

/* Header: desktop tre icone */

.chevista-header-cols{
  display: inline-grid; /* non occupa tutta la riga */
  grid-template-columns: repeat(3, max-content);
  gap: 28px;
  align-items: start;

  margin-left: auto;   /* spinge il blocco a destra */
  text-align: left;    /* testo normale (non serve right) */
}

.chevista-header-item{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  min-width: 0;
}

.chevista-header-item__icon{
  width:56px;
  height:56px;
  display:block;
  flex: 0 0 auto;
}
.chevista-link-icon {
    display: inline-flex;
}

.chevista-header-item__text{
  font-size:13px;
  line-height:1.2;
  min-width: 0;
}

.chevista-header-item__title{
  font-size:16px;
  line-height:1.1;
  font-weight:700;
  margin: 0 0 4px 0;
}

/* Evita salti e wrapping “brutto” nelle righe corte */
.chevista-header-item__text > div{
  margin:0;
}

@media (max-width: 921px){
  .chevista-header-cols{
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Opzione alternativa: a tablet fai 2 colonne */
@media (min-width: 922px) and (max-width: 1200px){
  .chevista-header-cols{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Header: mobile tre icone */
.chevista-header-mb {
  display: flex;
  gap: 16px; /* spazio tra le icone */
  align-items: center;
}

.chevista-header-mb-item a {
  display: inline-block;
}

.chevista-header-mb-item__icon {
  width: 56px;
  height: 56px;
}

/**
* HERO pag archivio
*/

/* STILE BASE – valido per ogni hero */
.hero-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    position: relative;
    padding: 80px 0; /* puoi regolare */

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* Overlay bianco */
.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.35); /* patina */
    z-index: 1;
}

/* porta fuori il contenuto dall’overlay */
.hero-section > * {
    position: relative;
    z-index: 2;
}

/* diagnostica */
.hero-diagnostica {
    background-image: url('https://chevista.com/wp-content/uploads/2026/03/Che-Vista-telemedicina-hero.jpg');
}
/* chirurgia */
.hero-chirurgia {
    background-image: url('https://chevista.com/wp-content/uploads/2026/02/chirurgia-hero.jpg');
}
/* telemedicina */
.hero-telemedicina {
    background-image: url('https://chevista.com/wp-content/uploads/2026/02/telemedicina-hero.jpg');
}
/* materiali */
.hero-materiali {
    background-image: url('https://chevista.com/wp-content/uploads/2026/02/Materiali-di-consumo-hero.jpg');
}

/**
* HERO CTA
*/
.hero-cta {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  position: relative;
  padding: 40px 0;

  background-image: url('https://chevista.com/wp-content/uploads/2026/02/cta.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

/* porta fuori il contenuto dall’overlay */
.hero-cta > * {
    position: relative;
    z-index: 2;
}


@media (max-width: 721px){
  .entry-content p{
    font-size: 16px; /* leggibile su mobile */
    line-height: 1.7;
  }
  p{
    font-size: 16px !important;
    text-align: left;
  }
}