/* ARXX page — mantém o DNA visual do site principal */
/* ARXX page — Tema fusion (DOMO + Gemini)
   - base: azul-escuro DOMO
   - contraste: preto/ink Gemini
   - acento: laranja DOMO (com variação mais viva)
*/
:root{
  --arxx-blue: #293241;
  --arxx-blue-2: #1e2530;
  --arxx-ink: #111111;
  --arxx-surface: #f4f6f8;
  --arxx-white: #ffffff;

  --arxx-radius: 22px;
  --arxx-radius-sm: 16px;
  --arxx-shadow: 0 10px 30px rgba(0,0,0,.06);

  --orange: var(--orange, #FF6B35);
  --orange-strong: #ff6600;
  --orange-soft: rgba(255,102,0,.12);
}

.arxx-benefit-card i{
  color: var(--orange-strong);
}
.arxx-benefit-card h3{
  color: var(--orange-strong);
}

#sobre_titulo{
  font-family: 'Pacifico', cursive;
  font-size: 28px;
  color: var(--orange-strong) !important; 
}
.arxx-mini {
  color: var(--orange-strong) !important; 
}


/* transição de fechamento */
html.page-closing body{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease;
}

.arxx-page{
  font-family: 'Inter', sans-serif;
  background: linear-gradient(180deg, var(--arxx-blue-2) 0%, var(--arxx-ink) 90%);
}

/* Navbar */
.arxx-navbar{
  background: rgba(17,17,17,.55);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
}
.arxx-navbar .nav-link{
  color: rgba(255,255,255,.85) !important;
  font-weight: 700;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 14px !important;
}
.arxx-navbar .nav-link:hover{
  color: #FF6B35 !important;
}
.arxx-nav-pill{
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

/* Hero */
.arxx-hero{
  padding-top: 75px !important;
  padding-bottom: 25px;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: var(--arxx-ink);
}
.arxx-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.arxx-hero-bg img{
  width:100%;
  height:100%;
  object-fit: cover;
  filter: brightness(.72) contrast(1.05);
}
.arxx-hero-overlay{
  
  position:absolute;
  inset:0;
  z-index:1;
  background: linear-gradient(135deg, rgba(255,102,0,.28) 0%, rgba(41,50,65,.84) 42%, rgba(17,17,17,.92) 100%);
}
.arxx-tech-lines{
  position:absolute;
  inset:-40px;
  z-index:1;
  background-image:
    linear-gradient(to right, rgba(255,102,0,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 62px 62px;
  transform: skewY(-6deg);
  opacity: .12;
}
.arxx-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color: rgba(255,255,255,.75);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: .85rem;
}
.arxx-kicker::before{
  content:"";
  width: 28px;
  height: 2px;
  background: var(--orange);
  border-radius: 999px;
}

/* badges */
.arxx-badge{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  font-size: .85rem;
}
.close-hint{
  color: rgba(255,255,255,.55);
  font-size: .9rem;
}

/* Hero card */
.arxx-hero-card{
  border-radius: 22px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
}
.arxx-placeholder, .arxx-placeholder * { box-sizing: border-box; }
.arxx-placeholder{
  height: 180px;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  gap: 10px;
  background: rgba(255,255,255,.06);
  border: 1px dashed rgba(255,255,255,.18);
}
.placeholder-icon{
  width: 46px;
  height: 46px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 22px;
}

/* Sections */
.arxx-section{
  padding: 100px 0;
}
.arxx-section--light{
  background: linear-gradient(180deg, var(--arxx-white) 0%, var(--arxx-surface) 100%);
}
.arxx-section--dark{
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(255,102,0,.20), transparent 55%),
    radial-gradient(700px 380px at 90% 20%, rgba(255,107,53,.10), transparent 55%),
    linear-gradient(180deg, var(--arxx-blue) 0%, var(--arxx-ink) 100%);
  position: relative;
  overflow:hidden;
}
.arxx-section-kicker{
  display:inline-block;
  font-family: 'Pacifico', cursive;
  font-size: 30px;
  margin-bottom: 6px;
}

/* cards */
.arxx-info-card{
  background: var(--arxx-surface);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--arxx-radius);
  padding: 28px;
  box-shadow: var(--arxx-shadow);
}
.arxx-media-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--arxx-radius);
  overflow:hidden;
  box-shadow: var(--arxx-shadow);
}
.arxx-media img{
  width:100%;
  height: 280px;
  object-fit: cover;
}
.arxx-steps{
  display:flex;
  flex-direction: column;
  gap: 14px;
}
.arxx-step{
  display:flex;
  gap: 14px;
  align-items:flex-start;
}
.arxx-step-num{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  color: #fff;
  font-weight: 800;
  background: var(--orange);
  box-shadow: 0 10px 25px rgba(255,107,53,.25);
}
.arxx-callout{
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(255,107,53,.10);
  border: 1px solid rgba(255,107,53,.20);
  color: #2d3436;
}
.arxx-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f4f6f8;
  border: 1px solid rgba(0,0,0,.06);
  font-weight: 700;
  font-size: .9rem;
}

