.elementor-949 .elementor-element.elementor-element-6c4eeec8{margin-top:0px;margin-bottom:0px;}.elementor-949 .elementor-element.elementor-element-92d25d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-949 .elementor-element.elementor-element-ea8c787{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for container, class: .elementor-element-92d25d8 *//* ==========================================
   WRAPPER GENERALE TEAM
========================================== */

.df-team-wrapper {
  position: relative;
  overflow: visible;
  padding: 40px 0 260px;
  z-index: 0;
  background: #ffffff;
}

/* ==========================================
   PIANTE (FONDALE) – GRIGIE, AGGANCIATE IN BASSO
========================================== */

.df-plant-bg {
  position: absolute;
  width: 170px;
  height: 170px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/tree-1-1.png")
    no-repeat center/contain;
  opacity: 0.95;
  pointer-events: none;
  z-index: 1; /* sotto pesci, sub e card */
  filter: grayscale(1) brightness(0.8);
}

/* piante attaccate alla base del wrapper */
.df-plant-1 {
  bottom: 0;
  left: 0;
}

.df-plant-2 {
  bottom: 0;
  right: 0;
}

/* ==========================================
   SUB (NUOTATORI)
========================================== */

.df-sub-bg {
  position: absolute;
  width: 260px;
  height: 260px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/swimmer-contact-1.png")
    no-repeat center/contain;
  opacity: 0.95;
  pointer-events: none;
  z-index: 3;  /* sopra piante e pesci, sotto le card */
  filter: grayscale(1) brightness(0.8);
}

/* se vorrai usarli in futuro
.df-sub-1 { ... }
.df-sub-2 { ... }
*/

/* SUB EXTRA – piccoli, decorativi, intorno alle card */

.df-sub-small {
  position: absolute;
  width: 140px;
  height: 140px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/swimmer-contact-1.png")
    no-repeat center/contain;
  opacity: 0.75;
  pointer-events: none;
  filter: grayscale(1) brightness(0.9);
  z-index: 2;
}

/* sopra + lati + sotto, NON sopra al centro delle card */

.df-sub-small-1 {  /* alto sinistra */
  top: 12%;
  left: 8%;
  transform: scale(0.8);
}

.df-sub-small-2 {  /* alto destra */
  top: 12%;
  right: 8%;
  transform: scaleX(-1) scale(0.8);
}

.df-sub-small-3 {  /* basso sinistra */
  bottom: 8%;
  left: 12%;
  transform: scale(0.8);
}

.df-sub-small-4 {  /* basso destra */
  bottom: 8%;
  right: 12%;
  transform: scaleX(-1) scale(0.8);
}

/* SUB PICCOLO IN ALTO CENTRALE, MA STACCATO */
.df-sub-top-1 {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%) scale(0.6);
  width: 200px;
  height: 200px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/swimmer-contact-1.png")
    no-repeat center/contain;
  opacity: 0.75;
  z-index: 2;
}

/* SUB LATERALI ACCANTO ALLE CARDS (INSIDE) */

.df-sub-side {
  position: absolute;
  width: 180px;
  height: 180px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/swimmer-contact-1.png")
    no-repeat center/contain;
  opacity: 0.75;
  pointer-events: none;
  z-index: 2; /* sotto le card, sopra piante/pesci */
  filter: grayscale(1) brightness(0.9);
}

/* Sub a sinistra della PRIMA card – dentro il wrapper */
.df-sub-left {
  top: 55%;
  left: 3%;
  transform: translateY(-50%) scale(0.8) rotate(-6deg);
}

/* Sub a destra dell’ULTIMA card – specchiato */
.df-sub-right {
  top: 55%;
  right: 3%;
  transform: translateY(-50%) scaleX(-1) scale(0.8) rotate(6deg);
}

/* ==========================================
   PESCI – PRINCIPALI
========================================== */

