.elementor-61 .elementor-element.elementor-element-3512a37{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-63c36ab *//* Chi siamo CSS — scope: body.page-id-61 (WP page) + class marker fallback */

.page-id-61 .hero-full,
.hero-chisiamo { min-height: 65vh; }

/* ============================================================
   CARD "La nostra identità" — fixed-size card.
   Same frame style, but narrower on desktop. Images are contained
   by default; only large/context photos are cropped selectively.
   Slides crossfade via opacity instead of horizontal slide.
   ============================================================ */

.editorial-identita .editorial-img,
.page-id-61 .editorial.flip .editorial-img {
  width: 100%;
  max-width: 560px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 22px 55px rgba(44, 36, 32, 0.12);
  position: relative;
}

/* Original <img>: keep sensitive photos visible */
.editorial-identita .editorial-img > img,
.page-id-61 .editorial.flip .editorial-img > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: var(--cream);
}

/* Rotator wrap: full size of the card */
.editorial-identita .editorial-img .img-rotator,
.page-id-61 .editorial.flip .editorial-img .img-rotator {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden;
}

/* Slides: absolute, keep sensitive photos visible, crossfade via opacity.
   No horizontal translateX — the global slide transform is overridden. */
.editorial-identita .editorial-img .img-rotator-slide,
.page-id-61 .editorial.flip .editorial-img .img-rotator-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: var(--cream);
  transform: none !important;
  opacity: 0;
  transition: opacity 600ms ease;
}

.editorial-identita .editorial-img > img[src*="3-Girotondo"],
.page-id-61 .editorial.flip .editorial-img > img[src*="3-Girotondo"],
.editorial-identita .editorial-img .img-rotator-slide[src*="3-Girotondo"],
.page-id-61 .editorial.flip .editorial-img .img-rotator-slide[src*="3-Girotondo"] {
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent;
}

@media (max-width: 768px) {
  .editorial-identita .editorial-img,
  .page-id-61 .editorial.flip .editorial-img {
    max-width: none;
  }
}

.editorial-identita .editorial-img .img-rotator-slide.is-current,
.page-id-61 .editorial.flip .editorial-img .img-rotator-slide.is-current {
  opacity: 1;
}

/* ============================================================
   HERO overlay — dark spot in upper-left where the chip sits
   ============================================================ */
.page-id-61 .hero-full .hero-full-img::after,
.hero-chisiamo .hero-full-img::after {
  background:
    radial-gradient(
      ellipse 520px 320px at 13% 14%,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.48) 34%,
      rgba(0, 0, 0, 0.18) 58%,
      rgba(0, 0, 0, 0) 78%
    ),
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0.12) 42%,
      rgba(0, 0, 0, 0) 75%
    ),
    linear-gradient(0deg,
      rgba(44, 36, 32, 0.92) 0%,
      rgba(44, 36, 32, 0.5) 40%,
      rgba(44, 36, 32, 0.15) 70%,
      rgba(44, 36, 32, 0.05) 100%
    ) !important;
}

/* CHIP "Chi siamo" — dark glass background so it stays readable */
.page-id-61 .hero-full .hero-full-label,
.hero-chisiamo .hero-full-label {
  background: rgba(20, 16, 14, 0.62) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}/* End custom CSS */