/* Lotto 4: shared page-family layout for five published city landing pages.
 * No global changes to Home, Portfolio, Contatti, hero or navigation.
 * The source BeTheme items remain editable and keep their media/SEO/anchors. */
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components .dos-section__inner{
  width:min(calc(100% - 48px),1100px);
  max-width:100%;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components .column_attr{
  font-size:16px;
  line-height:1.65;
  color:var(--dos-text);
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components h1,
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components h2,
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components h3{
  color:var(--dos-orange);
  line-height:1.25;
  font-weight:600;
  text-wrap:balance;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components h1{
  font-size:clamp(1.875rem,3.5vw,3rem);
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components h2{
  font-size:clamp(1.5625rem,2.5vw,2.25rem);
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components h3{
  font-size:clamp(1.3125rem,1.9vw,1.6875rem);
}
/* Source has four 25%-width wraps with two long link labels per wrap.
 * Two equal columns give every label a readable width on laptop/tablet.
 * The imported per-wrap grid-template-columns rules do not apply to their flex parents. */
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) > .dos-section__inner{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px;
  align-items:stretch;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) > .dos-section__inner > .dos-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  flex:none;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) .dos-item--button{
  width:100%;
  max-width:100%;
  flex:0 0 100%;
  min-width:0;
  padding-inline:6px;
  margin-bottom:12px;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) a.dos-button{
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  padding:12px 18px;
  border-radius:10px;
  background:var(--dos-orange);
  color:var(--dos-ink)!important;
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) a.dos-button:hover{
  background:var(--dos-orange);
  color:var(--dos-ink)!important;
  text-decoration:underline;
}
body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components a.dos-button:focus-visible{
  outline:3px solid var(--dos-blue);
  outline-offset:3px;
}
@media(max-width:767px){
  body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components .dos-section__inner{
    width:calc(100% - 40px);
  }
  body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) > .dos-section__inner{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  body:is(.page-id-1088,.page-id-1090,.page-id-1092,.page-id-1094,.page-id-1096) .dos-components section:is(.mcb-section-9yxxofpb,.mcb-section-e1xc4mwq) .dos-item--button{
    padding-inline:0;
  }
}