.df-fish-bg {
  position: absolute;
  width: 130px;
  height: 130px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/fish-service-1.png")
    no-repeat center/contain;
  opacity: 0.95;
  pointer-events: none;
  z-index: 2; /* sopra piante, sotto sub e card */
  filter: grayscale(1) brightness(0.8);
}

/* pesci spostati verso i bordi */

.df-fish-1 {  /* alto sinistra */
  top: 6%;
  left: 10%;
  animation: dfFish1 18s ease-in-out infinite alternate;
}

.df-fish-2 {  /* alto destra */
  top: 4%;
  right: 10%;
  transform: scaleX(-1);
  animation: dfFish2 20s ease-in-out infinite alternate;
}

.df-fish-3 {  /* basso centrale */
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  animation: dfFish3 22s ease-in-out infinite alternate;
}

/* PESCI EXTRA – piccoli */

.df-fish-small {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/fish-service-1.png")
    no-repeat center/contain;
  opacity: 0.75;
  pointer-events: none;
  filter: grayscale(1) brightness(0.9);
  z-index: 2;
}

/* distribuiti intorno alle card */

.df-fish-small-1 {  /* lato sinistra alto */
  top: 18%;
  left: 4%;
}

.df-fish-small-2 {  /* lato destra alto */
  top: 22%;
  right: 4%;
  transform: scaleX(-1);
}

.df-fish-small-3 {  /* sotto, vicino al centro */
  bottom: 20%;
  left: 48%;
  transform: translateX(-50%);
}

.df-fish-small-4 {  /* sotto, lato destro */
  bottom: 16%;
  right: 12%;
}

.df-fish-small-5 {  /* lato destro metà altezza */
  top: 40%;
  left: 90%;
}

/* PESCI EXTRA IN ALTO – cornice sopra il blocco */
.df-fish-top-1 {
  position: absolute;
  top: -40px;
  left: 20%;
  width: 140px;
  height: 140px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/fish-service-1.png")
    no-repeat center/contain;
  opacity: 0.75;
  z-index: 2;
}

.df-fish-top-2 {
  position: absolute;
  top: -30px;
  right: 18%;
  width: 120px;
  height: 120px;
  background: url("https://www.diveforfun.it/wp-content/uploads/2021/04/fish-service-1.png")
    no-repeat center/contain;
  transform: scaleX(-1);
  opacity: 0.75;
  z-index: 2;
}

/* Animazioni pesci */
@keyframes dfFish1 {
  0%   { transform: scale(1) translate(0, 0); }
  100% { transform: scale(1) translate(10px, 8px); }
}

@keyframes dfFish2 {
  0%   { transform: scaleX(-1) scale(1) translate(0, 0); }
  100% { transform: scaleX(-1) scale(1) translate(-12px, 10px); }
}

@keyframes dfFish3 {
  0%   { transform: translateX(-50%) scale(1) translate(0, 0); }
  100% { transform: translateX(-50%) scale(1) translate(8px, -10px); }
}

/* ==========================================
   5 CARD IN UNA SOLA FILA
========================================== */

.df-team-row {
  display: flex;
  flex-wrap: nowrap;      /* UNA SOLA RIGA */
  justify-content: center;
  gap: 30px;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 20px;
  z-index: 4;
}

/* ==========================================
   CARD
========================================== */

.df-team-card {
  flex: 0 0 260px;
  max-width: 260px;
  text-align: center;
  padding: 34px 26px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 24px 55px rgba(0,0,0,0.10);
  transition: 0.25s ease;
  z-index: 5; /* sopra tutto il resto */
}

.df-team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 32px 72px rgba(0,0,0,0.16);
}

/* ==========================================
   FOTO
========================================== */

.df-team-photo {
  width: 200px !important;
  height: 200px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto 20px auto !important;
}

/* ==========================================
   TESTI NOME + COGNOME
========================================== */

.df-team-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  color: #063d80;
  margin: 0 0 14px 0;
}

.df-name,
.df-surname {
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.02em;
}

