@keyframes morph {

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

    50% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }

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

}



/* Sezione Full Text */

.section.full-text {

  position: relative;

  overflow: hidden; /* Nasconde le parti delle forme che escono */



}



.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;

}



.section.min-padding {

  padding: 10vw 10%;

  margin: 20vw auto 40vw auto;

}



/* 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;

    }

    .section.min-padding {

  padding: 10vw 10%;

  margin: 0vw auto

}

}



/*--------------------------Camici & Pigiami Section-----------------------*/

.cnp-section {

    position: relative;

    background-color: #f8f9fa;

    padding: 8vw 4vw;

    overflow: hidden;

}



.cnp-shape {

    position: absolute;

    bottom: -20%;

    right: -15%;

    width: 50vw;

    height: 50vw;



    background-color: rgba(219, 175, 78, 0.1); /* Giallo trasparente */

    border-radius: 73% 27% 62% 38% / 39% 64% 36% 61%;

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

    z-index: 1;

}



.cnp-shape.shape2 {

    top: 5%;

    left: -10%;

    background-color: rgba(78, 132, 219, 0.1); /* Blu trasparente */

    border-radius: 73% 27% 62% 38% / 39% 64% 36% 61%;

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

}



.cnp-content {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 2rem;

}



.cnp-image {

    width: 90%;

    max-width: 350px;

    overflow: hidden;

}



.cnp-image.placeholder {

    display: flex;

    justify-content: center;

    align-items: center;

}



.cnp-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.cnp-testo {

    text-align: center;

}



.cnp-titolo {

    line-height: 1;

    margin-bottom: 1.5rem;

}



.cnp-titolo .cnp-linea-principale {

    font-size: 1.4em;

    font-weight: bold;

    color: #2B2D2F;

    display: block;

}



.cnp-titolo .cnp-connettore {

    font-size: 0.8em;

    font-weight: 400;

    color: #5a5a5a;

    display: block;

    text-transform: uppercase;

    letter-spacing: 2px;

    line-height: 1.2;

}



.cnp-titolo .cnp-linea-principale::first-letter {

    font-size: 1.5em;

    color: #265D87;

}



.cnp-testo p {

    color: #2B2D2F;

    line-height: 1.7;

}



.btn-cnp {

    display: inline-block;

    margin-top: 2rem;

    padding: 0.8rem 2rem;

    background-color: #265D87;

    color: #fff;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 500;

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

}



.btn-cnp:hover {

    background-color: #dbaf4e;

    color: #265D87;

    transform: translateY(-3px);

    text-decoration: none;

}





/* Stili per Desktop */

@media (min-width: 600px) {

    /* .page-header h1 è ora in main.css */



    .dav-content {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 4vw;

        align-items: center;

    }



    /* .dav-titolo ora usa gli stili di .section-title da main.css */

    .dav-titolo {

        text-align: left;

    }



    .dav-titolo .linea1 {

        font-size: 3vw;

    }



    .dav-titolo .linea2 {

        font-size: 9vw;

        line-height: 0.8;

    }



    .dav-section.section-reverse .dav-testo {

        order: 2;

    }



    .dav-section.section-reverse .dav-immagine-forma {

        order: 1;

    }



    .cnp-content {

        display: grid;

        grid-template-columns: 1fr 1.5fr;

        gap: 4vw;

        align-items: center;

    }

    .cnp-image {

        order: 1; /* Immagine a sinistra */

    }

    .cnp-testo {

        order: 2; /* Testo a destra */

        text-align: left;

    }

}