:root{
      --bg:#0a0a0a;
      --panel:#111111;
      --muted:#8b8b8b;
      --accent:#ff8533;
      --white:#ffffff;
      --glass: rgba(255,255,255,0.05);
      --card:#151515;
      --transition: 400ms cubic-bezier(.4,0,.2,1);
      --gradient-accent: linear-gradient(135deg, #ff8533, #ffa366);
      --gradient-blue: linear-gradient(135deg, #27a2ff, #9d6bff);
    }
    
    [data-theme="light"]{
      --bg:#f5f5f5;
      --panel:#ffffff;
      --muted:#6b6b6b;
      --accent:#ff8533;
      --white:#0a0a0a;
      --glass: rgba(0,0,0,0.05);
      --card:#ffffff;
    }

    *{box-sizing:border-box; margin:0; padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background:var(--bg);
      color:var(--white);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.6;
      overflow-x:hidden;
    }

    h1,h2,h3,h4,h5,h6{
      font-family:'Space Grotesk', 'Inter', sans-serif;
      font-weight:700;
      line-height:1.2;
      letter-spacing:-0.02em;
    }

    /* Header melhorado e otimizado */
    .topbar{
      position:fixed;
      left:0;
      right:0;
      top:0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:20px 40px;
      z-index:1000;
      backdrop-filter:blur(20px) saturate(180%);
      background:rgba(10,10,10,0.85);
      border-bottom:1px solid rgba(255,255,255,0.08);
      transition:all 0.4s cubic-bezier(.4,0,.2,1);
    }
    
    [data-theme="light"] .topbar{
      background:rgba(250,250,250,0.95);
      border-bottom:1px solid rgba(0,0,0,0.08);
    }
    
    .topbar.scrolled{
      padding:14px 40px;
      box-shadow:0 4px 24px rgba(0,0,0,0.3);
    }
    
    .brand{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:8px;
    }
    
    .slogan-container{
      display:flex;
      flex-direction:column;
    }
    
    .slogan{
      font-size:12px;
      font-weight:500;
      color:var(--muted);
      font-family:'Inter', sans-serif;
      white-space:nowrap;
      letter-spacing:0.3px;
      margin-top:4px;
    }
    
    @media(max-width:1150px){
      .slogan{
        display:none;
      }
    }
    
    .logo-img{
      height:35px;
      width:auto;
      object-fit:contain;
      display:block;
      transition:all 0.3s ease;
    }
    
    .logo-video{
      height:50px;
      width:auto;
      max-width:200px;
      object-fit:contain;
    }
    
    .logo-image{
      height:35px;
      width:auto;
      object-fit:contain;
    }
    
    .navlinks{
      display:flex;
      gap:32px;
      align-items:center;
    }
    
    .navlinks a{
      color:var(--muted);
      text-decoration:none;
      font-weight:500;
      font-size:15px;
      transition:all 0.3s ease;
      position:relative;
      padding:8px 0;
    }
    
    .navlinks a::after{
      content:'';
      position:absolute;
      bottom:0;
      left:0;
      width:0;
      height:2px;
      background:var(--gradient-accent);
      transition:width 0.3s ease;
      border-radius:2px;
    }
    
    .navlinks a:hover,
    .navlinks a.active{
      color:var(--white);
    }
    
    .navlinks a:hover::after,
    .navlinks a.active::after{
      width:100%;
    }
    
    .actions{
      display:flex;
      gap:12px;
      align-items:center;
    }
    
    /* Language Selector */
    .language-selector{
      position:relative;
    }
    
    .language-btn{
      padding:0;
      border-radius:0;
      background:transparent;
      border:none;
      cursor:pointer;
      font-weight:600;
      font-size:20px;
      transition:all 0.3s ease;
      color:var(--white);
      font-family:inherit;
      display:flex;
      align-items:center;
      justify-content:center;
      width:auto;
      min-width:auto;
      gap:6px;
    }
    
    .language-btn .flag-icon{
      display:block;
      width:24px;
      height:18px;
      object-fit:cover;
      border-radius:2px;
    }
    
    .language-btn .text-icon{
      display:none;
    }
    
    .language-btn .dropdown-arrow{
      width:12px;
      height:12px;
      margin-left:6px;
      color:var(--muted);
      transition:transform 0.3s ease, color 0.3s ease;
    }
    
    .language-btn:hover .dropdown-arrow,
    .language-dropdown.active ~ .language-btn .dropdown-arrow{
      color:var(--white);
    }
    
    .language-btn.dropdown-open .dropdown-arrow{
      transform:rotate(180deg);
    }
    
    .language-btn:hover{
      background:transparent;
      opacity:0.8;
    }
    
    .language-dropdown{
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      background:var(--card);
      border:1px solid rgba(255,255,255,0.1);
      border-radius:12px;
      padding:8px;
      min-width:160px;
      display:none;
      flex-direction:column;
      gap:4px;
      box-shadow:0 10px 40px rgba(0,0,0,0.3);
      z-index:1000;
      backdrop-filter:blur(20px);
    }
    
    .language-dropdown.active{
      display:flex;
    }
    
    [data-theme="light"] .language-dropdown{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 10px 40px rgba(0,0,0,0.1);
    }
    
    .language-option{
      padding:12px 16px;
      border-radius:8px;
      cursor:pointer;
      transition:all 0.3s ease;
      color:var(--white);
      font-size:14px;
      font-weight:500;
      display:flex;
      align-items:center;
      gap:0;
      justify-content:center;
    }
    
    .language-option .flag{
      width:32px;
      height:24px;
      object-fit:cover;
      border-radius:3px;
      display:block;
      flex-shrink:0;
    }
    
    .language-option .lang-code{
      display:none;
      font-size:14px;
      font-weight:600;
    }
    
    .language-dropdown.active .language-option .lang-code{
      display:block;
    }
    
    .language-option{
      gap:12px;
      justify-content:flex-start;
    }
    
    .language-option:hover{
      background:rgba(255,255,255,0.1);
    }
    
    .language-option.active{
      background:rgba(255,133,51,0.15);
      color:var(--accent);
    }
    
    [data-theme="light"] .language-option:hover{
      background:rgba(0,0,0,0.05);
    }
    
    .language-option .flag{
      font-size:20px;
      width:24px;
      text-align:center;
    }
    
    .btn{
      padding:10px 20px;
      border-radius:10px;
      background:transparent;
      border:1.5px solid rgba(255,255,255,0.1);
      cursor:pointer;
      font-weight:600;
      font-size:14px;
      transition:all 0.3s ease;
      color:var(--white);
      font-family:inherit;
    }
    
    .btn:hover{
      background:rgba(255,255,255,0.05);
      border-color:rgba(255,255,255,0.2);
      transform:translateY(-1px);
    }
    
    .btn.primary{
      background:var(--gradient-accent);
      color:#ffffff;
      border:none;
      box-shadow:0 4px 16px rgba(255,133,51,0.3);
      padding:10px 24px;
    }
    
    .btn.primary:hover{
      box-shadow:0 6px 24px rgba(255,133,51,0.4);
      transform:translateY(-2px);
    }
    
    /* Theme Toggle Button - apenas ícone */
    #themeToggle{
      width:44px;
      height:44px;
      padding:0;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:0;
      background:transparent;
      border:none;
      position:relative;
      cursor:pointer;
    }
    
    #themeToggle:hover{
      background:transparent;
      transform:scale(1.05);
      opacity:0.8;
    }
    
    #themeToggle svg{
      width:20px;
      height:20px;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%, -50%);
      transition:opacity 0.3s ease, transform 0.3s ease;
    }
    
    #themeToggle svg.hidden{
      opacity:0;
      transform:translate(-50%, -50%) rotate(90deg) scale(0);
      pointer-events:none;
    }
    
    #themeToggle svg:not(.hidden){
      opacity:1;
      transform:translate(-50%, -50%) rotate(0deg) scale(1);
    }
    
    #themeToggle .sun-icon svg{
      fill:#ff8533;
    }
    
    #themeToggle .moon-icon svg{
      fill:#87CEEB;
    }

    /* WhatsApp Floating Button */
    .whatsapp-float{
      position:fixed;
      bottom:24px;
      right:24px;
      width:60px;
      height:60px;
      background:#25D366;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 4px 20px rgba(37,211,102,0.4);
      cursor:pointer;
      z-index:1000;
      transition:all 0.3s ease;
      border:none;
    }
    
    .whatsapp-float:hover{
      transform:scale(1.1);
      box-shadow:0 6px 30px rgba(37,211,102,0.6);
    }
    
    .whatsapp-float svg{
      width:32px;
      height:32px;
      fill:#fff;
    }
    
    /* WhatsApp Chat Modal */
    .whatsapp-chat{
      position:fixed;
      bottom:100px;
      right:24px;
      width:360px;
      max-width:calc(100vw - 48px);
      background:var(--card);
      border-radius:20px;
      box-shadow:0 10px 40px rgba(0,0,0,0.3);
      z-index:1001;
      display:none;
      flex-direction:column;
      border:1px solid rgba(255,255,255,0.1);
      overflow:hidden;
    }
    
    .whatsapp-chat.active{
      display:flex;
      animation:slideUp 0.3s ease;
    }
    
    @keyframes slideUp{
      from{
        opacity:0;
        transform:translateY(20px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }
    
    .whatsapp-chat-header{
      background:#25D366;
      padding:16px 20px;
      display:flex;
      align-items:center;
      gap:12px;
      color:#fff;
    }
    
    .whatsapp-chat-header svg{
      width:24px;
      height:24px;
      fill:#fff;
    }
    
    .whatsapp-chat-header h3{
      font-size:16px;
      font-weight:600;
      margin:0;
      color:#fff;
    }
    
    .whatsapp-chat-body{
      padding:20px;
      display:flex;
      flex-direction:column;
      gap:16px;
    }
    
    .whatsapp-chat-body p{
      color:var(--muted);
      font-size:14px;
      line-height:1.6;
      margin:0;
    }
    
    .whatsapp-chat-input{
      padding:12px 16px;
      border-radius:12px;
      border:1.5px solid rgba(255,255,255,0.1);
      background:rgba(255,255,255,0.03);
      color:var(--white);
      font-family:inherit;
      font-size:14px;
      resize:none;
      min-height:80px;
      transition:all 0.3s ease;
    }
    
    .whatsapp-chat-input:focus{
      outline:none;
      border-color:#25D366;
      background:rgba(255,255,255,0.05);
    }
    
    .whatsapp-chat-actions{
      display:flex;
      gap:12px;
    }
    
    .whatsapp-chat-btn{
      flex:1;
      padding:12px;
      border-radius:12px;
      border:none;
      font-weight:600;
      font-size:14px;
      cursor:pointer;
      transition:all 0.3s ease;
    }
    
    .whatsapp-chat-btn.send{
      background:#25D366;
      color:#fff;
    }
    
    .whatsapp-chat-btn.send:hover{
      background:#20BA5A;
      transform:translateY(-1px);
    }
    
    .whatsapp-chat-btn.cancel{
      background:rgba(255,255,255,0.05);
      color:var(--white);
      border:1px solid rgba(255,255,255,0.1);
    }
    
    .whatsapp-chat-btn.cancel:hover{
      background:rgba(255,255,255,0.1);
    }
    
    .whatsapp-chat-btn.back{
      background:rgba(255,255,255,0.05);
      color:var(--white);
      border:1px solid rgba(255,255,255,0.1);
    }
    
    .whatsapp-chat-btn.back:hover{
      background:rgba(255,255,255,0.1);
    }
    
    .whatsapp-chat-close{
      margin-left:auto;
      background:transparent;
      border:none;
      color:#fff;
      font-size:28px;
      line-height:1;
      cursor:pointer;
      padding:0;
      width:32px;
      height:32px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      transition:all 0.3s ease;
    }
    
    .whatsapp-chat-close:hover{
      background:rgba(255,255,255,0.2);
      transform:rotate(90deg);
    }
    
    .whatsapp-services-intro{
      color:var(--muted);
      font-size:14px;
      line-height:1.6;
      margin:0 0 16px 0;
      text-align:center;
    }
    
    .whatsapp-services-grid{
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:12px;
      max-height:400px;
      overflow-y:auto;
      padding-right:4px;
    }
    
    .whatsapp-services-grid::-webkit-scrollbar{
      width:6px;
    }
    
    .whatsapp-services-grid::-webkit-scrollbar-track{
      background:rgba(255,255,255,0.05);
      border-radius:10px;
    }
    
    .whatsapp-services-grid::-webkit-scrollbar-thumb{
      background:rgba(255,255,255,0.2);
      border-radius:10px;
    }
    
    .whatsapp-services-grid::-webkit-scrollbar-thumb:hover{
      background:rgba(255,255,255,0.3);
    }
    
    .whatsapp-service-card{
      background:rgba(255,255,255,0.05);
      border:1.5px solid rgba(255,255,255,0.1);
      border-radius:12px;
      padding:16px;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:8px;
      cursor:pointer;
      transition:all 0.3s ease;
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    
    .whatsapp-service-card::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:3px;
      background:var(--gradient-accent);
      transform:scaleX(0);
      transform-origin:left;
      transition:transform 0.3s ease;
    }
    
    .whatsapp-service-card:hover{
      background:rgba(37,211,102,0.1);
      border-color:#25D366;
      transform:translateY(-2px);
      box-shadow:0 4px 12px rgba(37,211,102,0.2);
    }
    
    .whatsapp-service-card:hover::before{
      transform:scaleX(1);
    }
    
    .service-card-icon{
      font-size:32px;
      line-height:1;
      margin-bottom:4px;
    }
    
    .service-card-content{
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    
    .service-card-content strong{
      font-size:14px;
      font-weight:700;
      color:var(--white);
      font-family:'Space Grotesk', sans-serif;
    }
    
    .service-card-content span{
      font-size:11px;
      color:var(--muted);
      line-height:1.3;
    }
    
    .whatsapp-selected-service{
      margin-bottom:8px;
    }
    
    .selected-service-badge{
      background:rgba(37,211,102,0.15);
      border:1px solid rgba(37,211,102,0.3);
      border-radius:8px;
      padding:10px 14px;
      display:flex;
      align-items:center;
      gap:8px;
      font-size:12px;
    }
    
    .selected-service-badge span{
      color:var(--muted);
    }
    
    .selected-service-badge strong{
      color:#25D366;
      font-weight:600;
    }
    
    [data-theme="light"] .whatsapp-service-card{
      background:rgba(0,0,0,0.03);
      border-color:rgba(0,0,0,0.1);
    }
    
    [data-theme="light"] .whatsapp-service-card:hover{
      background:rgba(37,211,102,0.08);
      border-color:#25D366;
    }
    
    [data-theme="light"] .whatsapp-chat-input{
      background:rgba(0,0,0,0.03);
      border-color:rgba(0,0,0,0.1);
      color:var(--text);
    }
    
    [data-theme="light"] .whatsapp-chat-input:focus{
      background:rgba(0,0,0,0.05);
      border-color:#25D366;
    }
    
    [data-theme="light"] .whatsapp-chat-btn.back{
      background:rgba(0,0,0,0.05);
      border-color:rgba(0,0,0,0.1);
      color:var(--text);
    }
    
    [data-theme="light"] .whatsapp-chat-btn.back:hover{
      background:rgba(0,0,0,0.1);
    }
    
    /* Service Modal */
    .service-modal{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.8);
      backdrop-filter:blur(8px);
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:10000;
      padding:20px;
    }
    
    .service-modal-content{
      background:var(--card);
      border-radius:20px;
      width:100%;
      max-width:500px;
      max-height:90vh;
      overflow:hidden;
      border:1px solid rgba(255,255,255,0.1);
      box-shadow:0 20px 60px rgba(0,0,0,0.5);
    }
    
    [data-theme="light"] .service-modal-content{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
    }
    
    .service-modal-header{
      padding:24px;
      border-bottom:1px solid rgba(255,255,255,0.1);
      display:flex;
      align-items:center;
      justify-content:space-between;
      background:var(--panel);
    }
    
    [data-theme="light"] .service-modal-header{
      background:#f8f9fa;
      border-bottom:1px solid rgba(0,0,0,0.1);
    }
    
    .service-modal-header h3{
      margin:0;
      font-size:20px;
      font-weight:600;
      color:var(--white);
      font-family:'Space Grotesk', sans-serif;
    }
    
    [data-theme="light"] .service-modal-header h3{
      color:var(--bg);
    }
    
    .service-modal-close{
      background:none;
      border:none;
      color:var(--white);
      font-size:32px;
      line-height:1;
      cursor:pointer;
      padding:0;
      width:32px;
      height:32px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:8px;
      transition:all 0.3s ease;
    }
    
    [data-theme="light"] .service-modal-close{
      color:var(--bg);
    }
    
    .service-modal-close:hover{
      background:rgba(255,255,255,0.1);
    }
    
    .service-modal-body{
      padding:24px;
      display:flex;
      flex-direction:column;
      gap:12px;
      max-height:calc(90vh - 100px);
      overflow-y:auto;
    }
    
    .service-option{
      padding:20px;
      background:rgba(255,255,255,0.02);
      border:1px solid rgba(255,255,255,0.05);
      border-radius:12px;
      text-align:left;
      cursor:pointer;
      transition:all 0.3s ease;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    
    [data-theme="light"] .service-option{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
    }
    
    .service-option:hover{
      background:rgba(255,133,51,0.1);
      border-color:var(--accent);
      transform:translateY(-2px);
    }
    
    .service-option strong{
      font-size:16px;
      font-weight:600;
      color:var(--white);
      font-family:'Space Grotesk', sans-serif;
    }
    
    [data-theme="light"] .service-option strong{
      color:var(--bg);
    }
    
    .service-option span{
      font-size:14px;
      color:var(--muted);
      line-height:1.5;
    }
    
    @media(max-width:768px){
      .whatsapp-chat{
        width:calc(100vw - 48px);
        right:24px;
        left:24px;
      }
      
      .whatsapp-services-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
        max-height:350px;
      }
      
      .whatsapp-service-card{
        padding:14px 10px;
      }
      
      .service-card-icon{
        font-size:28px;
      }
      
      .service-card-content strong{
        font-size:13px;
      }
      
      .service-card-content span{
        font-size:10px;
      }
    }

    /* Hero Section - Carrossel Full Width */
    .hero{
      min-height:100vh;
      padding-top:100px;
      position:relative;
      overflow:hidden;
      background:radial-gradient(ellipse at top, rgba(255,133,51,0.1), transparent 50%);
    }
    
    .hero-carousel-wrapper{
      position:relative;
      width:100%;
      height:calc(100vh - 100px);
      min-height:600px;
    }
    
    .hero-carousel{
      width:100%;
      height:100%;
      position:relative;
      overflow:hidden;
    }
    
    .hero-slides{
      display:flex;
      width:100%;
      height:100%;
      transition:transform 800ms cubic-bezier(.4,0,.2,1);
    }
    
    .hero-slide{
      min-width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      padding:80px 40px;
    }
    
    .hero-slide-content{
      max-width:1200px;
      width:100%;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
      z-index:2;
    }
    
    @media(max-width:768px){
      .hero-slide-content{
        align-items:center;
      }
    }
    
    @media(max-width:480px){
      .hero-slide-content{
        align-items:center;
      }
    }
    
    @media(max-width:1024px){
      .hero-slide-content{
        grid-template-columns:1fr 1fr;
        gap:30px;
        text-align:left;
      }
      
      .hero-slide-text h1{
        font-size:clamp(24px, 4vw, 36px);
      }
      
      .hero-slide-text p{
        font-size:clamp(14px, 1.8vw, 18px);
      }
      
      .hero-slide-image img{
        max-width:100%;
        height:auto;
      }
      
      .hero{
        min-height:auto;
        padding-top:90px;
      }
      
      .hero-carousel-wrapper{
        height:auto;
        min-height:450px;
      }
      
      .hero-slide{
        padding:60px 30px;
      }
      
      .topbar{
        padding:14px 24px;
      }
      
      .navlinks{
        gap:24px;
      }
      
      .navlinks a{
        font-size:14px;
      }
      
      .services-grid{
        grid-template-columns:repeat(2, 1fr);
      }
      
      .portfolio-grid{
        grid-template-columns:repeat(2, 1fr);
      }
    }
    
    .hero-slogan{
      font-size:clamp(18px, 2.5vw, 32px);
      font-weight:900;
      letter-spacing:4px;
      text-transform:uppercase;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      margin-bottom:24px;
      font-family:'Space Grotesk', sans-serif;
      display:inline-block;
      position:relative;
      padding:12px 0 12px 40px;
      text-shadow:0 0 40px rgba(255,133,51,0.5);
      filter:drop-shadow(0 0 20px rgba(255,133,51,0.4));
      animation:glowPulse 3s ease-in-out infinite;
    }
    
    @keyframes glowPulse{
      0%, 100%{
        filter:drop-shadow(0 0 20px rgba(255,133,51,0.4));
        opacity:1;
      }
      50%{
        filter:drop-shadow(0 0 30px rgba(255,133,51,0.7));
        opacity:1;
      }
    }
    
    .hero-slogan::before{
      content:'';
      position:absolute;
      left:0;
      top:50%;
      transform:translateY(-50%);
      width:32px;
      height:4px;
      background:var(--gradient-accent);
      border-radius:4px;
      box-shadow:0 0 15px rgba(255,133,51,0.8),
                 0 0 30px rgba(255,133,51,0.4);
      animation:lineGlow 2s ease-in-out infinite;
    }
    
    @keyframes lineGlow{
      0%, 100%{
        box-shadow:0 0 15px rgba(255,133,51,0.8),
                   0 0 30px rgba(255,133,51,0.4);
        transform:translateY(-50%) scaleX(1);
      }
      50%{
        box-shadow:0 0 25px rgba(255,133,51,1),
                   0 0 50px rgba(255,133,51,0.6);
        transform:translateY(-50%) scaleX(1.2);
      }
    }
    
    .hero-slogan::after{
      content:'';
      position:absolute;
      left:0;
      top:50%;
      transform:translateY(-50%);
      width:32px;
      height:4px;
      background:var(--gradient-accent);
      border-radius:4px;
      opacity:0.6;
      filter:blur(6px);
      animation:blurPulse 2s ease-in-out infinite;
    }
    
    @keyframes blurPulse{
      0%, 100%{
        opacity:0.6;
        transform:translateY(-50%) scaleX(1);
      }
      50%{
        opacity:0.9;
        transform:translateY(-50%) scaleX(1.3);
      }
    }
    
    .hero-slide-text h1{
      font-size:clamp(40px, 6vw, 72px);
      font-weight:800;
      line-height:1.1;
      margin-bottom:24px;
      color:var(--white);
      font-family:'Space Grotesk', sans-serif;
    }
    
    .hero-slide-text h1 strong{
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    
    .hero-slide-text p{
      font-size:clamp(16px, 2vw, 20px);
      color:var(--muted);
      margin-bottom:32px;
      line-height:1.7;
      max-width:600px;
    }
    
    .hero-slide-cta{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
    }
    
    .hero-slide-cta .btn{
      padding:16px 32px;
      font-size:16px;
      font-weight:600;
    }
    
    .hero-slide-image{
      position:relative;
      border-radius:24px;
      overflow:hidden;
     
      display:flex;
      align-items:center;
      justify-content:center;
    }
    
    .hero-slide-image img{
      width:100%;
      max-width:700px;
      height:auto;
      display:block;
      border-radius:24px;
      object-fit:contain;
    }
    
    @media(max-width:1024px){
      .hero-slide-image img{
        max-width:100%;
        max-height:300px;
      }
    }
    
    @media(max-width:768px){
      .hero-slide-image img{
        max-height:200px;
      }
    }
    
    @media(max-width:480px){
      .hero-slide-image img{
        max-height:150px;
      }
    }
    
    .hero-slide-bg{
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      opacity:0.1;
      z-index:1;
    }
    
    .hero-slide-bg img{
      width:100%;
      height:100%;
      object-fit:cover;
      filter:blur(40px);
    }

    /* Carousel melhorado */
    .carousel{
      position:relative;
      overflow:hidden;
      border-radius:20px;
      background:rgba(255,255,255,0.02);
      border:1px solid rgba(255,255,255,0.05);
      padding:40px;
      backdrop-filter:blur(10px);
    }
    
    [data-theme="light"] .carousel{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    .slides{
      display:flex;
      transition:transform 700ms cubic-bezier(.4,0,.2,1);
    }
    
    .slide{
      min-width:100%;
      padding:20px 0;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
    }
    
    .slide img{
      max-width:100%;
      height:auto;
      margin-bottom:24px;
    }
    
    .slide .kicker{
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:2px;
      color:var(--accent);
      font-weight:700;
      margin-bottom:12px;
      font-family:'Space Grotesk', sans-serif;
    }
    
    .slide h2{
      font-size:clamp(28px, 4vw, 40px);
      margin:12px 0;
      line-height:1.2;
    }
    
    .slide p{
      color:var(--muted);
      font-size:16px;
      line-height:1.6;
      margin-top:16px;
    }
    
    .carousel-controls{
      position:absolute;
      left:40px;
      right:40px;
      bottom:24px;
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    
    .dots{
      display:flex;
      gap:10px;
    }
    
    .dot{
      width:10px;
      height:10px;
      border-radius:50%;
      background:rgba(255,255,255,0.3);
      cursor:pointer;
      transition:all 0.3s ease;
    }
    
    .dot.active{
      background:var(--accent);
      transform:scale(1.5);
      box-shadow:0 0 16px rgba(255,133,51,0.6);
      width:24px;
      border-radius:12px;
    }
    
    .carousel-nav{
      display:flex;
      gap:8px;
    }
    
    .icon-btn{
      width:40px;
      height:40px;
      border-radius:10px;
      background:rgba(255,255,255,0.05);
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:all 0.3s ease;
      font-size:20px;
      color:var(--white);
      border:1px solid rgba(255,255,255,0.1);
    }
    
    .icon-btn:hover{
      background:rgba(255,255,255,0.1);
      transform:scale(1.1);
    }

    /* Services Grid */
    .services-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
      gap:24px;
      margin-top:48px;
    }
    
    .service-card{
      background:rgba(255,255,255,0.02);
      padding:32px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,0.05);
      transition:all 0.4s ease;
      position:relative;
      overflow:hidden;
    }
    
    [data-theme="light"] .service-card{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    [data-theme="light"] .service-card:hover{
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 4px 16px rgba(0,0,0,0.1);
    }
    
    .service-card img{
      width:100%;
      height:180px;
      object-fit:cover;
      border-radius:12px;
      margin-bottom:20px;
    }
    
    .service-card::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:4px;
      background:var(--gradient-accent);
      transform:scaleX(0);
      transition:transform 0.4s ease;
    }
    
    .service-card:hover{
      transform:translateY(-8px);
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 12px 40px rgba(0,0,0,0.3);
    }
    
    .service-card:hover::before{
      transform:scaleX(1);
    }
    
    .service-card .icon{
      width:56px;
      height:56px;
      border-radius:12px;
      background:var(--gradient-accent);
      display:grid;
      place-items:center;
      font-size:24px;
      margin-bottom:20px;
      box-shadow:0 4px 16px rgba(255,133,51,0.3);
    }
    
    .service-card h3{
      font-size:22px;
      margin-bottom:12px;
      color:var(--white);
    }
    
    .service-card p{
      color:var(--muted);
      font-size:15px;
      line-height:1.6;
    }

    /* Sections */
    main{
      padding:0;
    }
    
    section{
      max-width:1400px;
      margin:0 auto;
      padding:100px 40px;
    }
    
    @media(max-width:768px){
      section{
        padding:60px 24px;
      }
    }
    
    .section-header{
      text-align:center;
      margin-bottom:60px;
    }
    
    .section-header h2{
      font-size:clamp(32px, 5vw, 48px);
      margin-bottom:16px;
      color:var(--white);
      text-transform:uppercase;
      letter-spacing:1px;
    }
    
    [data-theme="light"] .section-header h2{
      color:var(--white);
    }
    
    .section-header p{
      font-size:18px;
      color:var(--muted);
      max-width:700px;
      margin:0 auto;
      line-height:1.7;
    }

    /* About Section */
    .about-content{
      display:flex;
      flex-direction:column;
      gap:40px;
      width:100%;
      margin:0 auto;
      box-sizing:border-box;
    }
    
    .about-text-cards{
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:32px;
      width:100%;
    }
    
    .about-stats{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:32px;
      width:100%;
    }
    
    .about-section-item{
      padding:32px;
      background:var(--card);
      border-radius:16px;
      border:1px solid rgba(255,255,255,0.05);
      transition:all 0.3s ease;
    }
    
    .about-section-item:hover{
      transform:translateY(-4px);
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 10px 40px rgba(255,133,51,0.1);
    }
    
    [data-theme="light"] .about-section-item{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    [data-theme="light"] .about-section-item:hover{
      box-shadow:0 10px 40px rgba(255,133,51,0.15);
    }
    
    .about-section-item h3{
      font-size:24px;
      font-weight:700;
      color:var(--accent);
      margin-bottom:16px;
      font-family:'Space Grotesk', sans-serif;
    }
    
    .about-section-item p{
      font-size:16px;
      line-height:1.8;
      color:var(--muted);
      margin:0;
    }
    
    .stat-item{
      text-align:center;
      padding:32px 24px;
      background:var(--card);
      border-radius:16px;
      border:1px solid rgba(255,255,255,0.05);
      transition:all 0.3s ease;
    }
    
    .stat-item:hover{
      transform:translateY(-4px);
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 10px 40px rgba(255,133,51,0.1);
    }
    
    [data-theme="light"] .stat-item{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    .stat-item .number{
      font-size:36px;
      font-weight:800;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      font-family:'Space Grotesk', sans-serif;
    }
    
    .stat-item .label{
      font-size:14px;
      color:var(--muted);
      margin-top:8px;
      font-weight:500;
    }

    /* Services Section */
    .services-section{
      background:rgba(255,255,255,0.01);
    }

    /* Clients Section */
    .clients-showcase{
      margin-top:48px;
      overflow:hidden;
      position:relative;
    }
    
    .clients-slider{
      width:100%;
      overflow:hidden;
      position:relative;
      padding:40px 0;
    }
    
    .clients-slider::before,
    .clients-slider::after{
      content:'';
      position:absolute;
      top:0;
      bottom:0;
      width:100px;
      z-index:2;
      pointer-events:none;
    }
    
    .clients-slider::before{
      left:0;
      background:linear-gradient(to right, var(--bg), transparent);
    }
    
    .clients-slider::after{
      right:0;
      background:linear-gradient(to left, var(--bg), transparent);
    }
    
    [data-theme="light"] .clients-slider::before{
      background:linear-gradient(to right, var(--bg), transparent);
    }
    
    [data-theme="light"] .clients-slider::after{
      background:linear-gradient(to left, var(--bg), transparent);
    }
    
    .clients-track{
      display:flex;
      gap:40px;
      animation:scrollClients 30s linear infinite;
      will-change:transform;
    }
    
    .clients-track:hover{
      animation-play-state:paused;
    }
    
    @keyframes scrollClients{
      0%{
        transform:translateX(0);
      }
      100%{
        transform:translateX(-50%);
      }
    }
    
    .client-logo{
      flex-shrink:0;
      width:200px;
      height:120px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,0.02);
      border-radius:16px;
      border:1px solid rgba(255,255,255,0.05);
      padding:24px;
      transition:all 0.3s ease;
    }
    
    [data-theme="light"] .client-logo{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    .client-logo:hover{
      transform:translateY(-4px);
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 8px 24px rgba(0,0,0,0.2);
    }
    
    [data-theme="light"] .client-logo:hover{
      background:#ffffff;
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 8px 24px rgba(0,0,0,0.12);
    }
    
    .client-logo img{
      max-width:100%;
      max-height:100%;
      object-fit:contain;
      filter:grayscale(100%) opacity(0.6);
      transition:all 0.3s ease;
    }
    
    .client-logo:hover img{
      filter:grayscale(0%) opacity(1);
    }
    
    .client-placeholder{
      font-size:18px;
      font-weight:600;
      color:var(--muted);
      text-align:center;
      font-family:'Space Grotesk', sans-serif;
    }
    
    .client-logo:hover .client-placeholder{
      color:var(--accent);
    }
    
    /* Diferenciais Section */
    .diferenciais-section{
      padding:100px 0;
      background:var(--bg);
    }
    
    .diferenciais-content{
      max-width:1200px;
      margin:0 auto;
      padding:0 24px;
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));
      gap:48px;
      margin-top:48px;
    }
    
    .diferencial-item{
      background:rgba(255,255,255,0.02);
      padding:32px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,0.05);
    }
    
    [data-theme="light"] .diferencial-item{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    .diferencial-item h3{
      font-size:20px;
      font-weight:600;
      color:var(--accent);
      margin-bottom:16px;
      font-family:'Space Grotesk', sans-serif;
    }
    
    .diferencial-item p{
      font-size:16px;
      line-height:1.8;
      color:var(--text);
    }
    
    .diferencial-item ul{
      list-style:none;
      padding:0;
      margin:0;
    }
    
    .diferencial-item ul li{
      font-size:16px;
      line-height:1.8;
      color:var(--text);
      padding-left:24px;
      position:relative;
      margin-bottom:12px;
    }
    
    .diferencial-item ul li::before{
      content:'•';
      position:absolute;
      left:0;
      color:var(--accent);
      font-size:24px;
      line-height:1;
    }
    
    @media(max-width:768px){
      .diferenciais-content{
        grid-template-columns:1fr;
        gap:32px;
      }
    }
    
    /* Hero Carousel Buttons */
    .hero-carousel-btn{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:100;
      width:50px;
      height:50px;
      border-radius:50%;
      background:rgba(255,255,255,0.1);
      border:1px solid rgba(255,255,255,0.2);
      color:var(--white);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:all 0.3s ease;
      backdrop-filter:blur(10px);
    }
    
    .hero-carousel-btn:hover{
      background:rgba(255,133,51,0.2);
      border-color:var(--accent);
      transform:translateY(-50%) scale(1.1);
    }
    
    .hero-carousel-prev{
      left:24px;
    }
    
    .hero-carousel-next{
      right:24px;
    }
    
    @media(max-width:768px){
      .hero-carousel-btn{
        width:40px;
        height:40px;
      }
      .hero-carousel-prev{
        left:12px;
      }
      .hero-carousel-next{
        right:12px;
      }
    }
    
    /* Conhecimentos Section */
    .conhecimentos-section{
      padding:120px 0;
      background:linear-gradient(180deg, var(--bg) 0%, rgba(255,133,51,0.02) 50%, var(--bg) 100%);
      position:relative;
      overflow:hidden;
    }
    
    .conhecimentos-section::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:radial-gradient(circle at 30% 50%, rgba(255,133,51,0.05) 0%, transparent 50%),
                  radial-gradient(circle at 70% 50%, rgba(157,107,255,0.05) 0%, transparent 50%);
      pointer-events:none;
    }
    
    .conhecimentos-content{
      max-width:1400px;
      margin:0 auto;
      padding:0 24px;
      margin-top:48px;
      position:relative;
      z-index:1;
    }
    
    .conhecimentos-intro{
      text-align:center;
      margin-bottom:80px;
    }
    
    .conhecimentos-subtitle{
      font-size:clamp(28px, 4vw, 42px);
      font-weight:800;
      color:var(--white);
      margin-bottom:24px;
      font-family:'Space Grotesk', sans-serif;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      letter-spacing:1px;
    }
    
    .conhecimentos-desc,
    .conhecimentos-intro p{
      font-size:20px;
      line-height:1.9;
      color:var(--muted);
      max-width:900px;
      margin:0 auto;
      font-weight:400;
      letter-spacing:0.3px;
    }
    
    .conhecimentos-features{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:32px;
      margin-bottom:60px;
    }
    
    .conhecimento-feature{
      background:linear-gradient(135deg, var(--card) 0%, rgba(255,255,255,0.02) 100%);
      padding:48px 40px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,0.08);
      position:relative;
      overflow:hidden;
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      backdrop-filter:blur(10px);
    }
    
    .conhecimento-feature::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:4px;
      background:var(--gradient-accent);
      transform:scaleX(0);
      transform-origin:left;
      transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .conhecimento-feature::after{
      content:'';
      position:absolute;
      top:-50%;
      right:-50%;
      width:200%;
      height:200%;
      background:radial-gradient(circle, rgba(255,133,51,0.1) 0%, transparent 70%);
      opacity:0;
      transition:opacity 0.4s ease;
    }
    
    .conhecimento-feature:hover{
      transform:translateY(-8px) scale(1.02);
      border-color:rgba(255,133,51,0.4);
      box-shadow:0 20px 60px rgba(255,133,51,0.15),
                 0 0 0 1px rgba(255,133,51,0.1);
    }
    
    .conhecimento-feature:hover::before{
      transform:scaleX(1);
    }
    
    .conhecimento-feature:hover::after{
      opacity:1;
    }
    
    [data-theme="light"] .conhecimento-feature{
      background:linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,0.8) 100%);
      border:1px solid rgba(0,0,0,0.08);
      box-shadow:0 4px 20px rgba(0,0,0,0.05);
    }
    
    [data-theme="light"] .conhecimento-feature:hover{
      box-shadow:0 20px 60px rgba(255,133,51,0.2),
                 0 0 0 1px rgba(255,133,51,0.2);
    }
    
    .conhecimento-feature h3{
      font-size:32px;
      font-weight:800;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      margin-bottom:20px;
      font-family:'Space Grotesk', sans-serif;
      display:flex;
      align-items:center;
      gap:16px;
      position:relative;
      z-index:2;
      letter-spacing:-0.5px;
    }
    
    .conhecimento-feature h3::before{
      content:'';
      width:12px;
      height:12px;
      background:var(--gradient-accent);
      border-radius:50%;
      display:block;
      flex-shrink:0;
      box-shadow:0 0 20px rgba(255,133,51,0.5);
      animation:pulse 2s ease-in-out infinite;
    }
    
    @keyframes pulse{
      0%, 100%{
        transform:scale(1);
        opacity:1;
      }
      50%{
        transform:scale(1.2);
        opacity:0.8;
      }
    }
    
    .conhecimento-feature p{
      font-size:17px;
      line-height:1.9;
      color:var(--muted);
      margin:0;
      position:relative;
      z-index:2;
      font-weight:400;
    }
    
    .conhecimentos-platforms{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:20px;
      margin-top:60px;
      padding-top:60px;
      border-top:1px solid rgba(255,255,255,0.08);
      position:relative;
    }
    
    .conhecimentos-platforms::before{
      content:'';
      position:absolute;
      top:0;
      left:50%;
      transform:translateX(-50%);
      width:100px;
      height:2px;
      background:var(--gradient-accent);
      border-radius:2px;
    }
    
    .platform-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:16px 32px;
      background:linear-gradient(135deg, rgba(255,133,51,0.12) 0%, rgba(157,107,255,0.12) 100%);
      border:2px solid rgba(255,133,51,0.3);
      border-radius:50px;
      font-size:18px;
      font-weight:700;
      color:var(--accent);
      font-family:'Space Grotesk', sans-serif;
      transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      position:relative;
      overflow:hidden;
      letter-spacing:0.5px;
      text-transform:uppercase;
    }
    
    .platform-badge::before{
      content:'';
      position:absolute;
      top:0;
      left:-100%;
      width:100%;
      height:100%;
      background:var(--gradient-accent);
      transition:left 0.3s ease;
      z-index:0;
    }
    
    .platform-badge span{
      position:relative;
      z-index:1;
    }
    
    .platform-badge:hover{
      background:var(--gradient-accent);
      border-color:transparent;
      color:#ffffff;
      transform:translateY(-4px) scale(1.05);
      box-shadow:0 12px 30px rgba(255,133,51,0.4);
    }
    
    .platform-badge:hover::before{
      left:0;
    }
    
    [data-theme="light"] .platform-badge{
      background:linear-gradient(135deg, rgba(255,133,51,0.15) 0%, rgba(157,107,255,0.15) 100%);
      border-color:rgba(255,133,51,0.4);
    }
    
    [data-theme="light"] .conhecimentos-platforms{
      border-top-color:rgba(0,0,0,0.1);
    }
    
    @media(max-width:1024px){
      .conhecimentos-features{
        grid-template-columns:repeat(2, 1fr);
        gap:28px;
      }
      
      .about-text-cards{
        grid-template-columns:repeat(2, 1fr);
        gap:24px;
      }
      
      .about-stats{
        grid-template-columns:repeat(3, 1fr);
        gap:24px;
      }
    }
    
    @media(max-width:768px){
      .conhecimentos-section{
        padding:80px 0;
      }
      
      .conhecimentos-intro{
        margin-bottom:50px;
      }
      
      .conhecimentos-subtitle{
        font-size:clamp(24px, 5vw, 32px);
        margin-bottom:20px;
      }
      
      .conhecimentos-desc,
      .conhecimentos-intro p{
        font-size:17px;
      }
      
      .conhecimentos-features{
        grid-template-columns:1fr;
        gap:24px;
        margin-bottom:40px;
      }
      
      .conhecimento-feature{
        padding:36px 28px;
      }
      
      .conhecimento-feature h3{
        font-size:26px;
      }
      
      .conhecimento-feature p{
        font-size:16px;
      }
      
      .conhecimentos-platforms{
        margin-top:40px;
        padding-top:40px;
        gap:16px;
      }
      
      .platform-badge{
        font-size:15px;
        padding:14px 26px;
      }
    }
    
    
    @media(max-width:768px){
      .client-logo{
        width:160px;
        height:100px;
        padding:20px;
      }
      
      .clients-track{
        gap:24px;
      }
      
      .client-placeholder{
        font-size:14px;
      }
    }

    /* Portfolio Section */
    .portfolio-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
      gap:32px;
      margin-top:48px;
    }
    
    .portfolio-card{
      background:rgba(255,255,255,0.03);
      border-radius:24px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,0.08);
      transition:all 0.5s cubic-bezier(.4,0,.2,1);
      position:relative;
      display:flex;
      flex-direction:column;
      height:100%;
      box-shadow:0 4px 20px rgba(0,0,0,0.2);
    }
    
    [data-theme="light"] .portfolio-card{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 4px 20px rgba(0,0,0,0.08);
    }
    
    .portfolio-card::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:4px;
      background:var(--gradient-accent);
      transform:scaleX(0);
      transform-origin:left;
      transition:transform 0.5s cubic-bezier(.4,0,.2,1);
      z-index:2;
    }
    
    .portfolio-card:hover::before{
      transform:scaleX(1);
    }
    
    [data-theme="light"] .portfolio-card:hover{
      border-color:rgba(255,133,51,0.4);
      box-shadow:0 12px 40px rgba(255,133,51,0.2);
    }
    
    .portfolio-card:hover{
      transform:translateY(-12px);
      box-shadow:0 24px 80px rgba(0,0,0,0.5);
      border-color:rgba(255,133,51,0.4);
    }
    
    .portfolio-card-image-wrapper{
      position:relative;
      width:100%;
      height:280px;
      overflow:hidden;
      background:linear-gradient(135deg, rgba(255,133,51,0.1), rgba(157,107,255,0.1));
    }
    
    .portfolio-card img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform 0.6s cubic-bezier(.4,0,.2,1);
    }
    
    .portfolio-card:hover img{
      transform:scale(1.1);
    }
    
    .portfolio-card-image-overlay{
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 100%);
      opacity:0;
      transition:opacity 0.5s ease;
      pointer-events:none;
    }
    
    .portfolio-card:hover .portfolio-card-image-overlay{
      opacity:1;
    }
    
    .portfolio-card-fallback{
      width:100%;
      height:100%;
      min-height:280px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:40px 20px;
      background:var(--gradient-accent);
      color:#ffffff;
      font-size:24px;
      font-weight:800;
      text-align:center;
      line-height:1.3;
      font-family:'Space Grotesk', sans-serif;
      text-shadow:0 2px 10px rgba(0,0,0,0.2);
    }
    
    .portfolio-card-content{
      padding:32px;
      flex:1;
      display:flex;
      flex-direction:column;
      background:rgba(255,255,255,0.02);
      position:relative;
      z-index:1;
    }
    
    [data-theme="light"] .portfolio-card-content{
      background:#ffffff;
    }
    
    .portfolio-card h4{
      font-size:22px;
      margin-bottom:12px;
      color:var(--white);
      font-weight:800;
      line-height:1.2;
      font-family:'Space Grotesk', sans-serif;
      transition:color 0.3s ease;
    }
    
    .portfolio-card:hover h4{
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    
    [data-theme="light"] .portfolio-card h4{
      color:var(--white);
    }
    
    [data-theme="light"] .portfolio-card:hover h4{
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    
    .portfolio-card p{
      color:var(--muted);
      font-size:15px;
      line-height:1.7;
      margin-bottom:20px;
      flex:1;
      transition:color 0.3s ease;
    }
    
    .portfolio-card:hover p{
      color:var(--white);
    }
    
    [data-theme="light"] .portfolio-card:hover p{
      color:var(--white);
    }
    
    .portfolio-tags{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:auto;
    }
    
    .tag{
      padding:8px 16px;
      background:rgba(255,133,51,0.12);
      border:1.5px solid rgba(255,133,51,0.25);
      border-radius:8px;
      font-size:12px;
      color:var(--accent);
      font-weight:600;
      transition:all 0.3s ease;
      text-transform:uppercase;
      letter-spacing:0.5px;
    }
    
    .tag:hover{
      background:rgba(255,133,51,0.2);
      border-color:rgba(255,133,51,0.4);
      transform:translateY(-2px);
    }

    /* Contact Section */
    .contact-wrapper{
      display:grid;
      grid-template-columns:1.5fr 1fr;
      gap:40px;
      margin-top:48px;
    }
    
    @media(max-width:1024px){
      .contact-wrapper{
        grid-template-columns:1fr;
      }
    }
    
    .contact-form{
      background:rgba(255,255,255,0.02);
      padding:40px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,0.05);
    }
    
    [data-theme="light"] .contact-form{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    form{
      display:grid;
      gap:20px;
    }
    
    .form-group{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    
    .form-group label{
      font-size:14px;
      font-weight:600;
      color:var(--white);
    }
    
    input,textarea,select{
      padding:14px 18px;
      border-radius:12px;
      border:1.5px solid rgba(255,255,255,0.1);
      background:rgba(255,255,255,0.03);
      color:var(--white);
      font-family:inherit;
      font-size:15px;
      transition:all 0.3s ease;
    }
    
    select{
      background:var(--card) !important;
      cursor:pointer;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff8533' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 18px center;
      background-size:12px;
      padding-right:45px;
    }
    
    select option{
      background:var(--card) !important;
      color:var(--white) !important;
      padding:12px;
    }
    
    [data-theme="light"] select{
      background:#ffffff !important;
      border-color:rgba(0,0,0,0.1);
      color:#000000 !important;
    }
    
    [data-theme="light"] select option{
      background:#ffffff !important;
      color:#000000 !important;
    }
    
    [data-theme="light"] input,
    [data-theme="light"] textarea{
      background:#ffffff;
      border-color:rgba(0,0,0,0.1);
      color:#000000;
    }
    
    [data-theme="light"] input::placeholder,
    [data-theme="light"] textarea::placeholder{
      color:rgba(0,0,0,0.5);
    }
    
    input:focus,textarea:focus,select:focus{
      outline:none;
      border-color:var(--accent);
      background:rgba(255,255,255,0.05);
      box-shadow:0 0 0 4px rgba(255,133,51,0.1);
    }
    
    [data-theme="light"] input:focus,
    [data-theme="light"] textarea:focus,
    [data-theme="light"] select:focus{
      background:rgba(0,0,0,0.02);
      border-color:var(--accent);
    }
    
    textarea{
      resize:vertical;
      min-height:120px;
    }
    
    .contact-info{
      background:rgba(255,255,255,0.02);
      padding:40px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,0.05);
    }
    
    [data-theme="light"] .contact-info{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    .contact-info h4{
      font-size:20px;
      margin-bottom:24px;
      color:var(--white);
    }
    
    .contact-info-item{
      margin-bottom:32px;
    }
    
    .contact-info-item h5{
      font-size:14px;
      color:var(--muted);
      margin-bottom:8px;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:1px;
    }
    
    .contact-info-item p{
      font-size:16px;
      color:var(--white);
      line-height:1.6;
    }

    /* Redução de Custos Section */
    .cost-reduction{
      position:relative;
      background:linear-gradient(135deg, rgba(255,133,51,0.15), rgba(255,133,51,0.08));
      border-radius:32px;
      padding:80px 60px;
      margin:80px 0;
      overflow:hidden;
      border:1px solid rgba(255,133,51,0.2);
      box-shadow:0 20px 80px rgba(255,133,51,0.15);
    }
    
    [data-theme="light"] .cost-reduction{
      background:linear-gradient(135deg, rgba(255,133,51,0.12), rgba(255,133,51,0.06));
      border:1px solid rgba(255,133,51,0.25);
      box-shadow:0 20px 80px rgba(255,133,51,0.12);
    }
    
    /* Formas geométricas decorativas */
    .cost-reduction::before{
      content:'';
      position:absolute;
      top:-100px;
      right:-100px;
      width:300px;
      height:300px;
      background:radial-gradient(circle, rgba(255,133,51,0.2), transparent 70%);
      border-radius:50%;
      animation:float 6s ease-in-out infinite;
    }
    
    .cost-reduction::after{
      content:'';
      position:absolute;
      bottom:-150px;
      left:-150px;
      width:400px;
      height:400px;
      background:radial-gradient(circle, rgba(255,133,51,0.15), transparent 70%);
      border-radius:50%;
      animation:float 8s ease-in-out infinite reverse;
    }
    
    @keyframes float{
      0%, 100%{
        transform:translate(0, 0) scale(1);
      }
      50%{
        transform:translate(20px, -20px) scale(1.1);
      }
    }
    
    .cost-geometric-shapes{
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      pointer-events:none;
      overflow:hidden;
      z-index:1;
    }
    
    .geometric-shape{
      position:absolute;
      opacity:0.1;
      animation:rotate 20s linear infinite;
    }
    
    .geometric-shape.circle{
      width:120px;
      height:120px;
      border:3px solid var(--accent);
      border-radius:50%;
      top:10%;
      right:15%;
    }
    
    .geometric-shape.triangle{
      width:0;
      height:0;
      border-left:60px solid transparent;
      border-right:60px solid transparent;
      border-bottom:100px solid var(--accent);
      bottom:20%;
      left:10%;
      animation:rotateTriangle 15s linear infinite reverse;
    }
    
    @keyframes rotateTriangle{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }
    
    .geometric-shape.square{
      width:80px;
      height:80px;
      border:3px solid var(--accent);
      transform:rotate(45deg);
      top:60%;
      right:25%;
      animation:rotate 25s linear infinite;
    }
    
    @keyframes rotate{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }
    
    .geometric-shape.square{
      animation:rotateSquare 25s linear infinite;
    }
    
    @keyframes rotateSquare{
      from{
        transform:rotate(45deg);
      }
      to{
        transform:rotate(405deg);
      }
    }
    
    .cost-content{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:80px;
      align-items:center;
    }
    
    @media(max-width:1024px){
      .cost-content{
        grid-template-columns:1fr;
        gap:50px;
      }
    }
    
    .cost-text-content h3{
      font-size:clamp(28px, 4vw, 40px);
      margin-bottom:32px;
      line-height:1.2;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      font-family:'Space Grotesk', sans-serif;
    }
    
    .cost-text-content p{
      font-size:18px;
      color:var(--muted);
      line-height:1.9;
      margin-bottom:24px;
    }
    
    .cost-stats{
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:20px;
      margin-top:40px;
    }
    
    .cost-stat-card{
      position:relative;
      background:rgba(255,255,255,0.08);
      backdrop-filter:blur(10px);
      padding:32px 24px;
      border-radius:20px;
      border:2px solid rgba(255,133,51,0.3);
      text-align:center;
      transition:all 0.4s cubic-bezier(.4,0,.2,1);
      overflow:hidden;
    }
    
    .cost-stat-card::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:4px;
      background:var(--gradient-accent);
      transform:scaleX(0);
      transition:transform 0.4s ease;
    }
    
    .cost-stat-card:hover{
      transform:translateY(-8px);
      background:rgba(255,255,255,0.12);
      border-color:rgba(255,133,51,0.5);
      box-shadow:0 12px 40px rgba(255,133,51,0.25);
    }
    
    .cost-stat-card:hover::before{
      transform:scaleX(1);
    }
    
    [data-theme="light"] .cost-stat-card{
      background:rgba(255,255,255,0.95);
      border:2px solid rgba(255,133,51,0.3);
      box-shadow:0 4px 16px rgba(0,0,0,0.08);
    }
    
    [data-theme="light"] .cost-stat-card:hover{
      background:#ffffff;
      border-color:rgba(255,133,51,0.5);
      box-shadow:0 12px 40px rgba(255,133,51,0.2);
    }
    
    .cost-stat-card .number{
      font-size:clamp(36px, 5vw, 52px);
      font-weight:900;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      font-family:'Space Grotesk', sans-serif;
      line-height:1;
      margin-bottom:8px;
      display:block;
    }
    
    .cost-stat-card .label{
      font-size:15px;
      color:var(--muted);
      margin-top:8px;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:0.5px;
    }
    
    .cost-image{
      position:relative;
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 30px 80px rgba(0,0,0,0.4);
      transform:perspective(1000px) rotateY(-5deg);
      transition:transform 0.4s ease;
    }
    
    .cost-image:hover{
      transform:perspective(1000px) rotateY(0deg) scale(1.02);
    }
    
    .cost-image::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:linear-gradient(135deg, rgba(255,133,51,0.1), transparent);
      z-index:1;
      pointer-events:none;
    }
    
    .cost-image img{
      width:100%;
      height:auto;
      display:block;
      position:relative;
      z-index:0;
    }

    /* News Section */
    .news-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
      gap:32px;
      margin-top:48px;
    }
    
    .news-card{
      background:rgba(255,255,255,0.02);
      border-radius:20px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,0.05);
      transition:all 0.4s ease;
    }
    
    [data-theme="light"] .news-card{
      background:#ffffff;
      border:1px solid rgba(0,0,0,0.1);
      box-shadow:0 2px 8px rgba(0,0,0,0.05);
    }
    
    [data-theme="light"] .news-card:hover{
      border-color:rgba(255,133,51,0.3);
      box-shadow:0 8px 24px rgba(0,0,0,0.12);
    }
    
    .news-card:hover{
      transform:translateY(-8px);
      box-shadow:0 20px 60px rgba(0,0,0,0.4);
      border-color:rgba(255,133,51,0.3);
    }
    
    .news-card-image{
      width:100%;
      height:200px;
      object-fit:cover;
      display:block;
    }
    
    .news-card-content{
      padding:28px;
    }
    
    .news-card .date{
      font-size:12px;
      color:var(--accent);
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:12px;
    }
    
    .news-card h4{
      font-size:20px;
      margin-bottom:12px;
      line-height:1.3;
      color:var(--white);
    }
    
    .news-card p{
      color:var(--muted);
      font-size:15px;
      line-height:1.6;
      margin-bottom:16px;
    }
    
    .news-card .read-more{
      color:var(--accent);
      text-decoration:none;
      font-weight:600;
      font-size:14px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      transition:gap 0.3s ease;
    }
    
    .news-card .read-more:hover{
      gap:12px;
    }

    /* Footer */
    footer{
      padding:60px 40px 40px;
      background:rgba(0,0,0,0.3);
      border-top:1px solid rgba(255,255,255,0.05);
      margin-top:100px;
    }
    
    .footer-content{
      max-width:1400px;
      margin:0 auto;
      display:grid;
      grid-template-columns:2fr 1fr 1fr 1fr;
      gap:60px;
      margin-bottom:40px;
    }
    
    @media(max-width:1024px){
      .footer-content{
        grid-template-columns:1fr 1fr;
        gap:40px;
      }
    }
    
    @media(max-width:768px){
      .footer-content{
        grid-template-columns:1fr;
      }
    }
    
    .footer-brand h3{
      font-size:24px;
      margin-bottom:16px;
      background:var(--gradient-accent);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    
    .footer-brand p{
      color:var(--muted);
      font-size:14px;
      line-height:1.6;
      margin-bottom:20px;
    }
    
    .footer-links h4{
      font-size:16px;
      margin-bottom:20px;
      color:var(--white);
    }
    
    .footer-links ul{
      list-style:none;
    }
    
    .footer-links ul li{
      margin-bottom:12px;
    }
    
    .footer-links ul li a{
      color:var(--muted);
      text-decoration:none;
      font-size:14px;
      transition:color 0.3s ease;
    }
    
    .footer-links ul li a:hover{
      color:var(--accent);
    }
    
    .footer-bottom{
      max-width:1400px;
      margin:0 auto;
      padding-top:40px;
      border-top:1px solid rgba(255,255,255,0.05);
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      gap:20px;
    }
    
    .footer-bottom p{
      color:var(--muted);
      font-size:14px;
    }
    
    .social-links{
      display:flex;
      gap:16px;
    }
    
    .social-links a{
      width:40px;
      height:40px;
      border-radius:10px;
      background:rgba(255,255,255,0.05);
      display:grid;
      place-items:center;
      color:var(--muted);
      text-decoration:none;
      transition:all 0.3s ease;
      border:1px solid rgba(255,255,255,0.05);
    }
    
    .social-links a:hover{
      background:rgba(255,133,51,0.1);
      border-color:rgba(255,133,51,0.3);
      color:var(--accent);
      transform:translateY(-2px);
    }

    /* Animations */
    .reveal{
      opacity:0;
      transform:translateY(30px);
      transition:all 0.8s cubic-bezier(.4,0,.2,1);
    }
    
    .reveal.visible{
      opacity:1;
      transform:translateY(0);
    }
    
    .parallax{
      transform:translateY(0);
      transition:transform 0.8s ease-out;
    }

    /* Floating shapes */
    .shape{
      position:absolute;
      border-radius:50%;
      filter:blur(80px);
      opacity:0.15;
      pointer-events:none;
    }
    
    .shape.s1{
      width:500px;
      height:500px;
      right:-200px;
      top:-200px;
      background:var(--gradient-accent);
    }
    
    .shape.s2{
      width:400px;
      height:400px;
      left:-150px;
      bottom:-150px;
      background:var(--gradient-blue);
    }

    /* Mobile Menu */
    .menu-toggle{
      display:none;
      width:44px;
      height:44px;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:6px;
      cursor:pointer;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(255,255,255,0.1);
      border-radius:12px;
      padding:10px;
      transition:all 0.3s ease;
      position:relative;
      z-index:1001;
    }
    
    .menu-toggle:hover{
      background:rgba(255,255,255,0.1);
      border-color:rgba(255,255,255,0.2);
      transform:scale(1.05);
    }
    
    .menu-toggle.active{
      background:rgba(255,133,51,0.1);
      border-color:rgba(255,133,51,0.3);
    }
    
    .menu-toggle span{
      width:22px;
      height:2.5px;
      background:var(--white);
      border-radius:3px;
      transition:all 0.3s cubic-bezier(.4,0,.2,1);
      display:block;
    }
    
    .menu-toggle.active span:nth-child(1){
      transform:rotate(45deg) translate(6px, 6px);
    }
    
    .menu-toggle.active span:nth-child(2){
      opacity:0;
      transform:translateX(-10px);
    }
    
    .menu-toggle.active span:nth-child(3){
      transform:rotate(-45deg) translate(6px, -6px);
    }
    
    /* Menu hambúrguer para tablets e mobile (até 1150px) */
    @media(max-width:1150px){
      .menu-toggle{
        display:flex;
      }
      
      .topbar .brand{
        display:flex !important;
      }
      
      .navlinks{
        position:fixed;
        top:0;
        left:0;
        width:300px;
        height:100vh;
        background:var(--panel);
        backdrop-filter:blur(20px) saturate(180%);
        flex-direction:column;
        padding:0;
        gap:0;
        transform:translateX(-100%);
        opacity:1;
        visibility:visible;
        transition:transform 0.4s cubic-bezier(.4,0,.2,1);
        border-right:1px solid rgba(255,255,255,0.1);
        box-shadow:0 10px 40px rgba(0,0,0,0.3);
        z-index:1000;
        overflow-y:auto;
        will-change:transform;
      }
      
      .navlinks.active{
        transform:translateX(0);
      }
      
      .navlinks .nav-content{
        display:flex;
        flex-direction:column;
        flex:1;
        overflow-y:auto;
        padding-bottom:24px;
        padding-top:24px;
      }
      
      [data-theme="light"] .navlinks{
        background:rgba(250,250,250,0.98);
        border-bottom:1px solid rgba(0,0,0,0.1);
        box-shadow:0 10px 40px rgba(0,0,0,0.1);
      }
      
      
      .navlinks a{
        padding:18px 24px;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,0.05);
        font-size:16px;
        font-weight:600;
        color:var(--white);
        transition:all 0.3s ease;
        position:relative;
        z-index:2;
      }
      
      [data-theme="light"] .navlinks a{
        border-bottom:1px solid rgba(0,0,0,0.05);
        color:var(--white);
      }
      
      .navlinks a:hover,
      .navlinks a.active{
        color:var(--accent);
        padding-left:24px;
      }
      
      .navlinks a::after{
        display:none;
      }
      
      .mobile-overlay{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:rgba(0,0,0,0.5);
        backdrop-filter:blur(4px);
        z-index:999;
        opacity:0;
        visibility:hidden;
        transition:opacity 0.4s ease, visibility 0.4s;
      }
      
      .mobile-overlay.active{
        opacity:1;
        visibility:visible;
      }
      
      .navlinks .language-selector{
        display:none;
      }
      
      .navlinks:not(.active) .nav-content{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
      
      .navlinks.active .nav-content{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        flex-direction:column !important;
        flex:1 !important;
        overflow-y:auto !important;
        padding-bottom:24px !important;
        padding-top:24px !important;
      }
      
      .actions #themeToggle{
        display:none !important;
      }
      
      .actions .language-selector{
        display:none !important;
      }
      
      .navlinks:not(.active) .mobile-language-selector{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
      
      .navlinks.active .mobile-language-selector{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      .navlinks:not(.active) .mobile-theme-toggle{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
      
      .navlinks.active .mobile-theme-toggle{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      .navlinks:not(.active) .mobile-actions{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
      
      .navlinks.active .mobile-actions{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      #mobileThemeToggle{
        width:44px !important;
        height:44px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:0 !important;
        background:transparent !important;
        border:none !important;
        min-width:44px !important;
        flex-shrink:0 !important;
        position:relative !important;
        cursor:pointer !important;
      }
      
      #mobileThemeToggle:hover{
        background:transparent !important;
        transform:scale(1.05) !important;
        opacity:0.8 !important;
      }
      
      #mobileThemeToggle svg{
        width:20px !important;
        height:20px !important;
        position:absolute !important;
        top:50% !important;
        left:50% !important;
        transform:translate(-50%, -50%) !important;
      }
      
      #mobileThemeToggle .sun-icon svg{
        fill:#ff8533 !important;
      }
      
      #mobileThemeToggle .moon-icon svg{
        fill:#87CEEB !important;
      }
      
      #mobileThemeToggle svg.hidden{
        opacity:0 !important;
        transform:translate(-50%, -50%) rotate(90deg) scale(0) !important;
        pointer-events:none !important;
      }
      
      #mobileThemeToggle svg:not(.hidden){
        opacity:1 !important;
        transform:translate(-50%, -50%) rotate(0deg) scale(1) !important;
      }
      
      .navlinks .mobile-actions{
        display:flex !important;
        flex-direction:row !important;
        position:sticky !important;
        bottom:0 !important;
        background:var(--panel) !important;
        border-top:1px solid rgba(255,255,255,0.1) !important;
        z-index:2 !important;
        margin-top:auto !important;
        gap:0 !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      .navlinks .mobile-theme-toggle{
        padding:18px 24px !important;
        border-top:none !important;
        border-right:none !important;
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        align-items:center !important;
        justify-content:space-between !important;
        z-index:1 !important;
        background:var(--panel) !important;
        margin-top:0 !important;
        flex:1 !important;
      }
      
      .navlinks .mobile-language-selector{
        padding:18px 24px !important;
        border-top:none !important;
        border-right:none !important;
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        align-items:center !important;
        justify-content:space-between !important;
        z-index:3 !important;
        background:var(--panel) !important;
        margin-top:0 !important;
        flex:1 !important;
      }
      
      .navlinks .mobile-language-selector .language-selector{
        position:relative !important;
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        width:100% !important;
        height:auto !important;
      }
      
      .navlinks .mobile-language-selector .language-btn{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        width:auto !important;
        height:auto !important;
      }
      
      .navlinks .mobile-language-selector .language-dropdown{
        display:none !important;
      }
      
      .navlinks .mobile-language-selector .language-dropdown.active{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        right:auto !important;
        left:9px !important;
        top:auto !important;
        bottom:100% !important;
        margin-bottom:8px !important;
        z-index:10000 !important;
      }
      
      .actions{
        gap:10px;
      }
    }
    
    /* Menu normal acima de 1150px */
    @media(min-width:1151px){
      .menu-toggle{
        display:none;
      }
      
      .topbar .brand{
        display:flex !important;
      }
      
      .navlinks{
        display:flex !important;
        position:static !important;
        flex-direction:row !important;
        padding:0 !important;
        gap:0 !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        max-height:none !important;
        overflow:visible !important;
        will-change:auto !important;
      }
      
      .navlinks .nav-content{
        display:contents !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      .navlinks a{
        padding:8px 0 !important;
        width:auto !important;
        border-bottom:none !important;
        font-size:15px !important;
        margin:0 32px !important;
        white-space:nowrap !important;
      }
      
      .navlinks a:first-child{
        margin-left:0 !important;
      }
      
      .navlinks a:last-child{
        margin-right:0 !important;
      }
      
      .navlinks a:not(:first-child):not(:last-child){
        margin-left:32px !important;
        margin-right:32px !important;
      }
      
      .navlinks a::after{
        display:block !important;
      }
      
      .actions .language-selector{
        display:block !important;
      }
      
      .actions #themeToggle{
        display:block !important;
      }
      
      .navlinks .mobile-language-selector{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
      
      .navlinks .mobile-theme-toggle{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
      
      .navlinks .mobile-actions{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
      }
    }
    
    /* Ajuste de espaçamento para telas médias (1135px - 1300px) */
    @media(min-width:1130px) and (max-width:1450px){
      .navlinks a{
        margin:0 15px !important;
      }
      
      .navlinks a:not(:first-child):not(:last-child){
        margin-left:15px !important;
        margin-right:15px !important;
      }
      
      .actions #themeToggle{
        display:block !important;
      }
      
      .navlinks .mobile-language-selector{
        display:none !important;
      }
      
      .navlinks .mobile-theme-toggle{
        display:none !important;
      }
      
      .mobile-overlay{
        display:none !important;
      }
      
      .actions .language-selector{
        display:block !important;
      }
    }
    
    @media(max-width:768px){
      .menu-toggle{
        display:flex;
      }
      
      .navlinks{
        position:fixed;
        top:0;
        left:0;
        width:300px;
        height:100vh;
        background:var(--panel);
        backdrop-filter:blur(20px) saturate(180%);
        flex-direction:column;
        padding:0;
        gap:0;
        transform:translateX(-100%);
        opacity:1;
        visibility:visible;
        transition:transform 0.4s cubic-bezier(.4,0,.2,1);
        border-right:1px solid rgba(255,255,255,0.1);
        box-shadow:0 10px 40px rgba(0,0,0,0.3);
        z-index:1000;
        overflow-y:auto;
        will-change:transform;
      }
      
      .brand .brand-logo-dark{
        display:block;
      }
      
      .brand .brand-logo-light{
        display:none;
      }
      
      [data-theme="light"] .brand .brand-logo-dark{
        display:none;
      }
      
      [data-theme="light"] .brand .brand-logo-light{
        display:block;
      }
      
      [data-theme="dark"] .brand .brand-logo-dark{
        display:block;
      }
      
      [data-theme="dark"] .brand .brand-logo-light{
        display:none;
      }
      
      
      [data-theme="light"] .navlinks{
        background:rgba(250,250,250,0.98);
        border-bottom:1px solid rgba(0,0,0,0.1);
        box-shadow:0 10px 40px rgba(0,0,0,0.1);
      }
      
      .navlinks.active{
        transform:translateX(0);
      }
      
      .navlinks .nav-content{
        display:flex;
        flex-direction:column;
        flex:1;
        overflow-y:auto;
        padding-bottom:24px;
      }
      
      .navlinks a{
        padding:18px 24px;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,0.05);
        font-size:16px;
        font-weight:600;
        color:var(--white);
        transition:all 0.3s ease;
        position:relative;
        z-index:2;
      }
      
      .navlinks .mobile-actions{
        display:flex;
        flex-direction:row;
        position:sticky;
        bottom:0;
        background:var(--panel);
        border-top:1px solid rgba(255,255,255,0.1);
        z-index:2;
        margin-top:auto;
        gap:0;
      }
      
      .navlinks .mobile-theme-toggle{
        padding:18px 24px;
        border-top:none;
        border-right:none;
        display:flex;
        align-items:center;
        justify-content:space-between;
        z-index:1;
        background:var(--panel);
        margin-top:0;
        flex:1;
      }
      
      .navlinks .mobile-language-selector{
        border-right:none;
        z-index:3;
      }
      
      .navlinks .mobile-theme-toggle span{
        font-size:14px;
        color:var(--white);
        font-weight:600;
      }
      
      #mobileThemeToggle{
        width:44px;
        height:44px;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:0;
        background:transparent;
        border:none;
        min-width:44px;
        flex-shrink:0;
        position:relative;
        cursor:pointer;
      }
      
      #mobileThemeToggle:hover{
        background:transparent;
        transform:scale(1.05);
        opacity:0.8;
      }
      
      #mobileThemeToggle svg{
        width:20px;
        height:20px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
      }
      
      #mobileThemeToggle .sun-icon svg{
        fill:#ff8533;
      }
      
      #mobileThemeToggle .moon-icon svg{
        fill:#87CEEB;
      }
      
      #mobileThemeToggle svg.hidden{
        opacity:0;
        transform:translate(-50%, -50%) rotate(90deg) scale(0);
        pointer-events:none;
      }
      
      #mobileThemeToggle svg:not(.hidden){
        opacity:1;
        transform:translate(-50%, -50%) rotate(0deg) scale(1);
      }
      
      .navlinks .mobile-language-selector{
        padding:18px 24px;
        border-top:none;
        display:flex;
        align-items:center;
        justify-content:space-between;
        z-index:2;
        background:var(--panel);
        margin-top:0;
        flex:1;
      }
      
      @media(min-width:1151px){
        .navlinks .nav-content{
          display:contents;
        }
      }
      
      .navlinks .mobile-language-selector span{
        font-size:14px;
        color:var(--white);
        font-weight:600;
      }
      
      .navlinks .mobile-language-selector .language-selector{
        position:relative;
      }
      
      .navlinks .mobile-language-selector .language-btn{
        width:40px;
        height:40px;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
        min-width:40px;
      }
      
      .navlinks .mobile-language-selector .flag-icon{
        font-size:20px;
      }
      
      .navlinks .mobile-language-selector .language-dropdown{
        right:24px;
        left:auto;
        top:auto;
        bottom:100%;
        margin-bottom:8px;
      }
      
      .actions #themeToggle{
        display:none;
      }
      
      .actions .language-selector{
        display:none;
      }
      
      .navlinks .mobile-language-selector{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      .navlinks .mobile-theme-toggle{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
      }
      
      #mobileThemeToggle{
        width:44px !important;
        height:44px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:0 !important;
        background:transparent !important;
        border:none !important;
        min-width:44px !important;
        flex-shrink:0 !important;
        position:relative !important;
        cursor:pointer !important;
      }
      
      #mobileThemeToggle:hover{
        background:transparent !important;
        transform:scale(1.05) !important;
        opacity:0.8 !important;
      }
      
      #mobileThemeToggle svg{
        width:20px !important;
        height:20px !important;
        position:absolute !important;
        top:50% !important;
        left:50% !important;
        transform:translate(-50%, -50%) !important;
      }
      
      #mobileThemeToggle .sun-icon svg{
        fill:#ff8533 !important;
      }
      
      #mobileThemeToggle .moon-icon svg{
        fill:#87CEEB !important;
      }
      
      #mobileThemeToggle svg.hidden{
        opacity:0 !important;
        transform:translate(-50%, -50%) rotate(90deg) scale(0) !important;
        pointer-events:none !important;
      }
      
      #mobileThemeToggle svg:not(.hidden){
        opacity:1 !important;
        transform:translate(-50%, -50%) rotate(0deg) scale(1) !important;
      }
      
      .navlinks .mobile-theme-toggle{
        display:flex;
      }
      
      .mobile-overlay{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:rgba(0,0,0,0.5);
        backdrop-filter:blur(4px);
        z-index:999;
        opacity:0;
        visibility:hidden;
        transition:all 0.4s ease;
      }
      
      .mobile-overlay.active{
        opacity:1;
        visibility:visible;
      }
      
      [data-theme="light"] .navlinks a{
        border-bottom:1px solid rgba(0,0,0,0.05);
        color:var(--white);
      }
      
      .navlinks a:hover,
      .navlinks a.active{
        color:var(--accent);
        padding-left:12px;
      }
      
      .navlinks a::after{
        display:none;
      }
      
      .actions{
        gap:8px;
      }
      
      .btn{
        padding:8px 16px;
        font-size:13px;
      }
      
      /* Responsividade geral mobile */
      .topbar{
        padding:12px 16px;
      }
      
      .logo-img,
      .logo-image{
        height:32px;
      }
      
      .logo-video{
        height:50px;
        max-width:160px;
      }
      
      .hero-slide-content{
        grid-template-columns:1fr 1fr;
        gap:20px;
        padding:30px 16px;
        text-align:left;
      }
      
      .hero-slogan{
        grid-column:1 / -1;
        grid-row:1;
        font-size:clamp(16px, 2vw, 22px);
        font-weight:900;
        margin-bottom:18px;
        padding:10px 0 10px 32px;
        letter-spacing:3px;
        width:100%;
      }
      
      .hero-slogan::before{
        width:26px;
        height:3.5px;
        box-shadow:0 0 12px rgba(255,133,51,0.7),
                   0 0 24px rgba(255,133,51,0.4);
      }
      
      .hero-slogan::after{
        width:26px;
        height:3.5px;
        filter:blur(5px);
      }
      
      .hero-slide-text h1{
        grid-column:1 / -1;
        grid-row:2;
        font-size:clamp(18px, 5vw, 28px);
  
      
        width:100%;
      }
      
      .hero-slide-text{
        display:contents;
      }
      
      .hero-slide-text p:not(.hero-slogan){
        grid-column:1;
        grid-row:3;
        font-size:clamp(12px, 2.5vw, 14px);
        margin-bottom:20px;
        line-height:1.5;
      }
      
      .hero-slide-cta{
        grid-column:1;
        grid-row:4;
      }
      
      .hero-slide-image{
        grid-column:2;
        grid-row:3 / 5;
        display:flex;
        align-items:center;
        justify-content:center;
        align-self:start;
      }
      
      .hero-slide-image img{
        max-width:100%;
        max-height:200px;
        width:auto;
        height:auto;
        object-fit:contain;
      }
      
      .hero-slide-cta{
        flex-direction:row;
        flex-wrap:wrap;
        gap:8px;
      }
      
      .hero-slide-cta .btn{
        padding:10px 16px;
        font-size:13px;
        flex:1;
        min-width:120px;
      }
      
      .hero-slide{
        padding:40px 16px;
      }
      
      .hero-carousel-wrapper{
        min-height:400px;
      }
      
      section{
        padding:60px 20px;
      }
      
      .section-header h2{
        font-size:clamp(24px, 6vw, 36px);
      }
      
      .section-header p{
        font-size:16px;
      }
      
      .services-grid{
        grid-template-columns:1fr;
        gap:20px;
      }
      
      .service-card{
        padding:24px;
      }
      
      .portfolio-grid{
        grid-template-columns:1fr;
        gap:24px;
      }
      
      .news-grid{
        grid-template-columns:1fr;
        gap:24px;
      }
      
      .about-text-cards{
        grid-template-columns:1fr;
        gap:24px;
      }
      
      .about-stats{
        grid-template-columns:1fr;
        gap:24px;
      }
      
      .cost-content{
        grid-template-columns:1fr;
        gap:40px;
      }
      
      .cost-reduction{
        padding:50px 24px;
        margin:50px 0;
      }
      
      .cost-reduction::before,
      .cost-reduction::after{
        display:none;
      }
      
      .geometric-shape{
        opacity:0.05;
      }
      
      .cost-stats{
        grid-template-columns:repeat(2, 1fr);
        gap:16px;
      }
      
      .cost-stat-card{
        padding:24px 16px;
      }
      
      .cost-stat-card .number{
        font-size:32px;
      }
      
      .cost-image{
        transform:none;
      }
      
      .cost-image:hover{
        transform:scale(1.02);
      }
      
      .contact-wrapper{
        grid-template-columns:1fr;
        gap:24px;
      }
      
      .contact-form,
      .contact-info{
        padding:24px;
      }
      
      .portfolio-card-image-wrapper{
        height:240px;
      }
      
      .portfolio-card-content{
        padding:24px;
      }
      
      .portfolio-card h4{
        font-size:20px;
      }
      
      .portfolio-card:hover{
        transform:translateY(-6px);
      }
      
      footer{
        padding:40px 20px 30px;
      }
      
      .footer-content{
        grid-template-columns:1fr;
        gap:32px;
        text-align:center;
      }
      
      .footer-bottom{
        flex-direction:column;
        text-align:center;
        gap:12px;
      }
      
      .whatsapp-float{
        width:56px;
        height:56px;
        bottom:20px;
        right:20px;
      }
      
      .whatsapp-chat{
        bottom:90px;
        right:20px;
        left:20px;
        width:auto;
      }
      
      .whatsapp-services-grid{
        grid-template-columns:1fr;
        gap:10px;
        max-height:400px;
      }
      
      .whatsapp-service-card{
        padding:16px;
        flex-direction:row;
        text-align:left;
        gap:12px;
      }
      
      .service-card-icon{
        font-size:32px;
        margin-bottom:0;
      }
      
      .service-card-content{
        flex:1;
      }
      
      .service-card-content strong{
        font-size:14px;
      }
      
      .service-card-content span{
        font-size:12px;
      }
    }
    
    @media(max-width:480px){
      .topbar{
        padding:10px 12px;
      }
      
      .logo-img,
      .logo-image{
        height:30px;
      }
      
      .logo-video{
        height:45px;
        max-width:140px;
      }
      
      .actions .btn.primary{
        display:none;
      }
      
      #themeToggle{
        display:none;
      }
      
      #mobileThemeToggle{
        width:44px;
        height:44px;
        padding:0;
        border-radius:0;
        background:transparent;
        border:none;
        position:relative;
      }
      
      #mobileThemeToggle:hover{
        background:transparent;
        transform:scale(1.05);
        opacity:0.8;
      }
      
      #mobileThemeToggle svg{
        width:20px;
        height:20px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
      }
      
      #mobileThemeToggle .sun-icon svg{
        fill:#ff8533;
      }
      
      #mobileThemeToggle .moon-icon svg{
        fill:#87CEEB;
      }
      
      #mobileThemeToggle svg.hidden{
        opacity:0;
        transform:translate(-50%, -50%) rotate(90deg) scale(0);
        pointer-events:none;
      }
      
      #mobileThemeToggle svg:not(.hidden){
        opacity:1;
        transform:translate(-50%, -50%) rotate(0deg) scale(1);
      }
      
      .hero-slide-content{
        grid-template-columns:1fr 1fr;
        gap:16px;
        padding:24px 12px;
        text-align:left;
      }
      
      .hero-slogan{
        grid-column:1 / -1;
        font-size:clamp(14px, 1.8vw, 18px);
        font-weight:900;
        margin-bottom:14px;
        padding:8px 0 8px 28px;
        letter-spacing:2.5px;
        width:100%;
      }
      
      .hero-slogan::before{
        width:22px;
        height:3px;
        box-shadow:0 0 10px rgba(255,133,51,0.6),
                   0 0 20px rgba(255,133,51,0.3);
      }
      
      .hero-slogan::after{
        width:22px;
        height:3px;
        filter:blur(4px);
      }
      
      .hero-slide-text h1{
        grid-column:1 / -1;
        grid-row:2;
        font-size:clamp(16px, 6vw, 20px);
        margin-bottom:16px;
        line-height:1.2;
        width:100%;
      }
      
      .hero-slide-text{
        display:contents;
      }
      
      .hero-slide-text p:not(.hero-slogan){
        grid-column:1;
        grid-row:3;
        font-size:clamp(11px, 3vw, 12px);
        margin-bottom:16px;
        line-height:1.4;
      }
      
      .hero-slide-cta{
        grid-column:1;
        grid-row:4;
      }
      
      .hero-slide-image{
        grid-column:2;
        grid-row:3 / 5;
        display:flex;
        align-items:center;
        justify-content:center;
        align-self:start;
      }
      
      .hero-slide-image img{
        max-height:150px;
      }
      
      .hero-slide-cta .btn{
        padding:8px 12px;
        font-size:12px;
        min-width:100px;
      }
      
      .hero-slide{
        padding:30px 12px;
      }
      
      .hero-carousel-controls{
        bottom:calc(40px - 1vh) !important;
      }
      
      .hero-carousel-wrapper{
        min-height:350px;
      }
      
      section{
        padding:40px 16px;
      }
      
      .service-card,
      .portfolio-card,
      .news-card{
        padding:20px;
      }
      
      .about-content{
        grid-template-columns:1fr;
        gap:24px;
      }
      
      .about-section-item:first-child,
      .about-section-item:nth-child(2),
      .stat-item{
        grid-column:1;
      }
      
      .about-section-item:first-child{
        grid-row:1;
      }
      
      .about-section-item:nth-child(2){
        grid-row:2;
      }
      
      .stat-item:nth-child(3){
        grid-row:3;
      }
      
      .stat-item:nth-child(4){
        grid-row:4;
      }
      
      .stat-item:nth-child(5){
        grid-row:5;
      }
      
      .cost-stats{
        grid-template-columns:1fr;
      }
    }