.df-team-name::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: #063d80;
  margin: 12px auto 0 auto;
  opacity: 0.3;
}

/* ==========================================
   RUOLO
========================================== */

.df-team-role {
  margin: 12px 0 0 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #063d80;
}

/* ================================
   EFFETTO CORRENTE PIANTE (più visibile)
================================ */
.df-plant-bg {
  transform-origin: bottom center;
  animation: dfPlantSway 12s ease-in-out infinite alternate;
}

@keyframes dfPlantSway {
  0%   { transform: rotate(0deg) translateY(0); }
  50%  { transform: rotate(4deg) translateY(4px); }
  100% { transform: rotate(-4deg) translateY(0); }
}


/* ================================
   GALLEGGIAMENTO SUB (più visibile)
================================ */

/* Alto sinistra */
.df-sub-small-1 {
  animation: dfSubFloat1 10s ease-in-out infinite alternate;
}

/* Alto destra */
.df-sub-small-2 {
  animation: dfSubFloat2 11s ease-in-out infinite alternate;
}

/* Basso sinistra */
.df-sub-small-3 {
  animation: dfSubFloat3 10s ease-in-out infinite alternate;
}

/* Basso destra */
.df-sub-small-4 {
  animation: dfSubFloat4 11s ease-in-out infinite alternate;
}

/* Sub in alto sopra cards */
.df-sub-top-1 {
  animation: dfSubTopFloat 12s ease-in-out infinite alternate;
}

/* Sub laterale sinistro */
.df-sub-left {
  animation: dfSubSideLeftFloat 13s ease-in-out infinite alternate;
}

/* Sub laterale destro */
.df-sub-right {
  animation: dfSubSideRightFloat 13s ease-in-out infinite alternate;
}

/* Keyframes — SUB più evidenti */
@keyframes dfSubFloat1 {
  0%   { transform: scale(0.8) translateY(0); }
  100% { transform: scale(0.8) translateY(-18px); }
}

@keyframes dfSubFloat2 {
  0%   { transform: scaleX(-1) scale(0.8) translateY(0); }
  100% { transform: scaleX(-1) scale(0.8) translateY(-18px); }
}

@keyframes dfSubFloat3 {
  0%   { transform: scale(0.8) translateY(0); }
  100% { transform: scale(0.8) translateY(18px); }
}

@keyframes dfSubFloat4 {
  0%   { transform: scaleX(-1) scale(0.8) translateY(0); }
  100% { transform: scaleX(-1) scale(0.8) translateY(18px); }
}

@keyframes dfSubTopFloat {
  0%   { transform: translateX(-50%) scale(0.6) translateY(0); }
  100% { transform: translateX(-50%) scale(0.6) translateY(-20px); }
}

@keyframes dfSubSideLeftFloat {
  0%   { transform: translateY(-50%) scale(0.8) rotate(-6deg) translateY(0); }
  100% { transform: translateY(-50%) scale(0.8) rotate(-2deg) translateY(-20px); }
}

@keyframes dfSubSideRightFloat {
  0%   { transform: translateY(-50%) scaleX(-1) scale(0.8) rotate(6deg) translateY(0); }
  100% { transform: translateY(-50%) scaleX(-1) scale(0.8) rotate(2deg) translateY(-20px); }
}


/* ================================
   GALLEGGIAMENTO PESCI GRANDI (più visibile)
================================ */

.df-fish-1 {
  animation: dfFish1 12s ease-in-out infinite alternate;
}

.df-fish-2 {
  animation: dfFish2 13s ease-in-out infinite alternate;
}

.df-fish-3 {
  animation: dfFish3 14s ease-in-out infinite alternate;
}

@keyframes dfFish1 {
  0%   { transform: scale(1) translate(0, 0); }
  100% { transform: scale(1.05) translate(12px, -18px); }
}

