/* ABOUT SECTION */
   .about-section {
       min-height: 100vh;
       display: flex;
       align-items: center;
       padding: 60px 0;
       position: relative;
       overflow: hidden;
   }

   /* IMAGE CONTAINER */
   .image-container {
       position: relative;
       width: 100%;
       max-width: 500px;
       margin: 0 auto;
       border-radius: var(--b-radius);
   }

   /* MAIN IMAGE */
   .main-image {
       width: 100%;
       height: auto;
       border-radius: var(--b-radius);
       box-shadow: var(--b-shadow);
       transform-origin: center;
       transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
       position: relative;
       z-index: 10;
   }

   /* SECONDARY IMAGES */
   .secondary-image {
       position: absolute;
       border-radius: var(--b-radius);
       box-shadow: var(--b-shadow);
       transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
       opacity: 0;
       z-index: 5;
       border: 3px solid var(--light-color);
   }

   /* POSITION IMAGES */
   .image-1 {
       width: 40%;
       top: -1%;
       left: -25%;
   }

   .image-2 {
       width: 35%;
       bottom: -10%;
       left: -10%;
   }

   .image-3 {
       width: 30%;
       top: 20%;
       right: -15%;
   }

   .image-4 {
       width: 25%;
       bottom: 10%;
       right: -10%;
   }

   /* ACTIVE IMG */
   .section-active .main-image {
       transform: scale(0.9);
   }

   .section-active .secondary-image {
       opacity: 1;
   }

   .section-active .image-1 {
       transform: translateY(-20px);
   }

   .section-active .image-2 {
       transform: translateY(-1px);
   }

   .section-active .image-3 {
       transform: translateX(-10px);
   }

   .section-active .image-4 {
       transform: translateX(10px) translateY(50px);
   }

   /* RIGHT */
   .content-wrapper {
       padding-left: 40px;
   }

   .about-title {
       font-weight: var(--f-weight-2);
       font-size: var(--about-title);
       margin-bottom: 1.5rem;
       line-height: 1.2;
       color: var(--secondary-color);
   }

   .about-subtitle {
       font-size: 1.25rem;
       color: var(--primary-color);
       margin-bottom: 1.5rem;
   }

   .about-text {
       font-size: 1.1rem;
       line-height: 1.7;
       margin-bottom: 2.5rem;
   }

   .content-wrapper {
       background-position: center;
       background-repeat: no-repeat;
   }

   /* Responsividade */
   @media (max-width: 992px) {
       .about-title {
           margin-top: 100px;
       }

       .about-section {
           padding: 100px 0;
       }

       .content-wrapper {
           padding-left: 0;
           margin-top: 50px;
           text-align: center;
       }

       #about {
           margin: 0;
           padding: 0;
           height: auto;
       }


       .btn-group {
           justify-content: center;
       }

       .image-container {
           max-width: 400px;
       }
   }

   @media (max-width: 768px) {
       .about-title {
           font-size: var(--title-medium);
           margin-top: 100px;
       }

       .about-subtitle {
           font-size: 1.1rem;
       }

       .secondary-image {
           /* Simplifica para mobile */
           /* display: none; */
           opacity: 0;

           z-index: 1000;
       }

       .section-active .main-image {
           transform: scale(1);
       }

       .main-image {
           width: 100%;
           margin: auto;
           height: 600px;
           border-radius: 10px;
       }

       .image-1 {
           width: 40%;
           top: -10%;
           left: 3%;
       }

       .image-2 {
           width: 35%;
           bottom: -5%;
           left: 5%;
       }

       .image-3 {
           width: 30%;
           top: -10%;
           right: 10%;
       }

       .image-4 {
           width: 25%;
           bottom: -5%;
           right: 8%;
       }
   }