/* Benefits */
.arxx-benefit-card{
  border-radius: var(--arxx-radius);
  padding: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.arxx-benefit-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,102,0,.55);
  background: rgba(255,255,255,.08);
  box-shadow: 0 18px 38px rgba(0,0,0,.22);
}
.arxx-benefit-card:hover{
  transform: translateY(-6px);
  border-color: rgba(255,107,53,.55);
  background: rgba(255,255,255,.08);
}
.arxx-benefit-ico{
  font-size: 28px;
  color: var(--orange);
}
.arxx-divider{
  height: 1px;
  background: rgba(255,255,255,.12);
}

/* figure + mini grid */
.arxx-figure{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.arxx-figure img{
  width:100%;
  height: 445px;
  object-fit: cover;
}
.arxx-mini-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.arxx-mini{
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
.arxx-mini-top{
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* =========================================
   TABELA COMPARATIVA - PASTEL & CLEAN
========================================= */

.arxx-table-wrap {
  background: #ffffff;
  border-radius: 24px; /* Mais arredondado para suavidade */
  /* Sombra colorida muito suave para dar um brilho "solar" */
  box-shadow: 0 20px 40px rgba(255, 160, 122, 0.15);
  border: 1px solid rgba(0,0,0,0.02);
  overflow: hidden;
}

.arxx-compare-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
}

/* --- CABEÇALHO (THEAD) --- */
.arxx-compare-table thead th {
  background: #fdfdfd; /* Branco off-white */
  color: #9aa0a6; /* Cinza pastel */
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1.5px;
  padding: 1.8rem 1.5rem;
  border-bottom: 2px solid #f0f0f0;
  font-weight: 700;
}

/* Destaque no Cabeçalho ARXX (Pastel Peach) */
.arxx-compare-table thead th.th-highlight {
  background: #ffdecb !important; /* Pêssego Pastel */
  color: #cf5818 !important; /* Laranja Queimado para leitura */
  font-weight: 800;
  border-bottom: 2px solid #ffccb0;
  border-radius: 12px 12px 0 0; /* Abinha arredondada no topo */
}

/* --- CORPO (TBODY) --- */
.arxx-compare-table td {
  padding: 1.5rem;
  border-bottom: 1px dashed #eef0f2; /* Linha pontilhada suave */
  font-size: 0.95rem;
  color: #636e72; /* Cinza suave */
  vertical-align: middle;
}

/* Coluna 1: Labels (Critérios) */
.arxx-compare-table td.td-label {
  color: #2d3436; /* Cinza escuro */
  font-weight: 700;
  background: #fff;
}

/* Coluna 2: DESTAQUE ARXX (Pastel Cream) */
.arxx-compare-table td.td-highlight {
  background: #fff7f0; /* Creme alaranjado muito claro */
  color: #d65a18; /* Texto em tom terra/laranja */
  font-weight: 600;
  /* Bordas laterais para conter o destaque suavemente */
  border-left: 1px solid #ffead6;
  border-right: 1px solid #ffead6;
  border-bottom: 1px solid #ffead6;
}

/* Efeito Hover na Linha (Suave) */
.arxx-compare-table tbody tr:hover td {
  background-color: #fafafa;
}
/* Mantém o destaque pastel no hover */
.arxx-compare-table tbody tr:hover td.td-highlight {
  background-color: #ffeacc;
}

/* Nota de rodapé */
.arxx-note {
  color: #999;
  font-size: 0.8rem;
  margin-top: 15px;
}

/* --- RESPONSIVIDADE (MOBILE) --- */
@media (max-width: 768px) {
  .arxx-table-wrap { box-shadow: none; border: none; }
  .arxx-compare-table thead { display: none; }
  
  .arxx-compare-table tr {
    display: block;
    margin-bottom: 2rem;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    overflow: hidden;
    border: 1px solid #f0f0f0;
  }
  
  .arxx-compare-table td {
    display: block;
    width: 100%;
    border: none;
    padding: 1rem 1.5rem;
  }
  
  /* Transforma Label em Título Pastel */
  .arxx-compare-table td.td-label {
    background: #f9f9f9;
    color: #2d3436;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
  }
  
  /* Destaque Mobile */
  .arxx-compare-table td.td-highlight {
    background: #fff7f0;
    color: #d65a18;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .arxx-compare-table td.td-highlight::before {
    content: "ARXX: ";
    font-weight: 800;
    opacity: 0.7;
    margin-right: 5px;
  }
}

/* Process */
.arxx-process-card{
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  overflow:hidden;
}
.arxx-process-top{
  padding: 22px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.arxx-process-ico{
  font-size: 26px;
  color: var(--orange);
  display:inline-block;
  margin-bottom: 10px;
}
.arxx-process-body{
  padding: 20px 22px;
}
.arxx-process-body ul{
  padding-left: 18px;
}

/* Galeria (carrossel minimalista) */
.arxx-carousel{
  border-radius: var(--arxx-radius);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  /* toque Gemini: filete laranja */
  border-top: 3px solid var(--orange-strong);
  box-shadow: 0 22px 50px rgba(0,0,0,.30);
}
.arxx-carousel .carousel-item img{
  width: 100%;
  height: 520px;
  object-fit: cover;
  filter: brightness(.90) contrast(1.05);
}
.arxx-carousel .carousel-control-prev,
.arxx-carousel .carousel-control-next{
  width: 11%;
  opacity: .92;
}
.arxx-carousel .carousel-control-prev-icon,
.arxx-carousel .carousel-control-next-icon{
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.55)) invert(45%) sepia(99%) saturate(1352%) hue-rotate(2deg) brightness(103%) contrast(106%);
}
.arxx-carousel .carousel-indicators{
  margin-bottom: 14px;
}
.arxx-carousel .carousel-indicators [data-bs-target]{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  border: 0;
  opacity: .55;
}
.arxx-carousel .carousel-indicators .active{ opacity: 1; }

.arxx-carousel-caption{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 18px 18px 20px;
  text-align: left;
  background: linear-gradient(to top, rgba(0,0,0,.60), rgba(0,0,0,0));
}
.arxx-carousel-pill{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  font-size: .85rem;
  font-weight: 700;
}

/* Efeito Zoom-Out no Carrossel */
.arxx-img-zoom {
  height: 700px; 
  width: 100%;
  
  /* O SEGREDO DO ZOOM-OUT: *
  padding: 0px;       
  
  background-color: #141414; /* Cor de fundo para preencher o espaço vazio (Matte Black) */
  border-radius: 16px; /* Mantém o arredondamento nas bordas */
}

/* Ajuste Mobile */
@media (max-width: 768px) {
  .arxx-img-zoom {
    height: 300px;
    padding: 20px; /* Menos afastamento no celular */
  }
}

@media (max-width: 992px){
  .arxx-carousel .carousel-item img{ height: 360px; }
}
@media (max-width: 576px){
  .arxx-carousel .carousel-item img{ height: 260px; }
  .arxx-carousel .carousel-control-prev,
  .arxx-carousel .carousel-control-next{ width: 16%; }
}

/* FAQ */
.arxx-accordion .accordion-item{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  margin-bottom: 14px;
}
.arxx-accordion .accordion-button{
  background: #fff;
}
.arxx-accordion .accordion-button:not(.collapsed){
  color: var(--orange);
  background: rgba(255,107,53,.08);
}
.arxx-cta-strip{
  border-radius: var(--arxx-radius);
  padding: 28px;
  background: linear-gradient(135deg, rgba(255,102,0,.08) 0%, rgba(41,50,65,.06) 38%, rgba(255,255,255,1) 100%);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--arxx-shadow);
  position: relative;
  overflow: hidden;
}
.arxx-cta-strip::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, var(--orange-strong), var(--orange));
}
/* Footer */
.arxx-footer{
  background: var(--arxx-ink);
  border-top: 1px solid rgba(255,255,255,.08);
}
.arxx-footer-link{
  color: rgba(255,255,255,.70);
  text-decoration:none;
  font-weight: 700;
}
.arxx-footer-link:hover{ color: var(--orange); }
.arxx-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 14px;
}