@keyframes dfFish2 {
  0%   { transform: scaleX(-1) scale(1) translate(0, 0); }
  100% { transform: scaleX(-1) scale(1.05) translate(-15px, -18px); }
}

@keyframes dfFish3 {
  0%   { transform: translateX(-50%) scale(1) translate(0, 0); }
  100% { transform: translateX(-50%) scale(1.05) translate(10px, -20px); }
}


/* ================================
   GALLEGGIAMENTO PESCI PICCOLI (più visibile)
================================ */

.df-fish-small-1 { animation: dfFishSmall1 10s ease-in-out infinite alternate; }
.df-fish-small-2 { animation: dfFishSmall2 11s ease-in-out infinite alternate; }
.df-fish-small-3 { animation: dfFishSmall3 10s ease-in-out infinite alternate; }
.df-fish-small-4 { animation: dfFishSmall4 12s ease-in-out infinite alternate; }
.df-fish-small-5 { animation: dfFishSmall5 13s ease-in-out infinite alternate; }

.df-fish-top-1 { animation: dfFishTop1 11s ease-in-out infinite alternate; }
.df-fish-top-2 { animation: dfFishTop2 12s ease-in-out infinite alternate; }


/* Keyframes pesci piccoli */
@keyframes dfFishSmall1 {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-14px); }
}

@keyframes dfFishSmall2 {
  0%   { transform: scaleX(-1) translateY(0); }
  100% { transform: scaleX(-1) translateY(-14px); }
}

@keyframes dfFishSmall3 {
  0%   { transform: translateX(-50%) translateY(0); }
  100% { transform: translateX(-50%) translateY(14px); }
}

@keyframes dfFishSmall4 {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-12px); }
}

@keyframes dfFishSmall5 {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-16px); }
}

@keyframes dfFishTop1 {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-16px); }
}

@keyframes dfFishTop2 {
  0%   { transform: scaleX(-1) translateY(0); }
  100% { transform: scaleX(-1) translateY(-16px); }
}

/* ============================================
   MOBILE FIX FINALE — LAYOUT + DECORI
============================================ */
@media (max-width: 767px) {

  /* Wrapper più contenuto, niente scrollbar laterali */
  .df-team-wrapper {
    padding: 32px 16px 80px !important;
    overflow: hidden !important;
  }

  /* CARD IN COLONNA, CENTRATE */
  .df-team-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    max-width: 100% !important;
  }

  .df-team-card {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
  }

  .df-team-photo {
    width: 170px !important;
    height: 170px !important;
  }

  /* PIANTE: più piccole in basso, come cornice */
  .df-plant-bg {
    width: 90px !important;
    height: 90px !important;
    opacity: 0.8 !important;
  }

  .df-plant-1 {
    bottom: -6px !important;
    left: -4px !important;
  }

  .df-plant-2 {
    bottom: -6px !important;
    right: -4px !important;
  }

  /* NASCONDO TUTTE LE DECORAZIONI INGOMBRANTI */
  .df-sub-small,
  .df-sub-side,
  .df-fish-bg,
  .df-fish-small,
  .df-fish-top-1,
  .df-fish-top-2,
  .df-sub-top-1 {
    display: none !important;
  }

  /* …e ne riattivo SOLO tre sopra le card:
     1 sub centrale + 2 pesci laterali */
  .df-sub-top-1,
  .df-fish-top-1,
  .df-fish-top-2 {
    display: block !important;
    opacity: 0.85 !important;
  }

  .df-sub-top-1 {
    width: 110px !important;
    height: 110px !important;
    top: -34px !important;
    left: 50% !important;
    transform: translateX(-50%) scale(0.7) !important;
  }

  .df-fish-top-1 {
    width: 70px !important;
    height: 70px !important;
    top: -20px !important;
    left: 12% !important;
  }

  .df-fish-top-2 {
    width: 70px !important;
    height: 70px !important;
    top: -16px !important;
    right: 12% !important;
    transform: scaleX(-1) !important;
  }
}/* End custom CSS */