* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }
  
  html {
      scroll-behavior: smooth;
      font-size: 16px;
      scroll-padding-top: 80px;
      overflow-x: hidden;
  }
  
  body {
      font-family: "Inter", sans-serif;
      line-height: 1.6;
      color: #1a1a1a;
      background-color: #ffffff;
      overflow-x: hidden;
      max-width: 100vw;
  }
  
   :root {
      --color-primary: #1a1a1a;
      --color-primary-foreground: #ffffff;
      --color-secondary: #f5f5f5;
      --color-secondary-foreground: #1a1a1a;
      --color-accent: #d4af37;
      --color-accent-foreground: #1a1a1a;
      --color-muted: #f5f5f5;
      --color-muted-foreground: #737373;
      --color-border: #e5e5e5;
      --color-background: #ffffff;
      --color-foreground: #1a1a1a;
      --color-elegant-dark: #1a1a1a;
      --color-elegant-light: #ffffff;
      --color-elegant-gray: #737373;
      --color-elegant-gray-light: #f5f5f5;
      --color-warm-accent: #bd8026;
      --shadow-elegant: 0 20px 40px -10px rgba(26, 26, 26, 0.2);
      --shadow-soft: 0 4px 20px rgba(26, 26, 26, 0.1);
      --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-fast: all 0.2s ease-out;
      --spacing-xs: 0.25rem;
      --spacing-sm: 0.5rem;
      --spacing-md: 1rem;
      --spacing-lg: 0.75rem;
      --spacing-xl: 2rem;
      --spacing-2xl: 3rem;
      --spacing-3xl: 4rem;
      --spacing-4xl: 4.5rem;
      --container-max-width: 1250px;
      --container-padding: 1rem;
      --header-height: 80px;
  }
  
  .container {
      max-width: var(--container-max-width);
      margin: 0 auto;
      padding: 0 var(--container-padding);
  }
  
  .hero-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .equipe-text {
      overflow: hidden;
      max-height: 210px;
      overflow-y: auto;
  }
  
  .equipe-text::-webkit-scrollbar {
      width: 6px;
  }
  
  .equipe-text::-webkit-scrollbar-track {
      background: #e5e5e5;
  }
  
  .equipe-text::-webkit-scrollbar-thumb {
      background-color: #9797976b;
      border-radius: 4px;
  }
  
  .gerencia-description::-webkit-scrollbar {
      width: 6px;
  }
  
  .gerencia-description::-webkit-scrollbar-track {
      background: #e5e5e5;
  }
  
  .gerencia-description::-webkit-scrollbar-thumb {
      background-color: #9797976b;
      border-radius: 4px;
  }
  
  p {
      font-family: "Darker Grotesque", sans-serif;
      font-size: 22px !important;
      font-weight: 500;
  }
  
  h1,
  h2,
  h4,
  h5,
  h6 {
      font-weight: 300;
      line-height: 1.2;
      font-family: "Julius Sans One", sans-serif;
      color: var(--color-elegant-dark);
      position: relative;
      display: flex;
  }
  
  h3 {
      font-weight: 300;
      line-height: 1.2;
      font-family: "Julius Sans One", sans-serif;
      color: var(--color-elegant-dark);
  }
  
  .section-title {
      font-size: clamp(2rem, 5vw, 3rem);
      font-weight: 300;
      margin-bottom: var(--spacing-md);
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
  
  .section-description {
      font-size: 1.125rem;
      color: var(--color-elegant-gray);
      text-align: center;
      margin: 0 auto;
  }
  
  .section-header {
      margin-bottom: var(--spacing-2xl);
  }
  
  .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      padding: 1rem 2rem;
      border: none;
      border-top-left-radius: 0px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 30px;
      font-size: 0.875rem;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
      transition: var(--transition-smooth);
      transform: translateY(0);
      width: 100%;
  }
  
  .btn:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-soft);
  }
  
  .btn-primary {
      background-color: var(--color-elegant-dark);
      color: var(--color-elegant-light);
  }
  
  .btn-primary:hover {
      background-color: rgba(26, 26, 26, 0.9);
      box-shadow: var(--shadow-elegant);
  }
  
  .btn-accent {
      background-color: #f7c70c;
      color: black;
      font-size: 1.125rem;
      padding: 1rem 2rem;
      box-shadow: 0 0 20px #b99300;
  }
  
  .btn-accent:hover {
      color: white;
      background-color: rgba(0, 0, 0, 0.8);
      box-shadow: var(--shadow-elegant);
  }
  
  .btn-outline {
      border: 2px solid var(--color-elegant-light);
      color: var(--color-elegant-light);
      background-color: #00000054;
      font-size: 1.125rem;
      padding: 1rem 2rem;
      backdrop-filter: blur(25px);
      border-top-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 0;
  }
  
  .btn-outline:hover {
      background-color: var(--color-elegant-light);
      color: var(--color-elegant-dark);
  }
  
  .btn-outline-accent {
      margin-top: var(--spacing-xl);
      font-size: 1.125rem;
      border: 0px;
      color: #b99300;
      border: 2px solid #b99300;
      background: white;
  }
  
  .btn-outline-accent:hover {
      background-color: black;
      color: white;
  }
  
  .btn-full {
      width: 100%;
  }
  /* Header */
  
  .header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      background-color: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--color-border);
  }
  
  .header-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: var(--header-height);
  }
  
  .logo-img {
      height: 3rem;
      width: auto;
  }
  
  .nav-desktop {
      display: flex;
      align-items: center;
      gap: var(--spacing-xl);
  }
  
  .nav-link {
      color: var(--color-foreground);
      text-decoration: none;
      font-weight: 500;
      transition: var(--transition-fast);
  }
  
  .nav-link:hover {
      color: var(--color-warm-accent);
  }
  
  .header-cta {
      display: block;
  }
  
  .mobile-menu-btn {
      display: none;
      background: none;
      border: none;
      cursor: pointer;
      padding: 0.5rem;
  }
  
  .nav-mobile {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: var(--color-background);
      border-top: 1px solid var(--color-border);
      box-shadow: var(--shadow-soft);
  }
  
  .nav-mobile-content {
      padding: var(--spacing-lg);
      display: flex;
      flex-direction: column;
      gap: var(--spacing-md);
  }
  
  .nav-link-mobile {
      color: var(--color-foreground);
      text-decoration: none;
      font-weight: 500;
      padding: var(--spacing-sm) 0;
      transition: var(--transition-fast);
  }
  
  .nav-link-mobile:hover {
      color: var(--color-warm-accent);
  }
  
  .mobile-cta {
      margin-top: var(--spacing-md);
  }
  /* Hero Section */
  
  .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
  }
  
  .hero-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
  }
  
  .hero-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, rgb(26 26 26 / 69%) 0%, rgb(8 5 0 / 60%) 50%, #0000008f 100%);
      box-shadow: inset 0px -180px 80px -90px #00000040;
  }
  
  .hero-content {
      position: relative;
      z-index: 10;
      width: 100%;
  }
  
  .hero-text {
      width: 100%;
      display: flex;
      animation: fadeInUp 1s ease-out;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      backdrop-filter: blur(6px);
      padding: 50px 0;
      border-top-left-radius: 0px;
      border-top-right-radius: 80px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 80px;
      /* background: #00000036; */
      /* box-shadow: 0 0 20px #00000073; */
      margin-top: -50px;
  }
  
  .hero-title {
      font-size: clamp(2.5rem, 8vw, 3.25rem);
      font-weight: 500;
      color: #f7c70c;
      text-align: center;
      text-shadow: 0px 0px 6px #f7c70cb0;
  }
  
  .hero-subtitle {
      display: block;
      font-weight: 200;
      font-style: italic;
      color: var(--color-warm-accent);
  }
  
  .hero-description {
      font-size: 18px;
      color: rgba(255, 255, 255, 0.9);
      line-height: 1.55;
      width: 70%;
      text-align: center;
      padding: 1rem 1rem;
      margin: 0 0 2rem 0;
      /* border-bottom: 1px solid #ffffff33; */
      border-radius: 20px;
  }
  
  .hero-buttons {
      display: flex;
      gap: 25px;
      width: 65%;
  }
  
  .scroll-indicator {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
  }
  
  .scroll-indicator-box {
      width: 1.5rem;
      height: 2.5rem;
      border: 2px solid rgba(255, 255, 255, 0.5);
      border-radius: 1rem;
      display: flex;
      justify-content: center;
      padding-top: 0.5rem;
  }
  
  .scroll-indicator-dot {
      width: 0.25rem;
      height: 0.75rem;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 0.125rem;
      animation: bounce 2s infinite;
  }
  /* Services Section */
  
  .services {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-elegant-gray-light);
  }
  
  .services-grid {
      display: grid;
      gap: var(--spacing-xl);
      grid-template-columns: repeat(2, 1fr);
  }
  
  .service-card {
      background-color: var(--color-background);
      border-radius: 0.5rem;
      overflow: hidden;
      box-shadow: var(--shadow-soft);
      transition: var(--transition-smooth);
      opacity: 1;
      transform: translateY(0);
      border-top-left-radius: 0px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 30px;
  }
  
  .service-card.animate {
      opacity: 1;
      transform: translateY(0);
  }
  
  .service-card:hover {
      box-shadow: var(--shadow-elegant);
  }
  
  .service-image {
      position: relative;
      overflow: hidden;
  }
  
  .service-image img {
      width: 100%;
      height: 16rem;
      object-fit: cover;
      transition: var(--transition-smooth);
  }
  
  .service-card:hover .service-image img {
      transform: scale(1.1);
  }
  
  .service-card-2:hover .service-image img {
      transform: scale(1.1);
  }
  
  .service-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient( to top, rgba(26, 26, 26, 0.9) 0%, rgba(26, 26, 26, 0.4) 50%, transparent 100%);
  }
  
  .service-content {
      position: absolute;
      bottom: 0px;
      backdrop-filter: blur(8px);
      width: fit-content;
      padding: 25px;
      background: #00000091;
      border-top-left-radius: 0px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 30px;
      box-shadow: 0 0 20px 0px black;
  }
  
  .service-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: var(--color-elegant-light);
      margin-bottom: 0.75rem;
  }
  
  .service-list {
      list-style: none;
  }
  
  .service-list li {
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.9);
      margin-bottom: 0.25rem;
  }
  /* About Section */
  
  .about {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-background);
  }
  
  .about-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--spacing-3xl);
      align-items: center;
  }
  
  .about-content {
      opacity: 1;
      transform: translateX(0);
      transition: var(--transition-smooth);
  }
  
  .about-content.animate {
      opacity: 1;
      transform: translateX(0);
  }
  
  .about-text {
      color: var(--color-elegant-gray);
      line-height: 1.7;
      margin-bottom: var(--spacing-xl);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 35px;
  }
  
  .about-text p {
      margin-bottom: var(--spacing-lg);
  }
  
  .about-image {
      position: relative;
      opacity: 1;
      transform: translateX(0);
      transition: var(--transition-smooth);
  }
  
  .about-image.animate {
      opacity: 1;
      transform: translateX(0);
  }
  
  .about-image-container {
      position: relative;
      overflow: hidden;
      border-radius: 0px;
      box-shadow: var(--shadow-elegant);
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  .about-image-container img {
      width: 100%;
      height: 30rem;
      object-fit: cover;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  .about-image-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient( to top, rgba(26, 26, 26, 0.2) 0%, transparent 100%);
  }
  
  .decorative-element-1 {
      position: absolute;
      top: 12px;
      left: -1rem;
      width: 6rem;
      height: 6rem;
      border: 2px solid #f7c70c4a;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
      z-index: 10;
  }
  
  .decorative-element-2 {
      position: absolute;
      bottom: -1rem;
      right: -1rem;
      width: 8rem;
      height: 8rem;
      border: 2px solid rgba(115, 115, 115, 0.2);
      border-top-left-radius: 20px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 0;
      z-index: 10;
  }
  
  .text-about-container-1 {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
  }
  
  .text-about-container-2 {}
  /* Spa Section - Layout Corrigido */
  
  .spa {
      padding: var(--spacing-4xl) 0;
  }
  
  .spa-content {
      display: flex;
      grid-template-columns: 1fr 1fr;
      gap: 0px;
      align-items: center;
      margin-top: var(--spacing-2xl);
      flex-direction: column;
  }
  
  .spa-image {
      position: relative;
      width: 80%;
      overflow: hidden;
      border-radius: 0px;
      box-shadow: -1px -10px 20px #00000026;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  .spa-image img {
      width: 100%;
      height: 32rem;
      object-fit: cover;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  .spa-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 99%;
      background: linear-gradient( to top, rgba(26, 26, 26, 0.3) 0%, transparent 100%);
      border-top-left-radius: 0px;
      border-top-right-radius: 12px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  /* Cards em grid 3x1 */
  
  .spa .spa-services-grid {
      gap: 0.75rem !important;
      grid-template-columns: repeat(3, 1fr) !important;
      display: grid !important;
  }
  
  .spa-video {
      width: 100%;
      max-height: 700px;
      object-fit: cover;
  }
  
  .spa-service-card {
      background-color: var(--color-background);
      padding: var(--spacing-xl);
      border-radius: 0px;
      box-shadow: var(--shadow-soft);
      transition: var(--transition-smooth);
      text-align: center;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  .spa-service-card:hover {
      box-shadow: var(--shadow-elegant);
      transform: translateY(-4px);
  }
  
  .spa-service-icon {
      background-color: #b99300;
      border-radius: 50%;
      width: 4rem;
      height: 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto var(--spacing-md) auto;
      flex-shrink: 0;
      color: white !important;
  }
  
  .spa-service-icon i {
      color: var(--color-elegant-dark);
      width: 2rem;
      height: 2rem;
  }
  
  .spa-service-card h3 {
      font-size: 1.25rem;
      font-weight: 500;
      margin-bottom: var(--spacing-sm);
      color: var(--color-elegant-dark);
  }
  
  .spa-service-card p {
      color: var(--color-elegant-gray);
      line-height: 1.6;
      font-size: 0.95rem;
  }
  /*Equipe section*/
  
  #equipe {}
  
  .equipe {
      padding: var(--spacing-4xl) 0;
  }
  
  .equipe-content {
      display: flex;
      flex-direction: column;
  }
  
  .equipe-grid {
      display: grid;
      gap: var(--spacing-xl);
      grid-template-columns: 1fr 1fr 1fr;
  }
  
  .equipe-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
  }
  
  .equipe-card img {
      width: 350px;
      height: 350px;
      object-fit: cover;
      object-position: 0px -40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px;
      box-shadow: -10px -7px 26px #00000029;
      border-radius: 50%;
      /* border-bottom: 6px solid #FFFFFF; */
  }
  
  .equipe-role {
      color: #b99300;
  }
  
  .equipe-social {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
      color: #b99300;
  }
  
  .equipe-social svg {
      width: 28px;
      height: 28px;
      color: #b99300 !important;
  }
  
  .equipe-social i {
      color: rgba(0, 0, 0, 0.662);
  }
  /* Testimonials Section */
  
  .testimonials {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-background);
  }
  
  .testimonials-container {
      max-width: 1200px;
      margin: 0 auto;
  }
  
  .testimonials-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--spacing-xl);
      margin-bottom: var(--spacing-xl);
  }
  
  .testimonials-mobile {
      display: none;
      margin-bottom: var(--spacing-xl);
  }
  
  .testimonial-card {
      background-color: var(--color-background);
      padding: var(--spacing-xl);
      border-radius: 0.5rem;
      text-align: center;
      box-shadow: var(--shadow-soft);
      transition: var(--transition-smooth);
      opacity: 1;
      transform: translateY(0);
      border: 1px solid var(--color-border);
  }
  
  .testimonial-card.animate {
      opacity: 1;
      transform: translateY(0);
  }
  
  .testimonial-card:hover {
      box-shadow: var(--shadow-elegant);
      transform: translateY(-4px);
  }
  
  .testimonial-rating {
      display: flex;
      justify-content: center;
      gap: 0.25rem;
      margin-bottom: var(--spacing-md);
  }
  
  .star {
      color: var(--color-warm-accent);
      width: 1.25rem;
      height: 1.25rem;
  }
  
  .testimonial-text {
      font-size: 1rem;
      color: var(--color-elegant-gray);
      font-style: italic;
      margin-bottom: var(--spacing-lg);
      line-height: 1.6;
      min-height: 4rem;
  }
  
  .testimonial-author {
      font-weight: 500;
      color: var(--color-elegant-dark);
      font-size: 0.95rem;
  }
  
  .testimonial-source {
      font-size: 0.8rem;
      color: var(--color-warm-accent);
      margin-top: 0.25rem;
  }
  
  .testimonials-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: var(--spacing-md);
  }
  
  .testimonial-nav-btn {
      background: none;
      border: 1px solid var(--color-elegant-gray);
      border-radius: 50%;
      width: 2.5rem;
      height: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: var(--transition-fast);
  }
  
  .testimonial-nav-btn:hover {
      background-color: var(--color-elegant-gray);
      color: var(--color-background);
  }
  
  .testimonials-dots {
      display: flex;
      gap: 0.5rem;
  }
  
  .testimonial-dot {
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: rgba(115, 115, 115, 0.3);
      cursor: pointer;
      transition: var(--transition-fast);
  }
  
  .testimonial-dot.active {
      background-color: var(--color-warm-accent);
  }
  /* Contact Section */
  
  .contact {
      position: relative;
      padding: var(--spacing-4xl) 0;
      color: var(--color-elegant-dark);
      overflow: hidden;
      background: var(--color-elegant-gray-light);
  }
  
  .contact-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
  }
  
  .contact-bg-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .contact-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient( 135deg, rgba(26, 26, 26, 0.9) 0%, rgba(26, 26, 26, 0.8) 100%);
  }
  
  .contact .container {
      position: relative;
      z-index: 10;
  }
  
  .contact-cta {
      text-align: center;
      background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.88)), url(../images/banner.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      padding: 40px 100px 40px 100px;
      width: 100%;
      min-height: 400px;
  }
  
  .contact-title {
      font-size: clamp(2rem, 5vw, 3rem);
      font-weight: 300;
      margin-bottom: var(--spacing-md);
      text-align: center;
      display: flex;
      justify-content: center;
      color: #f7c70c;
      text-shadow: 0 0 4px #f7c70c;
  }
  
  .contact-subtitle {
      font-size: 1.4rem;
      color: #f7c70c;
      margin-bottom: var(--spacing-sm);
      text-decoration: underline;
  }
  
  .contact-description {
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: var(--spacing-xl);
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.7;
  }
  
  .contact-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      /* 3 colunas iguais */
      gap: var(--spacing-xl);
      margin-bottom: var(--spacing-4xl);
  }
  
  .contact-grid>*:nth-child(4) {
      grid-column: 1 / -1;
  }
  
  .contact-card {
      color: var(--color-elegant-dark);
      padding: var(--spacing-xl);
      border-radius: 0.5rem;
      box-shadow: var(--shadow-soft);
      opacity: 1;
      transform: translateY(0);
      transition: var(--transition-smooth);
      height: fit-content;
      background: white;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
      box-shadow: 0 0 20px #00000082;
  }
  
  .contact-card:hover {
      box-shadow: var(--shadow-elegant);
      transform: translateY(-2px);
  }
  
  .contact-card.animate {
      opacity: 1;
      transform: translateY(0);
  }
  
  .contact-card-header {
      display: flex;
      align-items: center;
      gap: var(--spacing-md);
      margin-bottom: var(--spacing-lg);
  }
  
  .contact-icon {
      color: #b99300;
      /* width: 1.5rem; */
      height: 1.5rem;
  }
  
  .contact-card-title {
      font-size: 1.5rem;
      font-weight: 300;
      color: var(--color-elegant-dark);
  }
  
  .schedule-list {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-md);
  }
  
  .schedule-item {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: var(--spacing-sm) 0;
      border-bottom: 1px solid rgba(115, 115, 115, 0.2);
      flex-direction: column;
  }
  
  .schedule-item:last-child {
      border-bottom: none;
  }
  
  .schedule-day {
      font-weight: 500;
      color: #b99300;
  }
  
  .schedule-time {
      color: var(--color-elegant-gray);
  }
  
  .contact-info {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-lg);
      padding: var(--spacing-sm) 0;
  }
  
  .contact-info-item {
      display: flex;
      align-items: flex-start;
      gap: var(--spacing-md);
  }
  
  .contact-info-item h4 {
      font-weight: 500;
      margin-bottom: var(--spacing-xs);
  }
  
  .contact-info-item p {
      color: var(--color-elegant-gray);
      line-height: 1.6;
  }
  
  .social-content {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-lg);
  }
  
  .instagram-container {
      border-radius: 0.5rem;
      overflow: hidden;
      background-color: var(--color-elegant-gray-light);
      min-height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .instagram-container iframe {
      border-radius: 0.5rem;
  }
  
  .social-buttons {
      display: flex;
      gap: var(--spacing-md);
  }
  
  .social-btn {
      background: none;
      border: 1px solid var(--color-elegant-gray);
      border-radius: 0.375rem;
      width: 2.5rem;
      height: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: var(--transition-fast);
      text-decoration: none;
      color: var(--color-elegant-gray);
  }
  
  .social-btn:hover {
      background-color: var(--color-elegant-gray);
      color: var(--color-background);
  }
  
  .map-section {
      width: 100%;
  }
  
  .map-container {
      width: 100%;
      padding: 0px;
      border: 0px;
      margin: 0px;
      filter: brightness(0.95);
  }
  /* Footer */
  
  .footer {
      background-color: black;
      color: var(--color-elegant-light);
      padding: var(--spacing-3xl) 0 var(--spacing-xl) 0;
      margin-top: -6px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
  
  .footer-content {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: var(--spacing-xl);
      margin-bottom: var(--spacing-xl);
  }
  
  .footer-main {
      max-width: 400px;
  }
  
  .footer-logo {
      height: 65px;
      width: auto;
      margin-bottom: var(--spacing-md);
      filter: drop-shadow(0px 0px 6px #f7c70c80);
  }
  
  .footer-description {
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: var(--spacing-md);
      line-height: 1.7;
  }
  
  .footer-social {
      display: flex;
      gap: var(--spacing-md);
  }
  
  .footer-social-link {
      color: rgba(255, 255, 255, 0.6);
      transition: var(--transition-fast);
      text-decoration: none;
  }
  
  .footer-social-link:hover {
      color: var(--color-warm-accent);
  }
  
  .footer-title {
      font-size: 1.125rem;
      font-weight: 500;
      margin-bottom: var(--spacing-md);
      color: white !important;
  }
  
  .footer-contact-item {
      display: flex;
      align-items: flex-start;
      gap: var(--spacing-sm);
      margin-bottom: var(--spacing-md);
  }
  
  .footer-icon {
      color: white;
      width: 1.25rem;
      height: 1.25rem;
      margin-top: 0.125rem;
      flex-shrink: 0;
  }
  
  .footer-contact-item span,
  .footer-contact-item div {
      color: rgba(255, 255, 255, 0.8);
      font-size: 0.875rem;
      line-height: 1.5;
  }
  
  .footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding: 15px;
      text-align: center;
      width: 85%;
  }
  
  .footer-bottom p {
      color: rgba(255, 255, 255, 0.6);
      font-size: 0.875rem;
  }
  /* Animations */
  
  @keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translateY(30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @keyframes bounce {
      0%,
      20%,
      50%,
      80%,
      100% {
          transform: translateY(0);
      }
      40% {
          transform: translateY(-10px);
      }
      60% {
          transform: translateY(-5px);
      }
  }
  /* Utility Classes */
  
  .hidden {
      display: none !important;
  }
  
  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
  }
  
  .banner-logo {
      width: 100%;
      height: 200px;
      object-fit: contain;
      margin-bottom: 20px;
  }
  
  .bt-50 {
      width: 50%;
  }
  
  .service-card-2 {
      background-color: var(--color-background);
      border-radius: 0.5rem;
      overflow: hidden;
      box-shadow: var(--shadow-soft);
      transition: var(--transition-smooth);
      opacity: 1;
      transform: translateY(0);
      border-top-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 0;
  }
  
  .service-list-2 {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      color: white;
  }
  
  .mb-3 {
      margin-bottom: 30px;
      margin-top: 30px;
  }
  
  .service-content-2 {
      position: absolute;
      bottom: 0px;
      backdrop-filter: blur(8px);
      width: fit-content;
      padding: 25px;
      background: #00000091;
      box-shadow: 0 0 20px 0px black;
      border-top-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 0;
  }
  
  .hr-titulo {
      background: linear-gradient( 90deg, rgba(253, 187, 45, 0) 0%, #f7c70c 50%, rgba(171, 116, 34, 0) 100%);
      width: 40%;
      height: 2px;
      position: absolute;
      bottom: -10px;
  }
  
  .gerencia {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-elegant-gray-light);
  }
  
  .gerencia-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--spacing-xl);
  }
  
  .gerencia-role {
      color: #b99300;
  }
  
  .gerencia-description {
      text-align: center;
      overflow: hidden;
      max-height: 210px;
      overflow-y: auto;
      font-size: 16px;
      line-height: 1.8;
  }
  
  .gerencia-social {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
      color: #b99300;
  }
  
  .gerencia-social svg {
      width: 28px;
      height: 28px;
  }
  
  .box-gerencia {
      display: flex;
      gap: 20px;
  }
  
  .gerencia-card {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 48%;
  }
  
  .box-gerencia-text {
      background: white;
      padding: 20px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: -80px;
      box-shadow: -5px 20px 40px #0000001f;
  }
  
  .box-gerencia-text-2 {
      background: white;
      padding: 20px;
      border-top-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: -80px;
      box-shadow: -5px 20px 40px #0000001f;
      border-bottom: 2px solid #ffff;
  }
  
  .gerencia-card img {
      width: 400px;
      height: 425px;
      object-fit: cover;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: -10px -7px 26px #0000001c;
      border-radius: 50%;
  }
  
  .gerencia-name {
      font-size: 26px;
  }
  
  .box-text-equipe-card {
      text-align: center;
      background: #f5f5f5;
      padding: 30px 20px;
      border-radius: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: -60px;
      box-shadow: -5px 20px 40px #0000001f;
      border-bottom: 2px solid #ffff;
  }
  
  .box-equipe-text {
      margin-top: 10px;
      border-top: 1px solid #5050501f;
      border-bottom: 1px solid #5050501f;
      padding: 20px 0 20px 0;
  }
  
  .footer-bottom-2 {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding-top: var(--spacing-xl);
      text-align: center;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .footer-bottom-2 a {
      color: #f7c70c;
      text-decoration: none;
      font-size: 18px;
      text-shadow: 0 0 4px #f7c70c;
  }
  /* ===== CEO SECTION ===== */
  
  .ceo {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-background);
  }
  
  .ceo-content {
      gap: 30px;
      display: flex;
      flex-direction: column;
  }
  /* ===== MECHAS SECTION ===== */
  
  .mechas {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-background);
  }
  
  .mechas-content {
      gap: 30px;
      display: flex;
      flex-direction: column;
  }
  
  .mechas-box-1 {
      display: flex;
      align-items: center;
      gap: 30px;
      background: #f5f5f5;
      padding: 0 30px 0 0;
      border-top-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 0;
      flex: 1;
  }
  
  .mechas-box-1 img {
      max-width: 100%;
      max-height: 525px;
      border-top-left-radius: 20px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 0;
      box-shadow: -10px -7px 26px #00000029;
  }
  
  .mechas-box-2 {
      display: flex;
      align-items: center;
      gap: 30px;
      background: #f5f5f5;
      padding: 0 0 0 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 30px;
      flex: 1;
      flex-direction: row-reverse;
  }
  
  .mechas-box-2 img {
      max-width: 100%;
      max-height: 525px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 30px;
      box-shadow: -10px -7px 26px #00000029;
  }
  
  .mechas-container-text {
      padding: 20px 20px;
  }
  
  .mechas-role {
      color: #b99300;
      font-size: 26px !important;
  }
  
  .mechas-name {
      font-size: 35px;
  }
  
  .mechas-gallery {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
      margin-top: 20px;
      padding: 20px 0;
      border-top: 1px solid #5050501f;
      border-bottom: 1px solid #5050501f;
  }
  
  .mechas-gallery-item {
      aspect-ratio: 1/1;
      overflow: hidden;
      border-radius: 8px;
  }
  
  .mechas-gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
  }
  
  .mechas-gallery-item:hover img {
      transform: scale(1.1);
  }
  
  .mechas-social {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
      color: #b99300;
  }
  
  .mechas-social svg {
      width: 30px;
      height: 30px;
      color: #b99300;
  }
  /* ===== CONTACT SECTION BASE STYLES ===== */
  
  .contact {
      padding: var(--spacing-4xl) 0;
      background-color: black;
  }
  
  .contact-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--spacing-xl);
  }
  
  .contact-card {
      background: white;
      padding: var(--spacing-xl);
      border-radius: 15px;
      box-shadow: var(--shadow-soft);
  }
  
  .contact-card-title {
      font-size: 1.2rem;
      font-weight: 600;
      margin-bottom: 1rem;
      color: var(--color-primary);
  }
  
  .contact-title {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
  }
  
  .contact-subtitle {
      font-size: 1.2rem;
      margin-bottom: 1rem;
      opacity: 0.9;
  }
  
  .contact-description {
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 2rem;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
  }
  
  .box-dono-1 {
      display: flex;
      align-items: center;
      gap: 30px;
      background: #f5f5f5;
      padding: 0 30px 0 0;
      border-top-left-radius: 30px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 0;
      flex: 1;
  }
  
  .box-dono-1 img {
      max-width: 100%;
      max-height: 465px;
      border-top-left-radius: 20px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 0;
      box-shadow: -10px -7px 26px #00000029;
  }
  
  .box-dono-2 {
      display: flex;
      align-items: center;
      gap: 30px;
      background: #f5f5f5;
      padding: 0 0 0 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 30px;
      flex-direction: row-reverse;
  }
  
  .box-dono-2 img {
      max-width: 100%;
      max-height: 465px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 30px;
      box-shadow: -10px -7px 26px #00000029;
  }
  
  .container-dono-text {}
  
  .container-text-dono {
      padding: 0 20px;
  }
  
  .dono-role {
      color: #b99300;
      font-size: 26px !important;
  }
  
  .dono-name {
      font-size: 35px;
  }
  
  .box-dono-text {}
  
  .dono-text {
      padding: 20px 0;
      border-top: 1px;
      border-top: 1px solid #5050501f;
      border-bottom: 1px solid #5050501f;
      margin-top: 20px;
  }
  
  .dono-social {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
      color: #b99300;
  }
  
  .dono-social svg {
      width: 30px;
      height: 30px;
      color: #b99300;
  }
  
  .box-dono-2 {
      display: flex;
      align-items: center;
      gap: 30px;
      background: #f5f5f5;
      padding: 0 0 0 30px;
      border-top-left-radius: 0;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 30px;
      flex: 1;
      flex-direction: row-reverse;
  }
  
  .box-dono-2 img {
      max-width: 100%;
      max-height: 465px;
      border-top-right-radius: 20px;
      border-top-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  header {
      position: fixed;
      z-index: 100;
      background: #1b1b1bd9;
      width: 100%;
      backdrop-filter: blur(20px);
      box-shadow: 0px 8px 20px #00000052;
      transform: translateY(-100%);
      /* Começa o header fora da tela (acima) */
      opacity: 0;
      /* Começa totalmente transparente */
      visibility: hidden;
      /* Esconde o elemento para não ser interagível */
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s;
  }
  
  header.header-visible {
      transform: translateY(0);
      /* Move o header para a posição original */
      opacity: 1;
      /* Torna o header totalmente visível */
      visibility: visible;
      /* Torna o elemento visível e interagível */
  }
  
  header::after {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0px;
      background: linear-gradient( 90deg, rgba(253, 187, 45, 0) 0%, #f7c70c 50%, rgba(171, 116, 34, 0) 100%);
      transition: 300ms;
  }
  
  nav {
      display: flex;
  }
  
  .box-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 20px 8%;
      gap: 25px;
  }
  
  .logo-container {}
  
  .logo-link {
      height: 100%;
      display: flex;
      width: 100%;
  }
  
  .logo-link img {
      width: 200px;
      height: auto;
      /* filter: drop-shadow(0px 0px 6px white); */
      /* color: #ffffff75; */
  }
  
  .nav-links {
      display: flex;
      gap: 35px;
  }
  
  .nav-links li {
      list-style: none;
      position: relative;
  }
  /* Hide mobile close button on desktop */
  
  .mobile-close {
      display: none;
  }
  
  .nav-links li a {
      text-decoration: none;
      color: #ffffff;
      font-size: 18px;
      font-family: "Julius Sans One", sans-serif;
      transition: 300ms;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 5px;
  }
  
  .nav-links li a:hover {
      text-shadow: 0 0 20px white, 0 0 3px white;
  }
  
  .nav-links li a::after {
      content: "";
      width: 0%;
      height: 2px;
      position: absolute;
      bottom: -2px;
      background: linear-gradient( 90deg, rgba(253, 187, 45, 0) 0%, #f7c70c 50%, rgba(171, 116, 34, 0) 100%);
      opacity: 0;
      transition: 300ms;
  }
  
  .nav-links li a:hover::after {
      content: "";
      width: 140%;
      height: 1px;
      position: absolute;
      bottom: -2px;
      background: linear-gradient( 90deg, rgba(253, 187, 45, 0) 0%, #f7c70c 50%, rgba(171, 116, 34, 0) 100%);
      opacity: 1;
  }
  
  .btn-nav {
      background-color: #f7c70c;
      color: black;
      font-size: 1.125rem;
      box-shadow: 0 0 20px #b99300;
      border: 0px;
      border-top-left-radius: 0;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 15px;
      width: 300px;
      height: 50px;
      cursor: pointer;
  }
  
  .btn-nav a {
      text-decoration: none;
      color: black;
  }
  
  .cursos {
      padding: var(--spacing-4xl) 0;
      background-color: var(--color-elegant-gray-light);
  }
  
  .cursos-box {
      display: flex;
      gap: 20px;
      flex-direction: column;
  }
  
  .cursos-card {
      background: white;
      padding: 40px 30px;
      box-shadow: -5px 20px 40px #0000001f;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  .cursos-card h4 {
      font-size: 23px;
      color: #b99300;
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-bottom: 15px;
      border-bottom: 1px solid #5050501f;
      text-align: center;
  }
  
  .cursos-card p {
      color: var(--color-elegant-gray);
  }
  
  .cursos-card ul {
      /* padding-top: 20px; */
  }
  
  .cursos-card li {
      color: var(--color-elegant-gray);
      line-height: 2.5rem;
      display: flex;
      align-items: center;
      gap: 10px;
  }
  
  .cursos-card li svg {
      color: #b99300;
  }
  
  .cursos-card span {
      background-color: white;
      margin-top: var(--spacing-xl);
      font-size: 1.125rem;
      /* box-shadow: 0 0 20px #00000036; */
      border: 1px solid #b99300;
      color: #b99300;
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-top-left-radius: 0;
      border-top-right-radius: 15px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 15px;
  }
  
  .equipe-grid-2 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
  /* --- Estilos do Carrossel para a Seção Sobre --- */
  
  .about-image-carousel {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      box-shadow: var(--shadow-elegant);
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
      min-height: 30rem;
      /* Garante que o container não colapse */
  }
  
  .carousel-slides {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
  }
  
  .carousel-slide {
      flex: 0 0 100%;
      width: 100%;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
  }
  
  .carousel-slide.active {
      opacity: 1;
      z-index: 1;
  }
  
  .carousel-slide img {
      width: 100%;
      height: 30rem;
      object-fit: cover;
      display: block;
      border-top-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 20px;
  }
  
  .carousel-control {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.4);
      color: white;
      border: none;
      padding: 0.75rem;
      cursor: pointer;
      transition: background-color 0.3s ease;
      font-size: 1.5rem;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .carousel-control:hover {
      background-color: rgba(0, 0, 0, 0.7);
  }
  
  .carousel-control.prev {
      left: 0;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
  }
  
  .carousel-control.next {
      right: 0;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
  }
  /* Ajustes para a grade da seção "about" */
  
  .about-text {
      align-items: center;
      /* Alinha o texto e a imagem verticalmente */
  }
  /* ===== GALERIA MASONRY ===== */
  
  .galeria {
      padding: var(--spacing-xl) 0;
      background-color: var(--color-background);
  }
  
  .gallery-masonry {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 15px;
      margin-top: 3rem;
  }
  
  .gallery-item {
      position: relative;
      overflow: hidden;
      border-radius: 15px;
      cursor: pointer;
      transition: var(--transition-smooth);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  
  .gallery-item:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-elegant);
  }
  
  .gallery-item {
      height: 250px;
  }
  
  .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: var(--transition-smooth);
  }
  
  .gallery-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(135deg, rgba(212, 175, 55, 0.9), rgba(189, 128, 38, 0.9));
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: var(--transition-smooth);
  }
  
  .gallery-item:hover .gallery-overlay {
      opacity: 1;
  }
  
  .gallery-content {
      text-align: center;
      color: white;
      transform: translateY(20px);
      transition: var(--transition-smooth);
  }
  
  .gallery-item:hover .gallery-content {
      transform: translateY(0);
  }
  
  .gallery-content i {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
  }
  
  .gallery-content p {
      font-size: 1rem;
      font-weight: 500;
  }
  /* Lazy loading placeholder */
  
  .lazy-img {
      opacity: 0;
      transition: opacity 0.3s;
  }
  
  .lazy-img.loaded {
      opacity: 1;
  }
  /* Modal da galeria */
  
  .gallery-modal {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.95);
      backdrop-filter: blur(5px);
  }
  
  .gallery-modal-content {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      padding: 2rem;
  }
  
  .gallery-modal-content img {
      max-width: 90%;
      max-height: 90%;
      object-fit: contain;
      border-radius: 10px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }
  
  .gallery-close {
      position: absolute;
      top: 2rem;
      right: 3rem;
      color: white;
      font-size: 3rem;
      font-weight: bold;
      cursor: pointer;
      z-index: 1001;
      transition: var(--transition-fast);
  }
  
  .gallery-close:hover {
      color: var(--color-accent);
  }
  
  .gallery-modal-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 0 2rem;
      z-index: 1001;
  }
  
  .gallery-nav-btn {
      background: rgba(255, 255, 255, 0.2);
      border: none;
      color: white;
      padding: 1rem;
      border-radius: 50%;
      cursor: pointer;
      font-size: 1.5rem;
      transition: var(--transition-fast);
      backdrop-filter: blur(10px);
  }
  
  .gallery-nav-btn:hover {
      background: rgba(212, 175, 55, 0.8);
      transform: scale(1.1);
  }
  /* ===== MENU MOBILE HAMBURGER ===== */
  
  .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
      padding: 0.5rem;
      z-index: 1000;
  }
  
  .hamburger span {
      width: 25px;
      height: 3px;
      background-color: var(--color-accent);
      margin: 3px 0;
      transition: var(--transition-fast);
  }
  
  .hamburger.active span:nth-child(1) {
      transform: rotate(-45deg) translate(-5px, 6px);
  }
  
  .hamburger.active span:nth-child(2) {
      opacity: 0;
  }
  
  .hamburger.active span:nth-child(3) {
      transform: rotate(45deg) translate(-5px, -6px);
  }
  /* ===== RESPONSIVIDADE MOBILE ===== */
  /* Tablet */
  
  @media (max-width: 1024px) {
      .container {
          padding: 0 2rem;
      }
      .hero-video {}
      .equipe-text {}
      .equipe-text::-webkit-scrollbar {}
      .equipe-text::-webkit-scrollbar-track {}
      .equipe-text::-webkit-scrollbar-thumb {}
      .gerencia-description::-webkit-scrollbar {}
      .gerencia-description::-webkit-scrollbar-track {}
      .gerencia-description::-webkit-scrollbar-thumb {}
      p {}
      h1,
      h2,
      h4,
      h5,
      h6 {}
      h3 {}
      .section-title {}
      .section-description {}
      .section-header {}
      .btn {
          margin: 0;
      }
      .btn:hover {}
      .btn-primary {}
      .btn-primary:hover {}
      .btn-accent {}
      .btn-accent:hover {}
      .btn-outline {}
      .btn-outline:hover {}
      .btn-outline-accent {}
      .btn-outline-accent:hover {}
      .btn-full {}
      .header {}
      .header-content {}
      .logo-img {}
      .nav-desktop {}
      .nav-link {}
      .nav-link:hover {}
      .header-cta {}
      .mobile-menu-btn {}
      .nav-mobile {}
      .nav-mobile-content {}
      .nav-link-mobile {}
      .nav-link-mobile:hover {}
      .mobile-cta {}
      .hero {}
      .hero-bg {}
      .hero-image {}
      .hero-overlay {}
      .hero-content {}
      .hero-text {}
      .hero-title {}
      .hero-subtitle {}
      .hero-description {}
      .hero-buttons {}
      .scroll-indicator {}
      .scroll-indicator-box {}
      .scroll-indicator-dot {}
      .services {}
      .services-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 2rem;
      }
      .service-card {}
      .service-card.animate {}
      .service-card:hover {}
      .service-image {}
      .service-image img {}
      .service-card:hover .service-image img {}
      .service-card-2:hover .service-image img {}
      .service-overlay {}
      .service-content {}
      .service-title {}
      .service-list {}
      .service-list li {}
      .about {}
      .about-grid {}
      .about-content {}
      .about-content.animate {}
      .about-text {}
      .about-text p {}
      .about-image {}
      .about-image.animate {}
      .about-image-container {}
      .about-image-container img {}
      .about-image-overlay {}
      .decorative-element-1 {}
      .decorative-element-2 {}
      .text-about-container-1 {}
      .text-about-container-2 {}
      .spa {}
      .spa-content {}
      .spa-image {}
      .spa-image img {}
      .spa-overlay {}
      .spa .spa-services-grid {}
      .spa-video {}
      .spa-service-card {}
      .spa-service-card:hover {}
      .spa-service-icon {}
      .spa-service-icon i {}
      .spa-service-card h3 {}
      .spa-service-card p {}
      #equipe {}
      .equipe {}
      .equipe-content {}
      .equipe-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 2rem;
      }
      .equipe-card {}
      .equipe-card img {}
      .equipe-role {}
      .equipe-social {}
      .equipe-social svg {}
      .equipe-social i {}
      .testimonials {}
      .testimonials-container {}
      .testimonials-grid {}
      .testimonials-mobile {}
      .testimonial-card {}
      .testimonial-card.animate {}
      .testimonial-card:hover {}
      .testimonial-rating {}
      .star {}
      .testimonial-text {}
      .testimonial-author {}
      .testimonial-source {}
      .testimonials-nav {}
      .testimonial-nav-btn {}
      .testimonial-nav-btn:hover {}
      .testimonials-dots {}
      .testimonial-dot {}
      .testimonial-dot.active {}
      .contact {}
      .contact-bg {}
      .contact-bg-image {}
      .contact-overlay {}
      .contact .container {}
      .contact-cta {}
      .contact-title {}
      .contact-subtitle {}
      .contact-description {}
      .contact-grid {}
      .contact-grid>*:nth-child(4) {}
      .contact-card {}
      .contact-card:hover {}
      .contact-card.animate {}
      .contact-card-header {}
      .contact-icon {}
      .contact-card-title {}
      .schedule-list {}
      .schedule-item {}
      .schedule-item:last-child {}
      .schedule-day {}
      .schedule-time {}
      .contact-info {}
      .contact-info-item {}
      .contact-info-item h4 {}
      .contact-info-item p {}
      .social-content {}
      .instagram-container {}
      .instagram-container iframe {}
      .social-buttons {}
      .social-btn {}
      .social-btn:hover {}
      .map-section {}
      .map-container {}
      .footer {}
      .footer-content {}
      .footer-main {}
      .footer-logo {}
      .footer-description {}
      .footer-social {}
      .footer-social-link {}
      .footer-social-link:hover {}
      .footer-title {}
      .footer-contact-item {}
      .footer-icon {}
      .footer-contact-item span,
      .footer-contact-item div {}
      .footer-bottom {}
      .footer-bottom p {}
      .hidden {}
      .sr-only {}
      .banner-logo {}
      .bt-50 {}
      .service-card-2 {}
      .service-list-2 {}
      .mb-3 {}
      .service-content-2 {}
      .hr-titulo {}
      .gerencia {}
      .gerencia-grid {}
      .gerencia-role {}
      .gerencia-description {}
      .gerencia-social {}
      .gerencia-social svg {}
      .box-gerencia {}
      .gerencia-card {}
      .box-gerencia-text {}
      .box-gerencia-text-2 {}
      .gerencia-card img {}
      .gerencia-name {}
      .box-text-equipe-card {}
      .box-equipe-text {}
      .footer-bottom-2 {}
      .footer-bottom-2 a {}
      .ceo {}
      .ceo-content {}
      .mechas {}
      .mechas-content {}
      .mechas-box-1 {
          padding: 0 0 0 0px;
      }
      .mechas-box-1 img {}
      .mechas-box-2 {
          padding: 0 0 0 0px;
      }
      .mechas-box-2 img {}
      .mechas-container-text {}
      .mechas-role {}
      .mechas-name {}
      .mechas-gallery {}
      .mechas-gallery-item {}
      .mechas-gallery-item img {}
      .mechas-gallery-item:hover img {}
      .mechas-social {}
      .mechas-social svg {}
      .box-dono-1 {}
      .box-dono-1 img {}
      .box-dono-2 {}
      .box-dono-2 img {}
      .container-dono-text {}
      .container-text-dono {}
      .dono-role {}
      .dono-name {}
      .box-dono-text {}
      .dono-text {}
      .dono-social {}
      .dono-social svg {}
      header {}
      header.header-visible {}
      header::after {}
      nav {}
      .box-header {}
      .logo-container {}
      .logo-link {}
      .logo-link img {}
      .nav-links {}
      .nav-links li {}
      .mobile-close {}
      .nav-links li a {}
      .nav-links li a:hover {}
      .nav-links li a::after {}
      .nav-links li a:hover::after {}
      .btn-nav {}
      .btn-nav a {}
      .cursos {}
      .cursos-box {}
      .cursos-card {}
      .cursos-card h4 {}
      .cursos-card p {}
      .cursos-card ul {}
      .cursos-card li {}
      .cursos-card li svg {}
      .cursos-card span {}
      .equipe-grid-2 {}
      .about-image-carousel {}
      .carousel-slides {}
      .carousel-slide {}
      .carousel-slide.active {}
      .carousel-slide img {}
      .carousel-control {}
      .carousel-control:hover {}
      .carousel-control.prev {}
      .carousel-control.next {}
      .galeria {}
      .gallery-masonry {
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 15px;
      }
      .gallery-item {}
      .gallery-item:hover {}
      .gallery-item img {}
      .gallery-overlay {}
      .gallery-item:hover .gallery-overlay {}
      .gallery-content {}
      .gallery-item:hover .gallery-content {}
      .gallery-content i {}
      .gallery-content p {}
      .lazy-img {}
      .lazy-img.loaded {}
      .gallery-modal {}
      .gallery-modal-content {}
      .gallery-modal-content img {}
      .gallery-close {}
      .gallery-close:hover {}
      .gallery-modal-nav {}
      .gallery-nav-btn {}
      .gallery-nav-btn:hover {}
      .hamburger {}
      .hamburger span {}
      .hamburger.active span:nth-child(1) {}
      .hamburger.active span:nth-child(2) {}
      .hamburger.active span:nth-child(3) {}
  }
  /* Mobile Landscape */
  
  @media (max-width: 768px) {
      /* Container */
      .container {
          padding: 0 1rem !important;
      }
      .hero-video {}
      .equipe-text {}
      .equipe-text::-webkit-scrollbar {}
      .equipe-text::-webkit-scrollbar-track {}
      .equipe-text::-webkit-scrollbar-thumb {}
      .gerencia-description::-webkit-scrollbar {}
      .gerencia-description::-webkit-scrollbar-track {}
      .gerencia-description::-webkit-scrollbar-thumb {}
      p {}
      h1,
      h2,
      h4,
      h5,
      h6 {}
      h3 {}
      .section-title {}
      .section-description {}
      .section-header {}
      .btn {}
      .btn:hover {}
      .btn-primary {}
      .btn-primary:hover {}
      .btn-accent {}
      .btn-accent:hover {}
      .btn-outline {}
      .btn-outline:hover {}
      .btn-outline-accent {}
      .btn-outline-accent:hover {}
      .btn-full {}
      .header {}
      .header-content {}
      .logo-img {}
      .nav-desktop {}
      .nav-link {}
      .nav-link:hover {}
      .mobile-menu-btn {}
      .nav-mobile {}
      .nav-mobile-content {}
      .nav-link-mobile {}
      .nav-link-mobile:hover {}
      .mobile-cta {}
      .scroll-indicator {}
      .scroll-indicator-box {}
      .scroll-indicator-dot {}
      .service-card.animate {}
      .service-image {}
      .service-image img {}
      .service-card:hover .service-image img {}
      .service-card-2:hover .service-image img {}
      .service-overlay {}
      .service-content {}
      .service-title {}
      .service-list {}
      .service-list li {}
      .about-content {}
      .about-content.animate {}
      .about-text p {}
      .about-image {}
      .about-image.animate {}
      .about-image-container {}
      .about-image-container img {}
      .about-image-overlay {}
      .decorative-element-1 {}
      .decorative-element-2 {}
      .text-about-container-1 {}
      .text-about-container-2 {}
      .spa {}
      .spa-image {}
      .spa-image img {}
      .spa-overlay {}
      .spa-video {}
      .spa-service-card:hover {}
      .spa-service-icon {}
      .spa-service-icon i {}
      .spa-service-card h3 {}
      .spa-service-card p {}
      #equipe {}
      .equipe {}
      .equipe-content {}
      .equipe-role {}
      .equipe-social {}
      .equipe-social svg {}
      .equipe-social i {}
      .testimonials {}
      .testimonials-container {}
      .testimonials-mobile {}
      .testimonial-card {}
      .testimonial-card.animate {}
      .testimonial-card:hover {}
      .testimonial-rating {}
      .star {}
      .testimonial-text {}
      .testimonial-author {}
      .testimonial-source {}
      .testimonials-nav {}
      .testimonial-nav-btn {}
      .testimonial-nav-btn:hover {}
      .testimonials-dots {}
      .testimonial-dot {}
      .testimonial-dot.active {}
      .contact {}
      .contact-bg {}
      .contact-bg-image {}
      .contact-overlay {}
      .contact .container {}
      .contact-subtitle {}
      .contact-grid>*:nth-child(4) {}
      .contact-card:hover {}
      .contact-card.animate {}
      .contact-card-header {}
      .contact-icon {}
      .contact-card-title {}
      .schedule-list {}
      .schedule-item {}
      .schedule-item:last-child {}
      .schedule-day {}
      .schedule-time {}
      .contact-info {}
      .contact-info-item {}
      .contact-info-item h4 {}
      .contact-info-item p {}
      .social-content {}
      .instagram-container {}
      .instagram-container iframe {}
      .social-buttons {}
      .social-btn {}
      .social-btn:hover {}
      .map-section {}
      .map-container {}
      .footer {}
      .footer-main {}
      .footer-logo {}
      .footer-description {}
      .footer-social {}
      .footer-social-link {}
      .footer-social-link:hover {}
      .footer-title {}
      .footer-contact-item {}
      .footer-icon {}
      .footer-contact-item span,
      .footer-contact-item div {}
      .footer-bottom {}
      .footer-bottom p {}
      .hidden {}
      .sr-only {}
      .bt-50 {}
      .service-list-2 {}
      .mb-3 {}
      .service-content-2 {}
      .hr-titulo {}
      .gerencia {}
      .gerencia-role {}
      .gerencia-description {}
      .gerencia-social {}
      .gerencia-social svg {}
      .box-gerencia-text {}
      .box-gerencia-text-2 {}
      .gerencia-name {}
      .box-text-equipe-card {}
      .box-equipe-text {}
      .footer-bottom-2 {}
      .footer-bottom-2 a {}
      .ceo {}
      .mechas {}
      .mechas-box-1 img {}
      .mechas-box-2 img {}
      .mechas-container-text {}
      .mechas-role {}
      .mechas-name {}
      .mechas-gallery {}
      .mechas-gallery-item {}
      .mechas-gallery-item img {}
      .mechas-gallery-item:hover img {}
      .mechas-social {}
      .mechas-social svg {}
      .container-dono-text {}
      .container-text-dono {}
      .dono-role {}
      .dono-name {}
      .box-dono-text {}
      .dono-text {}
      .dono-social svg {}
      header {}
      header.header-visible {}
      header::after {}
      nav {}
      .logo-link {}
      .logo-link img {}
      .nav-links {}
      .nav-links li {}
      .mobile-close {}
      .nav-links li a {}
      .nav-links li a:hover {}
      .nav-links li a::after {}
      .nav-links li a:hover::after {}
      .btn-nav a {}
      .cursos {}
      .cursos-card {}
      .cursos-card h4 {}
      .cursos-card p {}
      .cursos-card ul {}
      .cursos-card li {}
      .cursos-card li svg {}
      .cursos-card span {}
      .equipe-grid-2 {}
      .about-image-carousel {}
      .carousel-slides {}
      .carousel-slide {}
      .carousel-slide.active {}
      .carousel-slide img {}
      .carousel-control {}
      .carousel-control:hover {}
      .carousel-control.prev {}
      .carousel-control.next {}
      .galeria {}
      .gallery-item {}
      .gallery-item:hover {}
      .gallery-item img {}
      .gallery-overlay {}
      .gallery-item:hover .gallery-overlay {}
      .gallery-content {}
      .gallery-item:hover .gallery-content {}
      .gallery-content i {}
      .gallery-content p {}
      .lazy-img {}
      .lazy-img.loaded {}
      .gallery-modal {}
      .gallery-modal-content img {}
      .gallery-close:hover {}
      .gallery-nav-btn {}
      .gallery-nav-btn:hover {}
      .hamburger {}
      .hamburger span {}
      .hamburger.active span:nth-child(1) {}
      .hamburger.active span:nth-child(2) {}
      .hamburger.active span:nth-child(3) {}
      /* Header Mobile */
      .box-header {
          position: relative;
          padding: 1rem;
          justify-content: space-between;
      }
      .hamburger {
          display: flex !important;
          order: 3;
          position: relative;
          z-index: 10000;
      }
      .logo-container {
          order: 1;
      }
      /* Hide desktop navigation elements on mobile */
      .btn-nav {
          display: none !important;
      }
      .header-cta {
          display: none !important;
      }
      .nav-links {
          position: fixed !important;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(135deg, rgba(26, 26, 26, 0.95), rgba(26, 26, 26, 0.98));
          backdrop-filter: blur(20px);
          flex-direction: column !important;
          justify-content: center;
          align-items: center;
          padding: 4rem 2rem 2rem 2rem;
          transform: translateX(100%) !important;
          opacity: 0;
          visibility: hidden;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
          z-index: 9999 !important;
          order: 4;
          width: 100vw;
          height: 100vh;
          display: flex !important;
          gap: 0 !important;
      }
      .nav-links.active {
          transform: translateX(0) !important;
          opacity: 1 !important;
          visibility: visible !important;
      }
      .nav-links li {
          margin: 1.5rem 0 !important;
      }
      .nav-links a {
          color: white !important;
          font-size: 1.5rem !important;
          padding: 1rem 2rem !important;
          display: block !important;
          border-bottom: none !important;
          text-align: center !important;
          text-decoration: none !important;
          border-radius: 10px;
          transition: all 0.3s ease;
      }
      .nav-links a:hover {
          background: var(--color-accent);
          color: black !important;
      }
      .mobile-close {
          display: block !important;
          position: absolute !important;
          top: 2rem !important;
          right: 2rem !important;
          margin: 0 !important;
      }
      .close-btn {
          background: none !important;
          border: none !important;
          color: white !important;
          font-size: 3rem !important;
          cursor: pointer !important;
          padding: 0.5rem !important;
          transition: color 0.3s ease !important;
      }
      .close-btn:hover {
          color: var(--color-accent) !important;
      }
      .btn-nav {
          display: none;
      }
      /* Hero Mobile */
      .hero {
          min-height: 70vh;
          padding: 2rem 0;
      }
      .hero-content {
          padding: 2rem 0;
      }
      .hero-title {
          font-size: 2.2rem;
          line-height: 1.2;
          margin-bottom: 1rem;
      }
      .hero-description {
          font-size: 1rem;
          line-height: 1.6;
          margin-bottom: 2rem;
      }
      .hero-buttons {
          flex-direction: column;
          gap: 1rem;
          align-items: center;
      }
      .btn {
          padding: 1rem 2rem;
          font-size: 1rem;
          width: 100%;
      }
      .banner-logo {
          width: 150px;
          margin-bottom: 1.5rem;
      }
      /* Section Headers */
      .section-title {
          font-size: 2rem;
          text-align: center;
      }
      .section-description {
          font-size: 22px;
          text-align: center;
          margin-bottom: 2rem;
      }
      /* About Section */
      .about-grid {
          grid-template-columns: 1fr;
          gap: 2rem;
      }
      .about-text {
          grid-template-columns: 1fr !important;
          gap: 2rem;
      }
      /* Services Mobile */
      .services-grid {
          grid-template-columns: 1fr !important;
          gap: 2rem;
      }
      .service-card,
      .service-card-2 {
          max-width: 100%;
      }
      /* CEO Section */
      .ceo-content {
          flex-direction: column;
          gap: 3rem;
      }
      .box-dono-1,
      .box-dono-2 {
          flex-direction: column;
          text-align: center;
          gap: 1.5rem;
      }
      .box-dono-1 img,
      .box-dono-2 img {
          width: 200px;
          height: 200px;
          margin: 0 auto;
      }
      /* Gerencia Section */
      .gerencia-grid {
          grid-template-columns: 1fr;
          gap: 2rem;
      }
      .box-gerencia {
          flex-direction: column;
          gap: 2rem;
      }
      .gerencia-card {
          flex-direction: column;
          text-align: center;
          gap: 1.5rem;
      }
      /* Team Mobile */
      .equipe-grid,
      .equipe-grid-2 {
          grid-template-columns: 1fr !important;
          gap: 2rem;
      }
      .equipe-card {
          text-align: center;
      }
      .equipe-card img {
          width: 200px;
          height: 200px;
          margin: 0 auto 1rem;
      }
      /* Cursos */
      .cursos-box {
          display: flex;
          flex-direction: column;
          gap: 2rem;
      }
      .cursos-card {
          border-radius: 15px !important;
      }
      /* SPA Section */
      .spa-content {
          flex-direction: column;
          gap: 2rem;
      }
      .spa-services-grid {
          grid-template-columns: 1fr;
          gap: 2rem;
      }
      /* Galeria Mobile */
      .gallery-masonry {
          grid-template-columns: repeat(2, 1fr) !important;
          grid-gap: 10px;
          margin-top: 2rem;
      }
      .gallery-item:nth-child(n) {
          grid-row-end: span 15;
      }
      .gallery-modal-content {
          padding: 1rem;
      }
      .gallery-close {
          top: 1rem;
          right: 1.5rem;
          font-size: 2rem;
      }
      .gallery-modal-nav {
          padding: 0 1rem;
      }
      /* Testimonials */
      .testimonials-grid {
          display: none;
      }
      .testimonials-mobile {
          display: block;
      }
      /* Contact Mobile */
      .contact-grid {
          grid-template-columns: 1fr !important;
          gap: 2rem;
      }
      .contact-cta {
          padding: 3rem 1rem;
          text-align: center;
      }
      /* Footer Mobile */
      .footer-content {
          grid-template-columns: 1fr;
          gap: 2rem;
          text-align: center;
      }
      /* Global overflow fix for mobile */
      .container {
          max-width: 100%;
          overflow-x: hidden;
      }
      /* Ensure all sections don't overflow */
      section {
          overflow-x: hidden;
          max-width: 100%;
      }
      /* Fix for specific elements that might overflow */
      .footer-logo,
      .box-header,
      .nav-links,
      .equipe-grid,
      .gerencia-grid,
      .contact-grid {
          max-width: 100%;
          overflow-x: hidden;
      }
      /* Ensure images don't overflow */
      img {
          max-width: 100% !important;
          height: auto !important;
      }
      .logo-link img {
          width: 225px;
      }
  }
  /* Mobile Portrait */
  
  @media (max-width: 480px) {
      .container {
          padding: 0 1rem !important;
      }
      .hero-video {}
      .equipe-text {}
      .equipe-text::-webkit-scrollbar {}
      .equipe-text::-webkit-scrollbar-track {}
      .equipe-text::-webkit-scrollbar-thumb {}
      .gerencia-description::-webkit-scrollbar {}
      .gerencia-description::-webkit-scrollbar-track {}
      .gerencia-description::-webkit-scrollbar-thumb {}
      p {}
      h1,
      h2,
      h4,
      h5,
      h6 {}
      h3 {}
      .section-header {}
      .btn:hover {}
      .btn-primary {}
      .btn-primary:hover {}
      .btn-accent {}
      .btn-accent:hover {}
      .btn-outline {}
      .btn-outline:hover {}
      .btn-outline-accent {}
      .btn-outline-accent:hover {}
      .btn-full {}
      .header {}
      .header-content {}
      .logo-img {}
      .nav-desktop {}
      .nav-link {}
      .nav-link:hover {}
      .header-cta {}
      .mobile-menu-btn {}
      .nav-mobile {}
      .nav-mobile-content {}
      .nav-link-mobile {}
      .nav-link-mobile:hover {}
      .mobile-cta {}
      .hero {}
      .hero-bg {}
      .hero-image {}
      .hero-overlay {}
      .hero-content {}
      .hero-text {}
      .hero-subtitle {}
      .hero-buttons {}
      .scroll-indicator {}
      .scroll-indicator-box {}
      .scroll-indicator-dot {}
      .services {}
      .services-grid {}
      .service-card {}
      .service-card.animate {}
      .service-card:hover {}
      .service-image {}
      .service-image img {}
      .service-card:hover .service-image img {}
      .service-card-2:hover .service-image img {}
      .service-overlay {}
      .service-content {}
      .service-title {}
      .service-list {}
      .service-list li {}
      .about {}
      .about-grid {}
      .about-content {}
      .about-content.animate {}
      .about-text {}
      .about-text p {}
      .about-image {}
      .about-image.animate {}
      .about-image-container {}
      .about-image-container img {}
      .about-image-overlay {}
      .decorative-element-1 {}
      .decorative-element-2 {}
      .text-about-container-1 {}
      .text-about-container-2 {}
      .spa {
          padding-bottom: 0px;
      }
      .spa-content {}
      .spa-image {}
      .spa-image img {}
      .spa-overlay {}
      .spa .spa-services-grid {}
      .spa-video {}
      .spa-service-card {}
      .spa-service-card:hover {}
      .spa-service-icon {}
      .spa-service-icon i {}
      .spa-service-card h3 {}
      .spa-service-card p {}
      #equipe {}
      .equipe {}
      .equipe-content {}
      .equipe-grid {
          overflow: visible;
      }
      .equipe-card {}
      .equipe-role {}
      .equipe-social {}
      .equipe-social svg {}
      .equipe-social i {}
      .testimonials {}
      .testimonials-container {}
      .testimonials-grid {}
      .testimonials-mobile {}
      .testimonial-card {}
      .testimonial-card.animate {}
      .testimonial-card:hover {}
      .testimonial-rating {}
      .star {}
      .testimonial-text {}
      .testimonial-author {}
      .testimonial-source {}
      .testimonials-nav {}
      .testimonial-nav-btn {}
      .testimonial-nav-btn:hover {}
      .testimonials-dots {}
      .testimonial-dot {}
      .testimonial-dot.active {}
      .contact {}
      .contact-bg {}
      .contact-bg-image {}
      .contact-overlay {}
      .contact .container {}
      .contact-cta {}
      .contact-title {
          text-shadow: 0 0 BLACK;
      }
      .contact-subtitle {}
      .contact-description {}
      .contact-grid {}
      .contact-grid>*:nth-child(4) {}
      .contact-card {}
      .contact-card:hover {}
      .contact-card.animate {}
      .contact-card-header {}
      .contact-icon {}
      .contact-card-title {}
      .schedule-list {}
      .schedule-item {}
      .schedule-item:last-child {}
      .schedule-day {}
      .schedule-time {}
      .contact-info {}
      .contact-info-item {}
      .contact-info-item h4 {}
      .contact-info-item p {}
      .social-content {}
      .instagram-container {}
      .instagram-container iframe {}
      .social-buttons {}
      .social-btn {}
      .social-btn:hover {}
      .map-section {}
      .map-container {}
      .footer {
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .footer-content {}
      .footer-main {}
      .footer-logo {
          width: 300px;
      }
      .footer-description {}
      .footer-social {
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .footer-social-link {}
      .footer-social-link:hover {}
      .footer-title {}
      .footer-contact-item {
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .footer-icon {}
      .footer-contact-item span,
      .footer-contact-item div {}
      .footer-bottom {}
      .footer-bottom p {}
      .hidden {}
      .sr-only {}
      .bt-50 {}
      .service-card-2 {}
      .service-list-2 {}
      .mb-3 {}
      .service-content-2 {}
      .hr-titulo {}
      .gerencia {}
      .gerencia-grid {
          overflow: visible;
      }
      .gerencia-role {}
      .gerencia-social {}
      .gerencia-social svg {}
      .box-gerencia {
          overflow: visible;
      }
      .gerencia-card {}
      .box-gerencia-text {}
      .box-gerencia-text-2 {}
      .gerencia-card img {
          height: 350px !important;
          width: 350px;
          object-fit: cover;
      }
      .gerencia-name {}
      .box-text-equipe-card {}
      .box-equipe-text {}
      .footer-bottom-2 {}
      .footer-bottom-2 a {}
      .ceo {}
      .ceo-content {}
      .mechas {}
      .mechas-content {}
      .mechas-box-1 {
          display: flex;
          flex-direction: column;
      }
      .mechas-box-1 img {
          width: 100% !important;
          max-width: 600px !important;
          width: 100%;
      }
      .mechas-box-2 {
          display: flex;
          flex-direction: column;
      }
      .mechas-box-2 img {}
      .mechas-container-text {}
      .mechas-role {}
      .mechas-name {}
      .mechas-gallery {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
      }
      .mechas-gallery-item {}
      .mechas-gallery-item img {}
      .mechas-gallery-item:hover img {}
      .mechas-social {}
      .mechas-social svg {}
      .box-dono-1 {}
      .box-dono-2 {}
      .container-dono-text {}
      .container-text-dono {}
      .dono-role {}
      .dono-name {}
      .box-dono-text {}
      .dono-text {}
      .dono-social svg {}
      header {}
      header.header-visible {}
      header::after {}
      nav {}
      .box-header {}
      .logo-container {}
      .logo-link {}
      .logo-link img {}
      .nav-links {}
      .nav-links li {}
      .mobile-close {}
      .nav-links li a {}
      .nav-links li a:hover {}
      .nav-links li a::after {}
      .nav-links li a:hover::after {}
      .btn-nav {}
      .btn-nav a {}
      .cursos {}
      .cursos-box {}
      .cursos-card {}
      .cursos-card h4 {}
      .cursos-card p {}
      .cursos-card ul {}
      .cursos-card li {}
      .cursos-card li svg {
          display: none;
      }
      .cursos-card span {}
      .equipe-grid-2 {}
      .about-image-carousel {
          height: 350px;
          min-height: 350px;
      }
      .carousel-slides {
          max-height: 350px;
      }
      .carousel-slide {
          max-height: 350px;
      }
      .carousel-slide.active {}
      .carousel-slide img {
          max-height: 350px;
          object-fit: cover;
      }
      .carousel-control {}
      .carousel-control:hover {}
      .carousel-control.prev {}
      .carousel-control.next {}
      .galeria {}
      .gallery-item:hover {}
      .gallery-item img {}
      .gallery-overlay {}
      .gallery-item:hover .gallery-overlay {}
      .gallery-content {}
      .gallery-item:hover .gallery-content {}
      .gallery-content i {}
      .gallery-content p {}
      .lazy-img {}
      .lazy-img.loaded {}
      .gallery-modal {}
      .gallery-modal-content {}
      .gallery-modal-content img {}
      .gallery-close {}
      .gallery-close:hover {}
      .gallery-modal-nav {}
      .gallery-nav-btn {}
      .gallery-nav-btn:hover {}
      .hamburger {}
      .hamburger span {}
      .hamburger.active span:nth-child(1) {}
      .hamburger.active span:nth-child(2) {}
      .hamburger.active span:nth-child(3) {}
      /* Hero */
      .hero-title {
          font-size: 2rem !important;
      }
      .hero-description {
          font-size: 22px!important;
          padding: 0;
      }
      .banner-logo {
          width: 250px !important;
      }
      /* Section Headers */
      .section-title {
          font-size: 1.8rem !important;
      }
      .section-description {
          font-size: 22px;
      }
      /* Galeria */
      .gallery-masonry {
          grid-template-columns: 1fr !important;
          grid-gap: 10px;
      }
      .gallery-item:nth-child(n) {
          grid-row-end: span 20 !important;
      }
      /* Team */
      .equipe-card img,
      .box-dono-1 img,
      .box-dono-2 img {
          width: 100%!important;
          height: 350px !important;
          object-fit: cover;
          object-position: top;
      }
      /* Text sizes */
      .dono-text,
      .gerencia-description,
      .equipe-text {
          font-size: 0.9rem;
      }
      .dono-social {
          display: flex;
          justify-content: center;
          padding: 0 0 20px 0;
      }
      /* Buttons */
      .btn {
          font-size: 22px;
          padding: 0.8rem 1.5rem;
      }
      /* Fix brok en layouts */
      .ceo-content,
      .box-dono-1,
      .box-dono-2 {
          flex-direction: column !important;
          padding: 0;
      }
      .gerencia-card {
          flex-direction: column !important;
          width: 100%;
          overflow: visible;
      }
  }