/* Utility: match button style if style.css is incomplete */
.btn-primary-orange{
  background: linear-gradient(135deg, var(--orange-strong), var(--orange));
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: .85rem 1.45rem;
  font-weight: 800;
  letter-spacing: .5px;
  box-shadow: 0 14px 28px rgba(255,102,0,.18);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.btn-primary-orange:hover{
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(255,102,0,.24);
  filter: saturate(1.05);
}
.btn-outline-light{
  border-radius: 999px;
  padding: .85rem 1.4rem;
  font-weight: 800;
  letter-spacing: .5px;
  color: rosybrown;
}

/* --- Conteúdo preenchido (ajustes visuais) --- */
.arxx-hero-thumb{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.arxx-hero-thumb img{
  width: 100%;
  height: 180px;
  object-fit: cover;
  filter: brightness(.92) contrast(1.05);
}
.arxx-hero-thumb-caption{
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.92);
}
.arxx-checklist li{ line-height: 1.35; }
.arxx-checklist i{ font-size: 1.05rem; vertical-align: -2px; }
.arxx-link{
  color: rgba(255,255,255,.88);
  text-decoration: none;
  font-weight: 800;
}
.arxx-link:hover{ color: var(--orange); }



/* Navbar CTA */
.arxx-navbar .btn-outline-light{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  letter-spacing: .5px;
  padding: .55rem 1.05rem;
  
}
.arxx-navbar .btn-outline-light:hover{
   background-color: #fff;
  color: #111 !important; /* ou var(--orange-strong) */
  border-color: #fff;
}
.btn-outline-light a:hover{
  color: blue !important;

}