/* ===== WIDGET DE LEADS (botão flutuante + painel) ===== */
.lead-w-btn{position:fixed;right:68px;bottom:70px;z-index:9998;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#ce440e,#ff7b00);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .18s ease}
.lead-w-btn:hover{transform:scale(1.06)}
.lead-w-btn-img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease}
/* balão de fala do widget */
.lead-w-bubble{position:fixed;right:120px;bottom:136px;z-index:9998;max-width:240px;background:#fff;color:#161616;padding:12px 16px;border-radius:16px;font-family:'Lato',Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.3;box-shadow:0 10px 26px rgba(0,0,0,.28);opacity:0;transform:translate(8px,8px) scale(.85);transform-origin:bottom right;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.lead-w-bubble.show{opacity:1;transform:translate(0,0) scale(1)}
.lead-w-btn.poof{animation:leadPoofOut .26s ease forwards}
.lead-w-btn.poof-in{animation:leadPoofIn .3s ease}
@keyframes leadPoofOut{0%{transform:scale(1);opacity:1;filter:blur(0)}100%{transform:scale(1.6) rotate(8deg);opacity:0;filter:blur(8px)}}
@keyframes leadPoofIn{0%{transform:scale(.4);opacity:0;filter:blur(6px)}100%{transform:scale(1);opacity:1;filter:blur(0)}}

.lead-w-smoke{position:fixed;z-index:9997;pointer-events:none;display:none}

.lead-w-panel{position:fixed;right:24px;bottom:140px;z-index:9999;width:340px;max-width:calc(100vw - 32px);background:#161616;color:#f0f0f0;border:1px solid rgba(255,123,0,.25);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.45);overflow:hidden;display:none;font-family:'Lato',Arial,sans-serif}
.lead-w-panel.open{display:block;animation:leadUp .2s ease}
@keyframes leadUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.lead-w-head{position:relative;background:linear-gradient(135deg,#ce440e,#ff7b00);padding:22px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.lead-w-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.15)}
.lead-w-hello{margin:0;font-size:.95rem;font-weight:700;color:#fff}
.lead-w-btn-img{animation:leadIdle 3.2s ease-in-out infinite;transform-origin:center}
.lead-w-avatar{animation:leadIdle 3.6s ease-in-out infinite;transform-origin:center}
.lead-w-panel.open .lead-w-avatar{animation:leadPop .55s ease, leadIdle 3.6s ease-in-out .55s infinite}
@keyframes leadIdle{
  0%,100%{transform:translateY(0) rotate(0) scale(1)}
  25%{transform:translateY(-2px) rotate(-3deg) scale(1.02)}
  50%{transform:translateY(0) rotate(0) scale(1)}
  75%{transform:translateY(-2px) rotate(3deg) scale(1.02)}
}
@keyframes leadPop{
  0%{transform:scale(.4);opacity:0}
  60%{transform:scale(1.14)}
  100%{transform:scale(1);opacity:1}
}
.lead-w-x{position:absolute;top:10px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:none;color:#fff;font-size:1.7rem;cursor:pointer;line-height:1;display:grid;place-items:center;transition:transform .25s ease,background .2s ease}
.lead-w-x:hover{transform:rotate(90deg) scale(1.12);background:rgba(255,255,255,.28)}
.lead-w-x:active{transform:rotate(90deg) scale(.92)}
.lead-w-menu{padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.lead-w-menu-title{margin:0 0 2px;font-size:.8rem;color:#aaa;text-align:center}
.lead-w-opt{width:60%;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#1f1f1f;border:1px solid #333;color:#f0f0f0;border-radius:30px;padding:11px 14px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.lead-w-opt:hover{border-color:#ff7b00;background:#262626;transform:translateY(-1px)}
.lead-w-opt-ic{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.lead-w-back{position:absolute;top:10px;left:12px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:none;color:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}
.lead-w-back:hover{background:rgba(255,255,255,.28);transform:translateX(-2px)}
.lead-w-back:active{transform:scale(.9)}
.lead-w-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto}
.lead-w-body label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#aaa}
.lead-w-body input,.lead-w-body select,.lead-w-body textarea{width:100%;background:#1f1f1f;border:1px solid #333;border-radius:14px;padding:13px 15px;color:#f0f0f0;font-size:1.02rem;font-family:inherit}
.lead-w-body input:focus,.lead-w-body select:focus,.lead-w-body textarea:focus{outline:none;border-color:#ff7b00}
.lead-w-body textarea{resize:vertical;min-height:60px}
.lead-w-send{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ce440e,#ff7b00);color:#fff;border:none;border-radius:14px;padding:13px;font-weight:700;font-size:1.02rem;cursor:pointer}
.lead-w-send:disabled{opacity:.6;cursor:default}
.lead-w-ok{padding:28px 18px;text-align:center}
.lead-w-ok .ic{font-size:2.4rem}
.lead-plane-anim{width:110px;height:110px;margin:0 auto 4px}
.lead-plane-anim svg{width:100%;height:100%;overflow:visible}
.lead-plane{offset-path:path('M50 24 A26 26 0 0 1 50 76 A26 26 0 0 1 50 24 L88 -18');offset-rotate:auto;offset-distance:0%;animation:leadFly 1.05s linear forwards}
@keyframes leadFly{0%{offset-distance:0%;opacity:0}8%{opacity:1}74%{opacity:1}88%{opacity:1}100%{offset-distance:100%;opacity:0}}
.lead-check-circle{fill:none;stroke:#ff7b00;stroke-width:5;stroke-linecap:round;stroke-dasharray:164;stroke-dashoffset:164;animation:leadDraw .78s linear forwards}
.lead-check-mark{fill:none;stroke:#ff7b00;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32;transform-box:fill-box;transform-origin:center;animation:leadDraw .28s ease-out .72s forwards,leadPop .5s cubic-bezier(.34,1.56,.64,1) .72s forwards}
@keyframes leadDraw{to{stroke-dashoffset:0}}
@keyframes leadPop{0%{transform:scale(.2)}55%{transform:scale(1.18)}100%{transform:scale(1)}}
.lead-w-ok h4{margin:10px 0 4px;color:#fff}
.lead-w-ok p{font-size:.85rem;color:#bbb}
.lead-w-err{font-size:.8rem;color:#ff6b6b}

:root {
    --main-colorr: red;
    --black: rgb(255, 255, 255);
    --bg:rgb(0, 0, 0);
    --border:0.1rem solid rgb(255, 123, 0);
    font-size: 10px;
}

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    outline:none;
    border:none;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.2s linear;
}

body {
  min-height: 100vh;
  background: linear-gradient(to bottom, #3a2519, #181513 70%, #090a0f);
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 200px;
  min-height: 100vh;
}



body::-webkit-scrollbar {
width: 10px;
}

body::-webkit-scrollbar-track {
background: #202020;
}

body::-webkit-scrollbar-thumb {
background-color: #ff1e00;
border-radius: 10px;
border: 2px solid #202020;

}

section {
    padding: 3rem 2rem;
    margin: 0 auto;
    max-width: 1200px;
    
}

.header {
    font-family: "Bebas Neue", sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom:;
    background-color: rgb(17, 17, 17);
}

.header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #ff4500, #ff7b00, #ff4500);
}

.logo:hover {
    
    
}

.logo img {
    animation: float 3s ease-in-out infinite;
    cursor: pointer;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
    100% {
        transform: translateY(0);
    }
}

.header section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.navbar a img {
    height: 26px;               /* deixa do tamanho do texto */
    width: auto;
    vertical-align: middle;
    gap: 40px;
}

.navbar a {
    margin: 0.1rem;
    font-size: 2rem;
    padding: 6px;
    color: white;
    transition: transform 0.3s ease;
    display: inline-block;
    z-index: 9999;
}

.navbar a:hover{
    color: rgb(243, 57, 0);
    transform: scale(1.2);
}

.icons img { margin: auto; cursor: pointer; }

.icons img:nth-child(1) { border-radius: 50px; padding: 6px 1px; }
.icons img:nth-child(2) { border-radius: 50px; padding: 6px 10px; }

.icons img:hover:nth-child(1) { content: url("../imagem/insta header 2.png"); transform: scale(1.1); }
.icons img:hover:nth-child(2) { content: url("../imagem/wpp header 2.png"); transform: scale(1.1); }

.icons img:hover {
    transform: scale(0.9);

}

.icons img:hover:nth-child(1) {

    content: url("../imagem/insta\ header\ 2.png");
    
  }

  .icons img:hover:nth-child(2) {

    content: url("../imagem/wpp\ header\ 2.png");
    
  }

  @media (max-width: 600px) {

    .navbar a {
      display: none;
    }

    .icons {
      display: none;
    }

    .navbar, .icons, .search-wrapper { display: none !important; }

.header-right {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.rd-login-wrapper { display: flex; align-items: center; }
.rd-login-btn { font-size: 1.1rem; padding: 6px 8px; }
.rd-login-sub { display: none; }
.nav-hamburger { margin-right: 10px; }

}



  .dropdown {
    position: relative;
    display: inline-block;
    z-index: 99;
}

.dropbtn {
    cursor: pointer;
}

/* Conteúdo do dropdown 1 */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #222;
    min-width: 150px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 17px;
    
}

.dropdown-content a:hover {
    background-color: #353535;
}

/* Mostrar dropdown ao passar o mouse */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Pequena seta no dropdown */
.dropbtn::after {
    content: ' ';
    margin-left: 5px;
}

/* Conteúdo do dropdown 2 */

.dropdown2 {
    position: relative;
    display: inline-block;
}

.dropbtn2 {
    cursor: pointer;
}

.dropdown2-content {
    display: none;
    position: absolute;
    background-color: #222;
    min-width: 150px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

.dropdown2-content a {
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 17px;
    
}

.dropdown2-content a:hover {
    background-color: #353535;
}

/* Mostrar dropdown ao passar o mouse */
.dropdown2:hover .dropdown-content {
    display: block;
}

/* Pequena seta no dropdown */
.dropbtn2::after {
    content: ' ';
    margin-left: 5px;
}

/* Conteúdo do dropdown 3 */

.dropdown3-content {
    display: none;
    position: absolute;
    background-color: #222;
    min-width: 150px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

.dropdown3-content a {
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 17px;
    
}

.dropdown3-content a:hover {
    background-color: #353535;
}

/* Mostrar dropdown ao passar o mouse */
.dropdown3:hover .dropdown-content {
    display: block;
}

/* Pequena seta no dropdown */
.dropbtn3::after {
    content: ' ';
    margin-left: 5px;
}



/* MENU */


body {
  font-family: 'Arial', sans-serif;
  background: #111;
  color: white;
  overflow-x: hidden;
}

/* Botão do menu */
.burger {
  position: fixed;
  top: 78px;
  left: 160px;
  width: 35px;
  height: 30px;
  cursor: pointer;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.burger div {
  height: 4px;
  width: 100%;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Transformar hamburger em X */
.burger.active div:nth-child(1) {
  transform: rotate(45deg) translate(12px, 10px); /* \ */
}
.burger.active div:nth-child(2) {
  opacity: 0;
}
.burger.active div:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -7px); /* / */
}

/* ----- CÍRCULO EXPANDIDO (agora com fundo) ----- */
.menu {
    position: fixed;
    top: 46px;
    left: 160px;
    font-family: "Russo One", sans-serif;

    width: 60px;
    height: 60px;

    background: transparent;
    border-radius: 50%;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;

    transition: all 0.35s ease;
    overflow: hidden;
    z-index: 999;
}

/* ----- CÍRCULO ABERTO (controlado) ----- */
.menu.active {
    width: 650px;   /* <<< ajuste o tamanho do menu aberto */
    height: 600px;  /* <<< ajuste livremente */

    border-radius: 50%;
    background-image: url('../imagem/ChatGPT\ Image\ 6\ de\ dez.\ de\ 2025\,\ 22_19_55.png'); /* imagem desejada */
    background-size: cover;      /* cobre todo o círculo */
    background-position: center; /* centralizada */
    background-repeat: no-repeat;
    opacity: 100%;
}

/* ----- LISTA (escondida quando fechado) ----- */
.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;

    opacity: 0;
    transform: translateY(20px);
    transition: all 0.35s ease 0.15s;

    text-align: center;
    pointer-events: none; /* impede clique enquanto fechado */
}

/* ----- LISTA VISÍVEL QUANDO ABERTO ----- */
.menu.active ul {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* ----- ITENS ----- */
.menu ul li {
    margin: 12px 0;
    transition: transform 0.25s ease;
}

.menu ul li:hover {
    transform: scale(1.25);
}

/* ----- LINKS ----- */
.menu ul li a {
    color: #1f1f1f;
    font-size: 2.5rem;
    text-decoration: none;
    letter-spacing: 2px;
    transition: color 0.3s ease;
}

.menu ul li a:hover {
    color: #464646;
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background: rgba(0, 0, 0, 0.90); /* escurece */
   
    

    opacity: 0;
    pointer-events: none; /* não impede clique quando invisível */

    transition: opacity 0.4s ease;
    z-index: 500; /* abaixo do menu, acima do site */
}

.menu-overlay.active {
    opacity: 1;
    pointer-events: auto; /* impede clique nos elementos atrás */
}

@media (max-width: 600px) {

  /* -------------------------
     1) Botão hamburguer à direita
     ------------------------- */
  .burger {
    top: 85px;
    left: auto;
    right: 15px;
    width: 30px;
    height: 25px;
    z-index: 1002;
  }

  /* Ajusta as linhas pro tamanho menor */
  .burger div {
    height: 3px;
  }

  /* Ajusta o X quando ativo no mobile */
  .burger.active div:nth-child(1) {
    transform: rotate(45deg) translate(6px, 8px);
  }
  .burger.active div:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -10px);
  }


  /* -------------------------
     2) Menu circular responsivo
     ------------------------- */
  .menu {
    top: 5px;
    left: auto;
    right: 8px;
    width: 50px;
    height: 50px;
  }

  /* Círculo expandido — versão mobile */
  .menu.active {
    width: 350px;
    height: 350px;
    right: calc(50% - 175px);
    background-size: cover;
    background-position: center;
  }

  /* -------------------------
     3) Lista alinhada ao centro
     ------------------------- */
  .menu ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 100%;
  }

  .menu.active ul {
    transform: translate(-50%, -50%);
  }

  .menu ul li a {
    font-size: 1.5rem;
    color: #1c1c1c;
  }

  .menu ul li {
    margin: 10px 0;
  }


  /* -------------------------
     4) Overlay permanece igual
     ------------------------- */
  .menu-overlay {
    background: rgba(0,0,0,0.85);
  }

  /* -------------------------
     5) Empurra login/perfil para não sobrepor o burger
     ------------------------- */
  .header-right {
    padding-right: 50px;
  }
}

/* FINAL MENU */



/* ESTRELAS DO BACKGROUND */

.stars {
  overflow-x: hidden;
  width: 2px;
  height: 2px;
  position: absolute;
  background: white;
  box-shadow: 2vw 5vh 2px white, 10vw 8vh 2px white, 15vw 15vh 1px white,
    22vw 22vh 1px white, 28vw 12vh 2px white, 32vw 32vh 1px white,
    38vw 18vh 2px white, 42vw 35vh 1px white, 48vw 25vh 2px white,
    53vw 42vh 1px white, 58vw 15vh 2px white, 63vw 38vh 1px white,
    68vw 28vh 2px white, 73vw 45vh 1px white, 78vw 32vh 2px white,
    83vw 48vh 1px white, 85vw 20vh 2px white, 85vw 52vh 1px white,
    85vw 35vh 2px white, 5vw 60vh 1px white, 12vw 65vh 2px white,
    18vw 72vh 1px white, 25vw 78vh 2px white, 30vw 85vh 1px white,
    35vw 68vh 2px white, 40vw 82vh 1px white, 45vw 85vh 2px white,
    50vw 75vh 1px white, 55vw 85vh 2px white, 60vw 85vh 1px white,
    65vw 72vh 2px white, 70vw 85vh 1px white, 75vw 78vh 2px white,
    80vw 85vh 1px white, 85vw 82vh 2px white, 85vw 85vh 1px white,
    85vw 75vh 2px white;
  animation: twinkle 8s infinite linear;
}

.shooting-star {
  position: absolute;
  width: 100px;
  height: 2px;
  background: linear-gradient(90deg, white, transparent);
  animation: shoot 7s infinite ease-in;
}

.shooting-star:nth-child(1) {
  top: 20%;
  left: -200px;
  animation-delay: 1s;
}

.shooting-star:nth-child(2) {
  top: 35%;
  left: -200px;
  animation-delay: 6s;
}

.shooting-star:nth-child(3) {
  top: 50%;
  left: -300px;
  animation-delay: 2s;
  
}

.shooting-star:nth-child(4) {
  top: 50%;
  left: -300px;
  animation-delay: 2s;
}

@keyframes twinkle {
  0%,
  100% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
}

@keyframes shoot {
  0% {
    transform: translateX(0) translateY(0) rotate(25deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100vw) translateY(50vh) rotate(25deg);
    opacity: 0;
  }
}

/* Additional twinkling stars with different animation timing */
.stars::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  background: white;
  box-shadow: 8vw 12vh 2px white, 16vw 18vh 1px white, 24vw 25vh 2px white,
    33vw 15vh 1px white, 41vw 28vh 2px white, 49vw 35vh 1px white,
    57vw 22vh 2px white, 65vw 42vh 1px white, 73vw 28vh 2px white,
    81vw 48vh 1px white, 85vw 32vh 2px white, 85vw 45vh 1px white,
    3vw 68vh 2px white, 11vw 75vh 1px white, 19vw 82vh 2px white,
    27vw 83vh 1px white, 35vw 72vh 2px white, 43vw 85vh 1px white,
    51vw 84vh 2px white, 59vw 78vh 1px white;
  animation: twinkle 6s infinite linear reverse;
}


#slider-wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 400px;
  margin: 10px auto 0 auto; /* 10px abaixo do header */
  overflow: hidden;
  z-index: 1;
  border-radius: 10px;
}

#slider-wrap ul {
    display: flex;
    transition: 0.5s ease;
    position: relative;
    left: 0;
}

#slider-wrap ul li {
  float: left;
  width: 100%;
  height: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#slider-wrap ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Controles */
#previous,
#next {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(3px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 2rem;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: 0.3s;
  border-radius: 50%;
}

#previous:hover,
#next:hover {
  background: rgba(255,255,255,0.25);
}

#previous {
  left: 10px;
}

#next {
  right: 10px;
}

/* Counter */
#counter {
  position: absolute;
  bottom: 10px;
  right: 15px;
  color: white;
  font-size: 1.2rem;
  background: rgba(0,0,0,0.4);
  padding: 4px 10px;
  border-radius: 5px;
  font-family: "Titan One", sans-serif;
}

/* Paginação */
#pagination-wrap {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

#pagination-wrap ul {
  display: flex;
  gap: 8px;
}

#pagination-wrap ul li {
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.2s;
}

#pagination-wrap ul li.active {
  background: rgb(243, 57, 0); /* cor combinando com seu hover */
  transform: scale(1.3);
}

#slider-wrap.dragging {
    cursor: grabbing;
    user-select: none;
}

@media (max-width: 600px) {

  /* Ajusta altura */
  #slider-wrap {
    height: 200px;
    max-width: 100%;
  }

  /* Slides com a mesma altura */
  #slider-wrap ul li {
    width: 100%;
    height: 200px;
  }

  #slider-wrap ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Botões menores */
  #previous,
  #next {
    width: 30px;
    height: 30px;
    background-color: none;
    font-size: 1.4rem;
    line-height: 30px;
  }

  #previous { left: 5px; }
  #next { right: 5px; }

  #counter {
    font-size: 0.9rem;
    padding: 3px 7px;
    bottom: 5px;
  }

  /* Paginação menor */
  #pagination-wrap ul li {
    width: 10px;
    height: 10px;
  }

  #pagination-wrap ul {
    gap: 6px;
  }

  #pagination-wrap {
    bottom: 10px;
  }


}
  /* Botões */
  #previous,
  #next {
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
    line-height: 32px;
  }

  #previous { left: 5px; }
  #next { right: 5px; }

  /* Counter */
  #counter {
    font-size: 0.9rem;
    padding: 3px 8px;
    bottom: 5px;
    right: 10px;
  }

  /* Paginação */
  #pagination-wrap ul li {
    width: 10px;
    height: 10px;
  }

  #pagination-wrap ul {
    gap: 6px;
  }

  #pagination-wrap {
    bottom: 12px;
  }

  /* bloquear scroll lateral */
  html, body {
    overflow-x: hidden !important;
  }

