/* Officina - raccordo con WordPress ed Elementor.
   I contenitori di Elementor che ospitano i widget Officina non aggiungono margini:
   ogni sezione occupa tutta la larghezza come nel progetto. */
.ofc .e-con.ofc-stack,
.ofc .e-con:has(> .elementor-widget[data-widget_type^="ofc-"]),
.ofc .e-con-inner:has(> .elementor-widget[data-widget_type^="ofc-"]) {
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
  --gap: 0px; --row-gap: 0px; --column-gap: 0px; --widgets-spacing: 0px;
  --content-width: 100%; --container-max-width: 100%; --width: 100%;
  padding: 0; gap: 0; max-width: none;
}
.ofc .elementor-widget[data-widget_type^="ofc-"] { width: 100%; max-width: 100%; margin: 0; --widgets-spacing: 0px; }
.ofc .elementor-widget[data-widget_type^="ofc-"] > .elementor-widget-container { margin: 0; padding: 0; }
.ofc .elementor-widget[data-widget_type^="ofc-"]:not(:last-child) { margin-block-end: 0; }
.ofc .elementor-element.elementor-widget-empty { display: none; }
/* Elementor imposta img{height:auto;max-width:100%}: le foto di sfondo delle sezioni devono riempire il riquadro */
.ofc .elementor .heroC .bg { height: 100%; max-width: none; }
/* contenuti di pagine non costruite con Elementor */
.ofc-content { max-width: 760px; margin: 0 auto; padding: 140px 24px 80px; color: var(--petrol); font-size: 18px; line-height: 1.6; }
.ofc-content h1 { font-family: var(--ofc-display); font-weight: 400; text-transform: uppercase; font-size: clamp(44px, 6vw, 80px); line-height: .95; margin: 0 0 24px; }
.ofc-content a { color: var(--orange); }
.ofc-content img { max-width: 100%; height: auto; }
/* barra amministratore di WordPress */
.admin-bar .top { top: 32px; }
@media (max-width: 782px) { .admin-bar .top { top: 46px; } }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
