/* Sezione Full Text */

.section.full-text {

  position: relative;

}



.full-text .testo {

  width: 100%;

}



.full-text .titolo {

  text-align: center;

}



.full-text .text-columns {

  display: flex;

  flex-direction: column;

  gap: 2rem;

}



/* Forme decorative di sfondo */

.full-text::before,

.full-text::after,

.full-text .testo::before,

.full-text .testo::after {

  content: "";

  position: absolute;

  z-index: 0;

  animation: morph 12s ease-in-out infinite alternate;

  opacity: 0.1;

}



.full-text::before {

  width: 80vw;

  height: 80vw;

  background-color: #265d87;

  top: 10%;

  left: -100px;

  border-radius: 69% 31% 57% 43% / 59% 52% 48% 41%;

  animation-direction: alternate-reverse;

}



.full-text::after {

  width: 90vw;

  height: 90vw;

  background-color: #2B8EA4;

  bottom: 5%;

  right: -150px;

  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

}



.full-text .testo::before {

  width: 60vw;

  height: 60vw;

  background-color: #265d87;

  bottom: 25%;

  left: -80px;

  border-radius: 50% 50% 30% 70% / 60% 40% 60% 40%;

  animation-delay: -2s;

}



.full-text .testo::after {

  width: 50vw;

  height: 50vw;

  background-color: #2B8EA4;

  top: 25%;

  right: -50px;

  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;

  animation-delay: -5s;

  animation-direction: alternate-reverse;

}



.btn-leggi-profilo {

    display: inline-block;

    margin-top: 2rem;

    padding: 0.8rem 2rem;

    background-color: #2B8EA4;

    border: 1px solid #2B8EA4;

    color: #fff;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 500;

    transition: background-color 0.3s ease, transform 0.3s ease;

}



.btn-leggi-profilo:hover {

    background-color: #265D87;

    border: 1px solid #fff;

    transform: translateY(-3px);

    text-decoration: none;

}



.section.section-agopuntura .testo .type4,

section.section-trattamento .testo .type2 {

  font-size: 12vw;

}

section.section-trattamento .testo .type4 {

  font-size: 10vw;

}



/* Stili per Desktop */

@media (min-width: 600px) {

  .full-text .text-columns {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 4vw;

  }

  .full-text::before {

    width: 50vw;

    height: 50vw;

  }

  .full-text::after {

    width: 60vw;

    height: 60vw;

  }

  .full-text .testo::before {

    width: 30vw;

    height: 30vw;

  }

  .full-text .testo::after {

    width: 20vw;

    height: 20vw;

  }

  .full-text .immagine-forma {

    position: absolute;

    top: 0;

    right: 5%;

    width: 30vw;

  }

  .section.section-agopuntura .testo .type4,

  .section.section-trattamento .testo .type4,

  .section.section-trattamento .testo .type2 {

    font-size: 9vw;

  }

}