.title {
  font-family: "Russo One", sans-serif;
  font-size: 3rem;
  margin-top: -2%;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
}

.title span {
  color: rgb(255, 94, 0);
  text-transform: uppercase;
  background-color: #131313;
}

.about .row {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.about .row .content {
  padding: 2rem;
  font-size: 2rem;
  color: white;
  font-family: "Open Sans", sans-serif;
    
}

.about .row .content h3{
  font-size: 2.5rem;
  color: rgb(255, 94, 0);
  font-family: "Russo One", sans-serif;
}

.about .row .content p{
  font-family: "Russo One", sans-serif;
  font-size: 1.7rem;
  line-height: 1.5;
}


@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 600px) {

  /* Título */
  .title {
    font-size: 2.2rem;
    margin-top: 0;
    padding: 15px;
  }

  .title span {
    font-size: 2.2rem;
  }

  /* Sobre */
  .about .row {
    flex-direction: column; /* empilha no mobile */
    text-align: center;
    gap: 1.5rem;
  }

  .about .row .content {
    padding: 1rem;
    font-size: 1.6rem;
  }

  .about .row .content h3 {
    font-size: 2rem;
  }

  .about .row .content p {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  /* Evitar scroll lateral */
  html, body {
    overflow-x: hidden !important;
  }
}

.accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  overflow-x: hidden;
  max-height: 700px;
  padding: 1%;
  margin: 0;
  list-style: none;
  background-color: transparent;
}

