@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Montserrat:wght@700;800&display=swap");
        
        :root {
          --primary: #27871c;
          --secondary: #37b5ff;
          --light: #f8fafc;
          --dark: #1a2e35;
        }
        
        body {
          font-family: "Poppins", sans-serif;
          background: linear-gradient(135deg, #f0fdf4 0%, #e6f7ff 100%);
          min-height: 100vh;
          color: var(--dark);
        }
        
        .header-bg {
          background: linear-gradient(
            160deg,
            rgba(39, 135, 28, 0.1) 0%,
            rgba(55, 181, 255, 0.1) 100%
          );
          backdrop-filter: blur(10px);
          border-radius: 24px;
          border: 1px solid rgba(255, 255, 255, 0.3);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
        }
        
        .service-card {
          transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          border-radius: 20px;
          overflow: hidden;
          background: linear-gradient(145deg, #ffffff, #f5f9ff);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        }
        
        .service-card:hover {
          transform: translateY(-10px) scale(1.02);
          box-shadow: 0 15px 40px rgba(39, 135, 28, 0.15);
        }
        
        .testimonial-card {
          background: linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.85) 0%,
            rgba(245, 251, 255, 0.85) 100%
          );
          backdrop-filter: blur(10px);
          border: 1px solid rgba(255, 255, 255, 0.5);
        }
        
        .floating {
          animation: float 6s ease-in-out infinite;
        }
        
        .wave {
          animation: wave 8s linear infinite;
          transform-origin: 70% 70%;
          display: inline-block;
        }
        
        .accordion-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .whatsapp-btn {
          background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
          transition: all 0.3s ease;
          box-shadow: 0 10px 20px rgba(39, 135, 28, 0.2);
        }
        
        .whatsapp-btn:hover {
          transform: translateY(-3px);
          box-shadow: 0 15px 30px rgba(39, 135, 28, 0.3);
        }
        
        .audio-player {
          background: linear-gradient(
            135deg,
            rgba(39, 135, 28, 0.05) 0%,
            rgba(55, 181, 255, 0.05) 100%
          );
        }
        
        .leaf-pattern {
          position: absolute;
          z-index: -1;
          opacity: 0.1;
        }
        
        .circle-blur {
          position: absolute;
          border-radius: 50%;
          filter: blur(80px);
          z-index: -1;
          opacity: 0.3;
        }
        
        .highlight {
          position: relative;
          z-index: 1;
        }
        
        .highlight::after {
          content: "";
          position: absolute;
          bottom: 3px;
          left: 0;
          width: 100%;
          height: 12px;
          background: rgba(55, 181, 255, 0.3);
          z-index: -1;
          transition: height 0.3s ease;
        }
        
        .highlight:hover::after {
          height: 20px;
        }
        
        .section-title {
          position: relative;
          display: inline-block;
          margin-bottom: 3rem;
        }
        
        .section-title::after {
          content: "";
          position: absolute;
          width: 80px;
          height: 4px;
          background: linear-gradient(to right, var(--primary), var(--secondary));
          bottom: -15px;
          left: 50%;
          transform: translateX(-50%);
          border-radius: 10px;
        }
        
        .glow {
          text-shadow: 0 0 10px rgba(55, 181, 255, 0.3);
        }
        
        /* Novos estilos para procedimentos estéticos */
        .procedimentos-container {
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(245, 251, 255, 0.9));
            backdrop-filter: blur(10px);
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
        }
        
        .procedimento-card {
            transition: all 0.3s ease;
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(5px);
            overflow: hidden;
            position: relative;
            border: 1px solid rgba(39, 135, 28, 0.1);
        }
        
        .procedimento-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(39, 135, 28, 0.15);
            background: white;
        }
        
        .procedimento-icon {
            transition: all 0.3s ease;
        }
        
        .procedimento-card:hover .procedimento-icon {
            transform: scale(1.1) rotate(5deg);
            color: var(--primary);
        }
        
        .procedimento-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 0.7rem;
            padding: 3px 8px;
            border-radius: 20px;
            background: var(--primary);
            color: white;
            font-weight: 500;
        }