.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-25755 .elementor-element.elementor-element-46f55bf{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-25755 .elementor-element.elementor-element-46f55bf .elementor-divider-separator{width:100%;}.elementor-25755 .elementor-element.elementor-element-46f55bf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e70470a *//* ====== TITOLO "CERCHIO BIANCO" (più piccolo + nero integrato) ====== */
.gianolio-hero-full .whitecircle-title{
  margin:18px auto 14px;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* il “cerchio” come background (così possiamo mascherare il rettangolo) */
.gianolio-hero-full .whitecircle-art{
  width: min(520px, 86vw);      /* <<< PIÙ PICCOLO (cambia 520 se vuoi) */
  aspect-ratio: 1 / 1;
  position: relative;
  background-color:#000;
  background-image: url("https://gianolioarte.com/wp-content/uploads/Multimedia/clienti/whitecircle.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  /* taglia il rettangolo */
  border-radius: 50%;
  overflow: hidden;

  /* bordo “aura” come il resto */
  filter: drop-shadow(0 0 36px rgba(255,255,255,.18));
}

/* maschera per sfumare i bordi (fa sparire meglio il rettangolo) */
.gianolio-hero-full .whitecircle-art{
  -webkit-mask-image: radial-gradient(circle at center,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 66%,
    rgba(0,0,0,0) 78%,
    rgba(0,0,0,0) 100%
  );
  mask-image: radial-gradient(circle at center,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 66%,
    rgba(0,0,0,0) 78%,
    rgba(0,0,0,0) 100%
  );
}

/* leggero “nero” sopra per uniformare eventuali grigi del file */
.gianolio-hero-full .whitecircle-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:#000;
  opacity:.10;
  pointer-events:none;
}

@media (max-width:768px){
  .gianolio-hero-full .whitecircle-title{ margin-top:14px; }
  .gianolio-hero-full .whitecircle-art{ width: min(420px, 90vw); }
}/* End custom CSS */