.accordion__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  border-radius: 22px;
  overflow: hidden;
  background-color: #111;
  cursor: pointer;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.accordion__item_active {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
          min-width: 0;
          
}

.accordion__item-title, .accordion__item-subtitle {
  color: #949494;
  text-shadow: 1px 1px 22px rgba(0, 0, 0, 0.6);
}

.accordion__item-title {
  font-family: "Titan One", sans-serif;
  position: absolute;
  bottom: 0;
  left: 8px;
  padding: 10px 0;
  font-size: 14px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.accordion__item-subtitle {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  font-family: 'Anton', sans-serif;
  font-size: 80px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.button-label {
  font-family: "Titan One", sans-serif;
  color: #ff4500;
  padding: 5px;
}

.accordion__item-image {
  height: 100%;
}

.main__image {
  display: none;
}

.accordion__item_active .preview__image {
  display: none;
}

.accordion__item_active .main__image {
  display: block;
}

.accordion__item_active .accordion__item-title {
  position: absolute;
  bottom: 0;
  left: 20px;
  padding: 20px 0;
  font-size: 25px;
  opacity: 0.7;
}

.accordion__item_active .accordion__item-subtitle {
  display: block;
  bottom: 10px;
  right: 20px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  font-size: 80px;
  line-height: 100px;
  opacity: 0.7;
}

@media (max-width: 600px) {

  /* Ajusta o container principal */
  .accordion {
    flex-direction: column;
    height: auto;
    max-height: none;
    overflow-x: hidden !important;
    padding: 0;
    align-items: center;
  }

  /* Cada item vira um bloco vertical */
  .accordion__item {
    flex: none;
    width: 95%;
    align-items: center;
    margin: 10px 0;
    min-width: 0 !important; /* impede scroll lateral */
    height: 250px; /* altura ideal para mobile */
  }

  /* Quando ativo, ele só aumenta a altura – nunca a largura */
  .accordion__item_active {
    flex: none;
    width: 95%;
    height: 300px;
    min-width: 0 !important;
  }

  /* Título menor */
  .accordion__item-title {
    font-size: 12px;
    left: 10px;
  }

  /* Subtítulo ocupa menos espaço */
  .accordion__item-subtitle {
    font-size: 40px;
    right: 10px;
    bottom: 20px;
    line-height: 45px;
    transform: translateX(0);
  }

  /* Imagens ajustam corretamente */
  .accordion__item-image {
    width: 100%;
    height: 95%;
    object-fit: cover;
  }

  .accordion__item_active .accordion__item-title {
    font-size: 18px;
    left: 15px;
  }

  .accordion__item_active .accordion__item-subtitle {
    font-size: 45px;
    bottom: 15px;
  }
}
/*# sourceMappingURL=accordion.css.map */

.dinamic-sites {
  font-family: "Russo One", sans-serif;
  font-size: 3rem;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
}

.dinamic-sites span {
  color: rgb(255, 94, 0);
  text-transform: uppercase;
  background-color: #131313;
}

.shine-button {
  position: relative;
  padding: 1.2rem 2.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  min-width: 200px;
}

.shine-button::before {
  content: '';
  position: absolute;
  height: 250%;
  width: 40px;
  top: 0;
  left: -60px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transform: rotate(45deg) translateY(-35%);
  animation: shine 3s ease infinite;
}

@keyframes shine {
  0% {
    left: -80px;
  }
  40% {
    left: calc(100% + 20px);
  }
  100% {
    left: calc(100% + 20px);
  }
}


.button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.button-label {
  color: #64748b;
  font-size: 1.2rem;
  padding: 3px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.button-fire {
  background: linear-gradient(135deg, #ff4500 0%, #ff6347 50%, #ffa500 100%);
  color: #fff;
  font-size: 16px;
  box-shadow: 
    0 10px 30px rgba(255, 69, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.button-fire:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 15px 40px rgba(255, 69, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}



.cont {
  height: 400px;
  width: 400px;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: rotate(-90deg);
  overflow: hidden;
  scroll-behavior: smooth;
  margin: 0 auto; /* ← centraliza */
}

.sections {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  transform: rotate(90deg);
  width: 400px;
  height: 400px;
}

.sections:nth-child(1) {
  background: url('../imagem/faixada.webp');
  background-size: cover;
  background-position: bottom;
}

.sections:nth-child(2) {
  background: url('../imagem/faixada2.webp');
  background-size: cover;
  background-position: center;
}

.sections:nth-child(3) {
  background: url('../imagem/MASC.webp');
  background-size: cover;
  background-position: center;
}

.fotos {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.fotos a {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 50%;
  background: #e04000;
  transition: all 200ms ease-in-out;
}

.fotos a.actives {
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(201,20,20,0.15);
  transform: scale(1.05);
}

@media (max-width: 500px) {
  .cont {
    width: 80vw;
    height: 80vw;
    margin: 0 auto;
    transform: rotate(-90deg);
  }

  .sections {
    width: 80vw;
    height: 80vw;
    transform: rotate(90deg);
    background-size: cover;
    background-position: center;
  }

  .fotos {
    margin-top: 15px;
  }

  .fotos a {
    width: 5vw;
    height: 5vw;
    max-width: 18px;
    max-height: 18px;
    min-width: 12px;
    min-height: 12px;
    margin: 0 6px;
  }

  .fotos a.actives {
    transform: scale(1.2);
    box-shadow: 0 0 0 2px rgba(201,20,20,0.25);
  }
}

@media (min-width: 501px) and (max-width: 900px) {
  .cont {
    width: 60vw;
    height: 60vw;
    margin: 0 auto;
    transform: rotate(-90deg);
  }

  .sections {
    width: 60vw;
    height: 60vw;
    transform: rotate(90deg);
    background-size: cover;
    background-position: center;
  }
}

.footer {
  font-family: "Bebas Neue", sans-serif;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  background: none;
  color: #fff;
  border-top: 1px solid rgb(255, 51, 0);
  font-size: 1.4rem;
}

.footer {
  background: none;
  color: #fff;
  padding: 40px 20px 10px;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-col {
  flex: 1 1 250px;
  padding: 5px;
}

.footer-col img{
  padding: 5px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.footer-col img:hover{
    color: rgb(243, 57, 0);
    transform: scale(1.2);
}

.footer-col p{
  
  font-size: 20px;
}


.footer-col h3 {
  color: red;
  margin-bottom: 10px;
  font-size: 23px;
  
}

.footer-col a {
  display: block;
  color: #ccc;
  margin: 5px 0;
  transition: 0.3s;
  font-size: 20px;
  transition: transform 0.3s ease;
}

.footer-col a:hover {
  color: red;
  transform: scale(1.2);
}

.footer-bottom {
  text-align: center;
  padding: 20px 0 0;
  margin-top: 20px;
  border-top: 3px solid red;
  font-size: 1.5rem;
}

.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
    filter: blur(15px);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.container-image img{
  border-radius: 8px;
  cursor: pointer;
}

.container-image:hover img{

  transform: scale(1.1);
}

/* ===== ROCKET DEV 2026: estrutura, acessibilidade e conteúdo ===== */
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{padding-top:110px;color:#fff}
.skip-link{position:fixed;top:12px;left:12px;z-index:10001;transform:translateY(-160%);padding:12px 18px;border-radius:8px;background:#fff;color:#111;font:700 14px/1.2 "Open Sans",sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.4)}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(a,button,input,select,textarea,[role="button"]):focus-visible{outline:3px solid #ff9a3d!important;outline-offset:4px!important}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:18px 20px}
.burger,.menu,.menu-overlay{display:none}
.burger{appearance:none;border:0;background:transparent;padding:0}
.burger span{display:block;height:4px;width:100%;background:#fff;border-radius:2px;transition:all .3s ease}
.burger.active span:nth-child(1){transform:rotate(45deg) translate(9px,9px)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:rotate(-45deg) translate(9px,-9px)}
.dropbtn{font-family:"Bebas Neue",sans-serif;font-size:2rem;color:#fff;background:transparent;padding:6px;cursor:pointer}
.dropbtn:hover,.dropbtn[aria-expanded="true"]{color:#f33900}
.dropdown.is-open .dropdown-content{display:block}
.icons a{display:inline-flex;align-items:center}

.rd-video-hero{position:relative;width:100%;max-width:none;min-height:clamp(560px,72vh,780px);padding:0;display:flex;align-items:center;overflow:hidden;background:#050505}
.rd-video-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.rd-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.8) 45%,rgba(5,5,5,.25) 75%),linear-gradient(0deg,rgba(5,5,5,.85),transparent 45%)}
.rd-hero-content{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:80px 0;text-align:left}
.rd-eyebrow,.rd-section-kicker{margin:0 0 16px;color:#ff7b00;font:700 1.25rem/1.5 "Open Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.rd-hero-content h1{max-width:900px;margin:0;color:#fff;font:400 clamp(4.2rem,6.2vw,8rem)/.98 "Bebas Neue",sans-serif;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.rd-hero-content h1 span,.rd-showcase h2 span,.rd-services h2 span,.rd-process h2 span{color:#ff6a00}
.rd-hero-copy{max-width:720px;margin:24px 0 0;color:#e1e1e1;font:500 clamp(1.6rem,1.7vw,2rem)/1.65 "Open Sans",sans-serif;text-transform:none}
.rd-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.rd-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:12px;font:700 1.5rem/1 "Open Sans",sans-serif;text-transform:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.rd-cta:hover{transform:translateY(-2px)}
.rd-cta-primary{color:#fff;background:linear-gradient(135deg,#e44700,#ff8500);box-shadow:0 12px 30px rgba(255,91,0,.28)}
.rd-cta-secondary{color:#fff;border-color:rgba(255,255,255,.38);background:rgba(12,12,12,.5);backdrop-filter:blur(8px)}
.rd-trust-list{display:flex;flex-wrap:wrap;gap:14px 28px;margin:28px 0 0;padding:0;list-style:none;color:#d5d5d5;font:600 1.3rem/1.4 "Open Sans",sans-serif}
.rd-trust-list li::before{content:"✓";margin-right:8px;color:#ff7b00;font-weight:800}

.rd-intro{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;width:min(1180px,calc(100% - 40px));max-width:1180px;margin:-34px auto 70px;padding:0;position:relative;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#2b211b;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.rd-intro div{padding:24px;background:#121212}
.rd-intro strong{display:block;color:#fff;font:400 2.4rem/1 "Bebas Neue",sans-serif;letter-spacing:.04em}
.rd-intro span{display:block;margin-top:6px;color:#999;font:500 1.2rem/1.4 "Open Sans",sans-serif;text-transform:none}

.rd-showcase,.rd-services,.rd-process{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:0 auto;padding:72px 0}
.rd-showcase h2,.rd-services h2,.rd-process h2,.rd-final-cta h2{margin:0;color:#fff;font:400 clamp(3.6rem,5vw,6rem)/1.02 "Bebas Neue",sans-serif;text-transform:uppercase;text-wrap:balance}
.rd-section-lead{max-width:700px;margin:16px 0 32px;color:#bdbdbd;font:500 1.6rem/1.65 "Open Sans",sans-serif;text-transform:none}
#slider-wrap{margin-top:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.3)}
#previous,#next{display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);padding:0;line-height:1}
#previous img,#next img{width:18px;height:18px;object-fit:contain}

.rd-services{padding-top:90px}
.rd-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.rd-service-card{position:relative;min-height:270px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(29,29,29,.96),rgba(12,12,12,.96));overflow:hidden}
.rd-service-card::after{content:"";position:absolute;width:150px;height:150px;right:-65px;bottom:-65px;border-radius:50%;background:rgba(255,107,0,.08)}
.rd-service-number{display:block;color:#ff6a00;font:700 1.2rem/1 "Open Sans",sans-serif;letter-spacing:.14em}
.rd-service-card h3{margin:40px 0 12px;color:#fff;font:400 3rem/1 "Bebas Neue",sans-serif;text-transform:uppercase}
.rd-service-card p{margin:0 0 24px;color:#bcbcbc;font:500 1.45rem/1.65 "Open Sans",sans-serif;text-transform:none}
.rd-service-card a{position:relative;z-index:1;color:#ff8a32;font:700 1.35rem/1.4 "Open Sans",sans-serif;text-transform:none}
.rd-service-card:hover{transform:translateY(-4px);border-color:rgba(255,123,0,.45)}

.shine-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase}
.rd-brand-section{padding:70px 20px}
.rd-process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px 0 0;padding:0;list-style:none}
.rd-process-list li{display:flex;gap:20px;padding:26px;border-top:1px solid rgba(255,255,255,.14);background:rgba(10,10,10,.25)}
.rd-process-list>li>span{color:#ff6a00;font:400 3rem/1 "Bebas Neue",sans-serif}
.rd-process-list h3{margin:0 0 8px;color:#fff;font:400 2.5rem/1 "Bebas Neue",sans-serif;text-transform:uppercase}
.rd-process-list p{margin:0;color:#aaa;font:500 1.4rem/1.6 "Open Sans",sans-serif;text-transform:none}
.rd-final-cta{width:min(1100px,calc(100% - 40px));max-width:1100px;margin:60px auto 100px;padding:64px;border:1px solid rgba(255,123,0,.28);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(255,106,0,.22),transparent 38%),#111;text-align:center}
.rd-final-cta .rd-section-kicker{margin-bottom:12px}
.rd-final-cta p:not(.rd-section-kicker){max-width:680px;margin:18px auto 28px;color:#bbb;font:500 1.6rem/1.6 "Open Sans",sans-serif;text-transform:none}
.footer-col p a{display:inline;color:#ccc;text-transform:none}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.rd-video-hero video{display:none}}
@media (max-width:900px){
  body{padding-top:88px}.header-inner{min-height:88px}.rd-intro{grid-template-columns:repeat(2,1fr)}.rd-service-grid,.rd-process-list{grid-template-columns:1fr}.rd-video-hero{min-height:620px}.rd-hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.6)),linear-gradient(0deg,rgba(5,5,5,.85),transparent)}
}
@media (max-width:600px){
  body{padding-top:78px}main{width:100%;max-width:100%;overflow:hidden}.header-inner{min-height:78px;padding:10px 16px}.logo img{max-width:74px}.rd-login-wrapper,.rd-user-dropdown{display:none!important}.burger{display:flex!important;position:fixed!important;top:20px!important;right:16px!important;left:auto!important;width:42px!important;height:42px!important;padding:9px!important;gap:5px;justify-content:center;z-index:10000!important;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#161616}.burger span{height:3px}.menu{display:flex}.menu-overlay{display:block}.rd-video-hero{min-height:650px}.rd-hero-content{width:auto;max-width:calc(100vw - 32px);margin:0 16px;padding:58px 0;overflow:hidden}.rd-eyebrow{font-size:1rem;letter-spacing:.08em;overflow-wrap:anywhere}.rd-hero-content h1{width:100%;max-width:100%;font-size:3.2rem;line-height:1.04;text-wrap:wrap;overflow-wrap:anywhere}.rd-hero-copy{width:100%;max-width:100%;font-size:1.4rem;overflow-wrap:anywhere}.rd-hero-actions{flex-direction:column}.rd-cta{width:100%}.rd-trust-list{display:grid;gap:10px}.rd-intro{grid-template-columns:1fr 1fr;width:calc(100% - 24px);margin-top:-22px}.rd-intro div{padding:18px 14px;min-width:0}.rd-intro strong,.rd-intro span{overflow-wrap:anywhere}.rd-showcase,.rd-services,.rd-process{width:calc(100% - 32px);padding:52px 0}.rd-showcase h2,.rd-services h2,.rd-process h2,.rd-final-cta h2{font-size:3.8rem}.rd-service-card{padding:24px;min-height:240px}.rd-final-cta{width:calc(100% - 32px);padding:42px 22px;margin-bottom:70px}.rd-brand-section{padding-inline:16px}
}




.search-wrapper { position: relative; }

.search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(39, 39, 39, 0.07);
    border: 1.5px solid rgba(94, 94, 94, 0.35);
    color: #e4e4e4;
    cursor: pointer;
    transition: all 0.25s ease;
}

.search-btn:hover {
    background: rgba(51, 51, 51, 0.18);
    border-color: #ffffff;
    color: #ffffff;
    transform: scale(1.1);
}

.search-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: 720px;
    background: #111;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px) scale(0.97);
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 10000;
}

.search-panel.open {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0) scale(1);
}

.search-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.06);
    border: 1.5px solid rgba(102, 102, 102, 0.25);
    border-radius: 8px;
    padding: 9px 14px;
    color: #e4e4e4;
    font-family: "Russo One", sans-serif;
    font-size: 1.5rem;
    letter-spacing: 1px;
    outline: none;
    transition: border 0.2s;
}

.search-input:focus { border-color: #acacac; }
.search-input::placeholder { color: #555; font-size: 1.3rem; }

.search-dropdown {
    margin-top: 8px;
    max-height: 380px;
    overflow: auto;
    scrollbar-width: none;
    overflow-x: hidden;
}

.search-dropdown::-webkit-scrollbar { display: none; }

.search-category {
    font-family: "Russo One", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: #ff7b00;
    padding: 10px 10px 4px;
    margin: 0;
    text-transform: uppercase;
}

.search-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    color: #bbb;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: background 0.18s, color 0.18s, transform 0.15s;
    text-transform: uppercase;
}

.search-item:hover {
    background: rgba(255, 123, 0, 0.12);
    color: #fff;
    transform: translateX(4px);
}

.search-icon { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; }

.search-empty {
    display: none;
    color: #555;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.4rem;
    text-align: center;
    padding: 20px 0 10px;
    letter-spacing: 1px;
}


.rd-login-wrapper {
    position: relative;
    display: inline-block;
}

.rd-login-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: transparent;
    border-radius: 50px;
    color: #e4e4e4;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    cursor: pointer;
}

.rd-login-icon, .rd-login-text { position: relative; z-index: 1; }
.rd-login-icon:hover { transform: scale(1.1); }

.rd-login-icon img {
  width: 22px;   /* ajuste esse valor conforme o tamanho desejado */
  height: 22px;
  object-fit: contain;
}

.rd-login-text {
    display: flex;
    font-family: "lato", sans-serif;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.rd-login-text strong { font-size: 1rem; font-weight: 700; color: #fff; }
.rd-login-sub { font-size: 0.7rem; color: rgba(255,255,255,0.45); }
.rd-login-sub strong { font-size: 0.9rem; color: rgba(255,255,255,0.75); }

.rd-login-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: rgba(20,20,20,0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    min-width: 180px;
    overflow: hidden;
    z-index: 99999;
    flex-direction: column;
}

.rd-login-wrapper:hover .rd-login-dropdown { display: flex; }

.rd-dropdown-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 1.2rem;
    color: rgba(255,255,255,0.5);
}

.rd-dropdown-header img { width: 18px; height: 18px; }

.rd-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    text-decoration: none;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 500;
    transition: background 0.2s;
}

.rd-dropdown-item:hover { background: rgba(255,255,255,0.08); }
.rd-dropdown-item img { width: 18px; height: 18px; }

/* User dropdown */
.rd-user-dropdown { position: relative; display: none; }
.rd-user-dropdown.rd-visible { display: block; }

.rd-user-trigger {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 14px 6px 6px;
    background: transparent;
    border: 1.5px solid rgba(61,61,61,0.4);
    border-radius: 50px;
    color: #e4e4e4;
    cursor: pointer;
    transition: border-color 0.25s, background 0.25s;
}

.rd-user-trigger:hover { border-color: #ff7b00; background: rgba(255,123,0,0.08); }

.rd-user-avatar {
    width: 30px; height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff4500, #ff7b00);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.3rem;
    color: #fff;
}

.rd-user-name {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.3rem;
    letter-spacing: 1px;
    color: #e4e4e4;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rd-chevron { color: #888; transition: transform 0.25s ease; }
.rd-chevron.rd-open { transform: rotate(180deg); }

.rd-dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 200px;
    background: #111;
    border: 1.5px solid rgba(63,63,63,0.25);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.6);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px) scale(0.97);
    transition: opacity 0.22s ease, transform 0.22s ease;
    z-index: 99999;
}

.rd-dropdown-menu.rd-open { opacity: 1; pointer-events: all; transform: translateY(0) scale(1); }
.rd-item-icon { width: 18px; height: 18px; object-fit: contain; }
.rd-dropdown-divider { height: 1px; background: rgba(255,123,0,0.15); margin: 4px 6px; }
.rd-item-sair { color: #e05a5a; }
.rd-item-sair:hover { background: rgba(220,50,50,0.12); color: #ff6b6b; }


.nav-hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1.5px solid rgba(39,39,39,0.4);
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 7px;
    transition: border-color 0.3s ease, background 0.3s ease;
}

.nav-hamburger:hover { border-color: #ff7b00; background: rgba(255,123,0,0.08); }

.ham-line {
    display: block;
    width: 100%;
    height: 2px;
    background: #e4e4e4;
    border-radius: 2px;
    transition: transform 0.4s cubic-bezier(0.23,1,0.32,1), opacity 0.3s ease, width 0.3s ease;
}

.nav-hamburger.is-open .ham-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-hamburger.is-open .ham-line:nth-child(2) { opacity: 0; width: 0; }
.nav-hamburger.is-open .ham-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


.nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.65);
    backdrop-filter: blur(4px);
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.nav-overlay.is-open { opacity: 1; pointer-events: all; }

/* Header sincronizado com o index. Mantém o restante da página Rocket Dev isolado. */
@font-face{font-family:'Monday';src:url('../fonts/MONDAY.woff2') format('woff2'),url('../fonts/MONDAY.TTF') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Azureon';src:url('../fonts/AZUREON.woff2') format('woff2'),url('../fonts/AZUREON.TTF') format('truetype');font-weight:normal;font-style:normal;font-display:swap}

.header{font-family:'Monday',sans-serif;background:#000}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:none;margin:0;padding:0;min-height:67.5px}
.header .logo img{width:75px;height:auto;max-width:none}
.header .navbar{display:flex;align-items:center;gap:10px}
.header .navbar>a{display:inline-flex;align-items:center;margin:0;padding:0 10px}
.header .navbar>a img{width:auto;height:auto;max-width:none}
.header .header-right{display:flex;align-items:center;gap:12px}

.header .navbar .dropbtn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:600 1rem/1 'Monday',sans-serif;letter-spacing:.4px;padding:8px 12px;border:0;border-radius:10px;color:#f0f0f0;background:transparent;transition:color .2s ease,background .2s ease}
.header .navbar .dropbtn:hover,.header .dropdown:hover .dropbtn,.header .dropdown.is-open .dropbtn{color:#ff7b00;background:#1f1f1f;transform:none}
.header .dd-chev{width:14px;height:14px;flex-shrink:0;color:#7a7a7a;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .2s ease}
.header .dropdown:hover .dd-chev,.header .dropdown.is-open .dd-chev{transform:rotate(180deg);color:#ff7b00}
.header .dropdown-content{display:block;top:calc(100% + 14px);left:0;min-width:232px;padding:6px;background:#121212;border:1px solid #2a2a2a;border-radius:14px;overflow:visible;box-shadow:0 18px 44px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top left;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.header .dropdown-content::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.header .dropdown:hover .dropdown-content,.header .dropdown.is-open .dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.header .navbar .dropdown-content a{display:flex;align-items:center;gap:11px;margin:0;padding:9px 11px;border-radius:9px;color:#c9c9c9;font-size:.84rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;transform:none}
.header .navbar .dropdown-content a:hover{background:#ff7b00;color:#fff;transform:none}
.header .dd-ic{width:16px;height:16px;flex-shrink:0;color:#ff7b00;opacity:.85}
.header .navbar .dropdown-content a:hover .dd-ic{color:#fff;opacity:1}

.header .search-panel-head{display:flex;align-items:center;gap:10px}
.header .search-panel-head .search-input{flex:1}
.header .header-search-bar{display:none!important}
.header .search-close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:0;border-radius:50%;background:#2b2b2b;color:#e4e4e4;cursor:pointer;transition:background .2s,color .2s,transform .3s}
.header .search-close:hover{background:#ff0800;color:#fff;transform:rotate(90deg)}
.header .rd-login-btn{font-family:'Bebas Neue',sans-serif}
.header .rd-login-icon img{width:22px;height:22px}
.header .rd-login-text{font-family:'Monday',sans-serif}

.header.reveal{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;will-change:transform}
.header.is-scroll-hidden{transform:translateY(-100%)!important}
.burger{display:none!important}

@media (min-width:1201px){
  .header .logo{margin-left:10%}
  .header .header-right{margin-right:10%}
  .header .nav-hamburger{display:none!important}
}
@media (max-width:1200px){
  .header-inner{min-height:117.5px;padding:12px 20px}
  .header .navbar{display:none!important}
  .header .search-wrapper{display:block!important}
  .header .nav-hamburger{display:flex!important}
  body{padding-top:117.5px}
}
@media (max-width:768px){
  .header-inner{min-height:112.5px;padding:12px 16px 20px}
  .header .rd-login-wrapper,.header .rd-user-dropdown{display:none!important}
  body{padding-top:112.5px}
}

/* Footer sincronizado com o index. */
.footer{font-family:'Bebas Neue',sans-serif;width:100%;text-align:center;padding:40px 20px 10px;background:#171717;color:#fff;border-top:1px solid #ff3300;font-size:1.4rem}
.footer-container{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.footer-col{flex:1 1 250px;padding:5px;text-align:center}
.footer-col p{font-size:20px}
.footer-col h3{display:flex;align-items:center;justify-content:center;gap:9px;color:red;margin-bottom:10px;font-size:23px}
.footer-col h3 .foot-ic{width:20px;height:20px;flex-shrink:0;color:red}
.footer-col a{display:block;color:#ccc;margin:5px 0;font-size:20px;transition:transform .3s ease,color .3s ease}
.footer-col a:hover{color:red;transform:scale(1.2)}
.footer-bottom{text-align:center;padding:20px 0 0;margin-top:20px;border-top:3px solid red;font-size:1.5rem}

.main-man{display:grid;grid-template-columns:repeat(2,74px);grid-template-rows:repeat(2,74px);gap:4px;margin:14px 0 0;justify-content:center}
.main-man .up,.main-man .down{display:contents}
.footer-col .main-man a.card1,.footer-col .main-man a.card2,.footer-col .main-man a.card3,.footer-col .main-man a.card4{display:block;position:relative;width:74px;height:74px;margin:0;padding:0;font-size:0;line-height:0;text-decoration:none;transform:none;background:#fff;box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;transition:.2s ease-in-out}
.footer-col .main-man a.card1{border-radius:74px 6px 6px 6px}
.footer-col .main-man a.card2{border-radius:6px 74px 6px 6px}
.footer-col .main-man a.card3{border-radius:6px 6px 6px 74px}
.footer-col .main-man a.card4{border-radius:6px 6px 74px 6px}
.footer-col .main-man a>svg{position:absolute;width:26px;height:26px;left:50%;top:50%;display:block}
.footer-col .main-man a.card1>svg{transform:translate(-50%,-50%) translate(6px,6px)}
.footer-col .main-man a.card2>svg{transform:translate(-50%,-50%) translate(-6px,6px)}
.footer-col .main-man a.card3>svg{transform:translate(-50%,-50%) translate(6px,-6px)}
.footer-col .main-man a.card4>svg{transform:translate(-50%,-50%) translate(-6px,-6px)}
.footer .instagram{margin-top:1.5em;margin-left:1.2em;fill:#f10f40}
.footer .whatsapp{margin-top:1.5em;margin-left:-.9em;fill:#03f453}
.footer .tiktok{fill:#111}
.footer .youtube{fill:#ff0033}
.footer .youtube-play{fill:#fff}
.footer .card1:hover{cursor:pointer;scale:1.1;background:#f10f40}
.footer .card1:hover .instagram{fill:#fff}
.footer .card2:hover{cursor:pointer;scale:1.1;background:#03f453}
.footer .card2:hover .whatsapp{fill:#fff}
.footer .card3:hover{cursor:pointer;scale:1.1;background:#111}
.footer .card3:hover .tiktok{fill:#fff}
.footer .card4:hover{cursor:pointer;scale:1.1;background:#ff0033}
.footer .card4:hover .youtube{fill:#fff}
.footer .card4:hover .youtube-play{fill:#ff0033}
.footer .seo-tags-link{display:inline-flex;align-items:center;justify-content:center;margin:10px auto 0;padding:8px 20px;border:1px solid #ff5a00;border-radius:999px;background:transparent;color:#ff7b00;font:700 1.6rem/1 'Bebas Neue',sans-serif;letter-spacing:1.2px;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}
.footer .seo-tags-link:hover{color:#fff;background:#ff5a00;transform:translateY(-2px)}

@media (max-width:768px){
  .footer .foot{display:none}
  .footer-container{flex-direction:column;align-items:center;text-align:center;gap:16px}
  .footer-col{flex:1 1 100%}
  .footer-col-social{text-align:center}
}

/* ============================================================
   NOVA ESTRUTURA ROCKET DEV — HERO + APRESENTAÇÃO
   ============================================================ */
body{padding-top:67.5px}
#conteudo-principal{width:100%;max-width:none;overflow:hidden}

.rdx-hero{position:relative;display:flex;align-items:center;width:100vw;max-width:100vw;min-height:clamp(360px,55svh,520px);margin:0 0 0 calc(50% - 50vw);padding:clamp(38px,5vw,68px) clamp(24px,9vw,150px);isolation:isolate;overflow:hidden;background:#080808}
.rdx-hero-video{position:absolute;inset:0;width:100vw;max-width:none;height:100%;object-fit:cover;object-position:center;z-index:-3}
.rdx-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 44%,rgba(0,0,0,.18) 78%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}
.rdx-hero-content{width:min(560px,100%);text-align:left}
.rdx-hero h1{margin:0;color:#fff;font-family:'Russo One','Arial Black',sans-serif;font-size:clamp(2.1rem,3.96vw,5.04rem);font-weight:400;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.rdx-hero-content>p{margin:15px 0 20px;color:#ff7b00;font-family:'Azureon',sans-serif;font-size:clamp(.78rem,1.2vw,1.2rem);letter-spacing:.06em;text-transform:uppercase}
.rdx-hero .rdx-button{min-height:52px;padding:13px 26px;font-family:'Russo One','Arial Black',sans-serif;font-size:1.50rem;font-weight:400;letter-spacing:.04em;gap:12px}
.rdx-hero .rdx-button svg{width:21px;height:21px;stroke-width:2.2}

.rdx-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 24px;border:1px solid transparent;border-radius:999px;font-family:'Bebas Neue',sans-serif;font-size:1.25rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.rdx-button svg{width:20px;height:20px}
.rdx-button:hover{transform:translateY(-2px)}
.rdx-button-primary{color:#fff;background:linear-gradient(135deg,#ff3b00,#ff8a00);box-shadow:none}
.rdx-button-primary:hover{color:#fff;box-shadow:none}
.rdx-button-secondary{color:#fff;background:#ffc400;border-color:rgba(255, 255, 255, 0)}
.rdx-button-secondary:hover{color:#000000;border-color:#ff8a00;background:rgb(255, 166, 0)}

.rdx-about{width:100%;max-width:none;margin:0;padding:clamp(76px,9vw,130px) clamp(24px,8vw,130px);background:#111;color:#fff}
.rdx-section-heading{width:min(1400px,100%);margin:0 auto clamp(42px,6vw,76px);text-align:left}
.rdx-section-heading h2{margin:0;font-family:'Russo One','Arial Black',sans-serif;font-size:clamp(3rem,5.5vw,6.8rem);font-weight:400;line-height:1.08;letter-spacing:-.02em;color:#fff}
.rdx-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(42px,7vw,110px);width:min(1400px,100%);margin:0 auto}
.rdx-image-rotator{position:relative;aspect-ratio:16/11;overflow:hidden;border-radius:24px;background:#080808;box-shadow:0 28px 70px rgba(0,0,0,.45);border:1px solid rgba(255,123,0,.2)}
.rdx-image-rotator::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);border-radius:inherit}
.rdx-rotator-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);animation:rdxImageCycle 15s infinite ease-in-out;will-change:opacity,transform}
.rdx-rotator-image-1{animation-delay:0s}
.rdx-rotator-image-2{animation-delay:5s}
.rdx-rotator-image-3{animation-delay:10s;object-fit:contain;background:#050505;padding:24px}
@keyframes rdxImageCycle{0%{opacity:0;transform:scale(1.035)}5%,30%{opacity:1;transform:scale(1)}33.333%,100%{opacity:0;transform:scale(.99)}}
.rdx-about-copy{text-align:left}
.rdx-about-copy>p{margin:0;color:#d1d1d1;font-family:'Open Sans',sans-serif;font-size:clamp(1.3rem,1.75vw,1.72rem);font-weight:500;line-height:1.72;letter-spacing:.01em}
.rdx-about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:34px}

@media (max-width:1200px){
  body{padding-top:117.5px}
  .rdx-hero{min-height:clamp(340px,52svh,480px);padding-inline:clamp(24px,7vw,80px)}
  .rdx-about-grid{grid-template-columns:1fr 1fr;gap:42px}
}
@media (max-width:820px){
  body{padding-top:112.5px}
  .rdx-hero{min-height:clamp(320px,48svh,430px);padding:42px 24px}
  .rdx-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.48)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 50%)}
  .rdx-about{padding:72px 20px}
  .rdx-about-grid{grid-template-columns:1fr;gap:38px}
  .rdx-image-rotator{aspect-ratio:4/3}
  .rdx-about-copy>p{line-height:1.7}
}
@media (max-width:520px){
  .rdx-hero h1{font-size:clamp(1.8rem,9vw,2.82rem)}
  .rdx-hero-content>p{font-size:.72rem}
  .rdx-button{width:100%}
  .rdx-hero .rdx-button{min-height:50px;font-size:.95rem}
  .rdx-about-actions{align-items:stretch;flex-direction:column}
  .rdx-rotator-image-3{padding:10px}
}
@media (prefers-reduced-motion:reduce){
  .rdx-rotator-image{animation:none;transform:none}
  .rdx-rotator-image-1{opacity:1}
  .rdx-button{transition:none}
}

/* ============================================================
   EMPRESAS DESENVOLVIDAS
   ============================================================ */
.rdx-companies{width:100%;max-width:none;margin:0;padding:clamp(78px,9vw,132px) clamp(20px,7vw,112px);background:#080808;color:#fff}
.rdx-companies-heading{width:min(1380px,100%);margin:0 auto clamp(46px,6vw,76px);text-align:center}
.rdx-companies-heading h2{max-width:980px;margin:0 auto;font-family:'Russo One','Arial Black',sans-serif;font-size:clamp(2.5rem,4.8vw,5.6rem);font-weight:400;line-height:1.06;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.rdx-companies-heading p{max-width:820px;margin:22px auto 0;color:#bdbdbd;font-family:'Open Sans',sans-serif;font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.65;text-wrap:balance}
.rdx-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,42px);width:min(1380px,100%);margin:0 auto}
.rdx-company-card{position:relative;min-height:700px;perspective:1600px}
.rdx-company-inner{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.2,1)}
.rdx-company-card.is-flipped .rdx-company-inner{transform:rotateY(180deg)}
.rdx-company-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #292929;border-radius:24px;background:#121212;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 46px rgba(0,0,0,.28)}
.rdx-company-front{transform:rotateY(0)}
.rdx-company-back{justify-content:space-between;padding:clamp(28px,4vw,52px);transform:rotateY(180deg);background:linear-gradient(145deg,#181818,#0d0d0d)}
.rdx-company-gallery{position:relative;height:350px;overflow:hidden;background:#050505}
.rdx-company-gallery::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 34%)}
.rdx-company-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 5s linear}
.rdx-company-image.is-active{opacity:1;transform:scale(1);z-index:1}
.rdx-gallery-count{position:absolute;right:16px;bottom:14px;z-index:3;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.66);color:#fff;font:600 .73rem/1 'Open Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(7px)}
.rdx-company-content{position:relative;display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:28px 30px 30px;text-align:left}
.rdx-company-content h3,.rdx-company-back h3{margin:0;color:#fff;font-family:'Russo One','Arial Black',sans-serif;font-size:clamp(1.8rem,2.6vw,2.8rem);font-weight:400;line-height:1.1}
.rdx-company-content>p{position:relative;z-index:2;max-width:88%;margin:14px 0 24px;color:#d0d0d0;font-family:'Open Sans',sans-serif;font-size:calc(1.04rem + 7px);line-height:1.5}
.rdx-company-corner-image{position:absolute;right:28px;bottom:94px;z-index:1;width:clamp(92px,12vw,145px);height:76px;object-fit:contain;object-position:center;opacity:.82;pointer-events:none;filter:saturate(.9)}
.rdx-company-corner-image-cover{border-radius:12px;object-fit:cover;object-position:center 42%;opacity:.72}
.rdx-company-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:auto;position:relative;z-index:3}
.rdx-card-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 19px;border:1px solid #555;border-radius:999px;background:transparent;color:#fff;font:400 .9rem/1 'Russo One','Arial Black',sans-serif;letter-spacing:.02em;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}
.rdx-card-button svg{width:19px;height:19px;flex:none}
.rdx-card-button:hover{color:#fff;border-color:#ff6a00;background:#ff5a00;transform:translateY(-2px)}
.rdx-card-button-flip,.rdx-card-visit{min-height:54px;padding:14px 22px;font-size:1.50rem}
.rdx-card-visit{margin-left:auto;border-color:#777776;color:#fdfdfd}
.rdx-back-label{display:block;margin-bottom:10px;color:#ff7900;font:700 .77rem/1 'Open Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.rdx-company-back ul{display:grid;gap:16px;margin:34px 0 0;padding:0;list-style:none}
.rdx-company-back li{position:relative;padding-left:28px;color:#e3e3e3;font:600 clamp(1rem,1.3vw,1.2rem)/1.45 'Open Sans',sans-serif}
.rdx-company-back li::before{content:'✓';position:absolute;left:0;top:0;color:#ff7900;font-weight:800}
.rdx-card-button-back{margin-top:34px;align-self:flex-start}

@media (max-width:980px){
  .rdx-company-grid{grid-template-columns:1fr}
  .rdx-company-card{min-height:700px}
}
@media (max-width:600px){
  .rdx-companies{padding:72px 16px}
  .rdx-company-card{min-height:720px}
  .rdx-company-gallery{height:300px}
  .rdx-company-content{padding:24px 22px 26px}
  .rdx-company-content>p{max-width:100%;font-size:calc(1rem + 7px)}
  .rdx-company-corner-image{right:22px;bottom:118px;width:104px;height:62px;opacity:.58}
  .rdx-company-actions{align-items:stretch;flex-direction:column}
  .rdx-card-button-flip,.rdx-card-visit{width:100%;margin-left:0}
  .rdx-company-back{padding:30px 24px}
  .rdx-company-back ul{gap:13px;margin-top:26px}
}
@media (prefers-reduced-motion:reduce){
  .rdx-company-inner,.rdx-company-image{transition:none}
}