/* ===================== */
/* TOKENS DO LAYOUT HOME */
/* ===================== */
:root{
  --us-primary:#0E5BD6;   /* pode ser sobrescrito via Customizer */
  --us-primary-dark:#0B3EA8;
  --us-secondary:#F5A524;
  --us-secondary-light:#FFC94B;
  --us-neutral:#111827;
  --us-white:#fff;
  --us-bg:#F3F4F6;
  --us-border:#ECEDEC;
  --us-radius:12px;
  --us-shadow:0 18px 40px -12px rgba(2,6,23,.25);
  --us-font-size-body:16px;
  --us-font-size-button:16px;
  --us-font-size-h0:clamp(28px,3.2vw,40px);
  --us-font-size-icon:24px;
  --us-font-sans:'Nunito',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --us-font-icons:'Material Symbols Rounded';
}

/* ================================ */
/* Mapeamento da paleta Gutenberg   */
/* ================================ */
.has-azul-primario-color{ color:var(--us-primary) !important; }
.has-azul-primario-background-color{ background-color:var(--us-primary) !important; }
.has-azul-primario-border-color{ border-color:var(--us-primary) !important; }

.has-azul-secundario-color{ color:var(--us-primary-dark, var(--us-primary)) !important; }
.has-azul-secundario-background-color{ background-color:var(--us-primary-dark, var(--us-primary)) !important; }
.has-azul-secundario-border-color{ border-color:var(--us-primary-dark, var(--us-primary)) !important; }

.has-amarelo-primario-color{ color:var(--us-secondary) !important; }
.has-amarelo-primario-background-color{ background-color:var(--us-secondary) !important; }
.has-amarelo-primario-border-color{ border-color:var(--us-secondary) !important; }

.has-amarelo-secundario-color{ color:var(--us-secondary-light, var(--us-secondary)) !important; }
.has-amarelo-secundario-background-color{ background-color:var(--us-secondary-light, var(--us-secondary)) !important; }
.has-amarelo-secundario-border-color{ border-color:var(--us-secondary-light, var(--us-secondary)) !important; }

.has-borda-color{ color:var(--us-border, #ECEDEC) !important; }
.has-borda-background-color{ background-color:var(--us-border, #ECEDEC) !important; }
.has-borda-border-color{ border-color:var(--us-border, #ECEDEC) !important; }

.has-texto-primario-color{ color:var(--us-neutral) !important; }
.has-texto-primario-background-color{ background-color:var(--us-neutral) !important; }
.has-texto-primario-border-color{ border-color:var(--us-neutral) !important; }

.has-texto-branco-color{ color:var(--us-white) !important; }
.has-texto-branco-background-color{ background-color:var(--us-white) !important; }
.has-texto-branco-border-color{ border-color:var(--us-white) !important; }

.has-fundo-sistema-color{ color:var(--us-bg) !important; }
.has-fundo-sistema-background-color{ background-color:var(--us-bg) !important; }
.has-fundo-sistema-border-color{ border-color:var(--us-bg) !important; }

/* Base */
html{ scroll-behavior:smooth; }
html, body{
  font-family:var(--us-font-sans);
  font-size:var(--us-font-size-body);
  color:var(--us-neutral);
}
/* .container{ max-width:1180px; margin-inline:auto; padding-inline:16px; } */

/* ============================= */
/* HEADER / MENU (pixel-perfect) */
/* ============================= */

/* Faixa do header: (mantida) */
.us-header,
#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--us-white, #FFF);
  border-bottom: 1px solid var(--us-border, #ECEDEC);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15);
  z-index: 1000;
  isolation: isolate;
  padding-block: 8px; /* altura confortável sem colar no topo */
  box-sizing: border-box;
  overflow-x: clip;
}
/* Mobile: metade da linha/sombra e padding reduzido */
@media (max-width:1024px){
  .us-header, #site-header{
    border-bottom-color:rgba(236,237,236,.50);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.15), 0 1px 3px 1px rgba(0,0,0,.075);
    padding:12px 24px;
  }
}

/* Linha do menu: ícone | logo | CTAs */
#site-header .us-header__inner,
.us-header .us-header__inner{
  display: grid;
  grid-template-columns: 60px 1fr max-content;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px; /* limite visual */
  margin: 0 auto; /* centraliza */
  padding-inline: clamp(16px, 4vw, 48px);
  width: 100%;
  box-sizing: border-box;
}

/* Botão hambúrguer */
.us-icon-btn{
  border:0;
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px;
  background:#fff;
  color:var(--us-primary);
  cursor:pointer;
}
.us-icon-btn:hover{ color:var(--us-primary); }
.us-icon-btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--us-primary), white 60%);
  outline-offset:2px;
}

/* Material Symbols */
.material-symbols-rounded{
  font-family:var(--us-font-icons);
  font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;
  font-size:var(--us-font-size-icon); line-height:1; display:inline-block;
}

/* Posicionamento no grid */
.us-menu-toggle{ grid-column:1; justify-self:start; }
.us-logo       { grid-column:2; justify-self:center; display:inline-flex; align-items:center; }
.us-ctas       { grid-column:3; display:flex; align-items:center; gap:10px; }

/* Logo (40 / 32) */
#site-header .us-logo img,
#site-header .us-logo .custom-logo,
.us-header .us-logo img,
.us-header .us-logo .custom-logo{
  display:block; height:40px; width:auto; object-fit:contain;
}
@media (max-width:1024px){
  #site-header .us-logo img,
  #site-header .us-logo .custom-logo,
  .us-header .us-logo img,
  .us-header .us-logo .custom-logo{ height:32px; }
}

/* CTAs da barra */
.us-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 clamp(20px, 3vw, 32px);
  border-radius:var(--us-btn-radius, 14px);
  font-weight:700;
  font-size:var(--us-font-size-button);
  letter-spacing:-.01em;
  text-decoration:none;
  border:1px solid transparent;
  white-space:nowrap;
  box-shadow:0 18px 36px -20px rgba(2,6,23,.45);
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.us-btn:active{ transform:translateY(1px); }
.us-btn--primary{
  background:var(--us-primary-dark);
  color:var(--us-white,#fff);
  box-shadow:0 22px 40px -20px rgba(14,91,214,.55);
}
.us-btn--primary:hover{
  filter:brightness(1.03);
  box-shadow:0 26px 44px -20px rgba(14,91,214,.6);
}
.us-btn--secondary{
  background:linear-gradient(135deg, color-mix(in oklab, var(--us-secondary), white 4%) 0%, color-mix(in oklab, var(--us-secondary), white 32%) 100%);
  color:#111;
  box-shadow:0 24px 44px -24px rgba(245,165,36,.75);
}
.us-btn--secondary:hover{
  filter:saturate(1.05);
  box-shadow:0 28px 48px -22px rgba(245,165,36,.78);
}
.us-ctas--desktop{ display:none; }
@media (min-width:1024px){ .us-ctas--desktop{ display:flex; } }

/* =================== */
/* Painel (offcanvas)  */
/* =================== */

/* Visibilidade controlada por [hidden] + .is-open */
.us-menu[hidden]{ display:none !important; }

.us-menu{
  position:absolute;
  inset-inline:0;
  top:60px;                 /* abaixo da barra */
  display:grid;
  place-items:start start;  /* DESKTOP: abre à ESQUERDA (abaixo do hambúrguer) */
  pointer-events:none;
}

.us-menu__card{
  pointer-events:auto;
  width:min(360px, calc(100% - 32px));
  background:var(--us-white,#fff);
  border:1px solid var(--us-border,#ECEDEC);
  border-radius:12px;
  box-shadow:var(--us-shadow);
  padding:12px;
}

/* Lista vinda do WP */
.us-menu__list{ list-style:none; margin:0; padding:6px; }
.us-menu__list > li{ margin:10px 0; }
.us-menu__list > li > a{
  display:block; padding:10px 12px;
  border-radius:10px; text-decoration:none;
  color:var(--us-neutral,#111827); font-weight:700;
}
.us-menu__list > li > a:hover{
  background:color-mix(in oklab, var(--us-primary), white 92%);
  color:var(--us-primary);
}

/* CTAs dentro do painel (apenas mobile) — empilhados */
.us-ctas--mobile{
  display:none;
  margin-top:8px;
  gap:10px;
}
.us-ctas--mobile .us-btn{ width:max-content; padding-inline:18px; }

/* Overlay quando aberto */
.us-menu.is-open::before{
  content:""; position:fixed; inset:0;

}

/* Estados/foco */
.us-menu__list > li.current-menu-item > a,
.us-menu__list > li.current_page_item > a{
  background:color-mix(in oklab, var(--us-primary), white 92%);
  color:var(--us-primary);
}
.us-menu__list a:focus-visible,
.us-btn:focus-visible{
  outline:3px solid color-mix(in oklab, var(--us-primary), white 60%);
  outline-offset:2px; border-radius:var(--us-btn-radius, 14px);
}

/* Utilitários de tipografia */
.us-h1--primary{
  color:var(--us-primary);
}

.us-content--centered{
  text-align:center;
}

.us-content--centered > *{
  margin-left:auto;
  margin-right:auto;
}

/* ===== Responsivo ===== */
@media (max-width:900px){                 /* mesmo breakpoint do JS */
  .us-menu{ place-items:start center; }   /* MOBILE: centralizado */
  .us-ctas--mobile{ display:grid; }       /* mostra os botões */
}
@media (min-width:901px){
  .us-ctas--mobile{ display:none; }       /* esconde no desktop */
}


/*Apresentação*/
/* HERO — Apresentação */
.us-hero{
  position:relative;
  z-index:0;
  display:flex;
  align-items:center;
  width:100%;
  color:var(--us-white,#fff);
  isolation:isolate;
  flex-shrink:0;
  padding:48px 96px;
  /*margin-bottom:96px;*/
  overflow:hidden;
  background-color:var(--hero-solid, color-mix(in oklab, var(--us-primary), black 12%));
  background-image:
    var(
      --hero-gradient,
      linear-gradient(90deg,
        color-mix(in oklab, var(--hero-solid, var(--us-primary)), transparent 18%) 0%,
        color-mix(in oklab, var(--hero-solid, var(--us-primary)), transparent 38%) 40%,
        color-mix(in oklab, var(--hero-solid, var(--us-primary)), transparent 78%) 70%,
        transparent 100%)
    ),
  background-color:color-mix(in oklab, var(--hero-color,#0E5BD6), black 12%);
  background-image:
    linear-gradient(90deg,
      color-mix(in oklab, var(--hero-color,#0E5BD6), transparent 18%) 0%,
      color-mix(in oklab, var(--hero-color,#0E5BD6), transparent 38%) 40%,
      color-mix(in oklab, var(--hero-color,#0E5BD6), transparent 78%) 70%,
      transparent 100%),
    var(--hero-image, none);
  background-repeat:no-repeat, no-repeat;
  background-position:center, center right;
  background-size:cover, cover;
}
.us-hero__inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  width:420px;
  max-width:420px;
  flex-shrink:0;
}
.us-hero__title{ margin:0; font-weight:800; font-size:clamp(28px,3.2vw,40px); line-height:1.2; text-shadow:0 1px 2px rgba(0,0,0,.25); }
.us-hero__desc{ margin:0; line-height:1.6; color:#f3f6ff; text-shadow:0 1px 2px rgba(0,0,0,.25); }
.us-hero__row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.us-hero__title{ margin:0 0 10px; font-weight:800; font-size:var(--us-font-size-h0); line-height:1.2; text-shadow:0 1px 2px rgba(0,0,0,.25); }
.us-hero__desc{ max-width:520px; margin:0 0 18px; line-height:1.6; color:#f3f6ff; text-shadow:0 1px 2px rgba(0,0,0,.25); }
.us-hero__row{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.us-hero__cta{ height:42px; padding-inline:18px; font-weight:800; }
.us-hero__social{ display:flex; gap:10px; }
.us-social{ text-decoration: none !important; display:inline-flex; align-items:center; justify-content:center; width:34px !important; height:34px !important; border-radius:100%; background:rgba(255,255,255,.12); color:var(--us-white,#fff); border:1px solid rgba(255,255,255,.25); }
.us-social:hover{ background:rgba(255,255,255,.18); }
@media (max-width:900px){
  .us-hero{
    height:auto;
    padding:24px 48px;
    margin-bottom:48px;
    background-position:center;
  }
  .us-hero__inner{
    width:100%;
    max-width:100%;
  }
}

/* ====== FIM ====== */

/* ======================= */
/* Hero montado no Gutenberg */
/* ======================= */
.hero{
  position:relative;
  z-index:0;
  box-sizing:border-box;
  width:100vw;
  max-width:100vw;
  /*margin:0 calc(50% - 50vw) 96px;*/
  padding:48px 96px;
  display:flex;
  justify-content:center;
  color:var(--us-white,#fff);
  isolation:isolate;
  overflow:hidden;
  background-color:var(--hero-solid, color-mix(in oklab, var(--us-primary), black 12%));
  background-image:
    var(
      --hero-gradient,
      linear-gradient(90deg,
        color-mix(in oklab, var(--hero-solid, var(--us-primary)), transparent 18%) 0%,
        color-mix(in oklab, var(--hero-solid, var(--us-primary)), transparent 38%) 40%,
        color-mix(in oklab, var(--hero-solid, var(--us-primary)), transparent 78%) 70%,
        transparent 100%)
    ),
    var(--hero-image, none);
  background-repeat:no-repeat, no-repeat;
  background-position:center, center;
  background-size:cover, cover;
}
.hero.alignfull{ margin-inline:calc(50% - 50vw); }
.hero .itens-hero{
  width:min(var(--us-hero-max, 1120px), 100%);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.hero .itens-hero > .wp-block-group{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.hero .wp-block-heading{
  margin:0;
  font-weight:800;
}
.hero .wp-block-paragraph{
  margin:0;
  color:rgba(243,246,255,.92);
}
.hero .wp-block-buttons{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
}
.hero .wp-block-button .wp-block-button__link{
  border-radius:var(--us-btn-radius, 14px);
  padding:12px 24px;
  font-weight:700;
  font-size:var(--us-font-size-button, 16px);
}
.hero__cta{ font-weight:800; }
.hero__social-list{
  display:flex;
  align-items:center;
  gap:12px;
}
.hero__social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.12);
  color:var(--us-white,#fff);
  transition:background .2s ease, border-color .2s ease;
}
.hero__social-link:hover{
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.34);
}

@media (max-width:900px){
  .hero{
    padding:24px 48px !important;
    margin-bottom:48px;
    margin-inline:calc(50% - 50vw);
  }
  .hero .itens-hero{ width:100%; }
}

@media (max-width:600px){
  .hero{
    padding:24px 24px !important;
    margin-inline:calc(50% - 50vw);
  }
  .hero .wp-block-buttons{
    flex-direction:column;
    align-items:stretch;
  }
  .hero .wp-block-button{ width:100%; }
}

/*Icones da apresentação*/
.icons-desc{
	color: var(--us-primary-dark);
	font-size: 48px;
}

/*Icones*/
.lista-icones {
  list-style: none; /* tira o bullet padrão */
  padding: 0;
  margin: 0;
}

.lista-icones li {
  position: relative;
  padding-left: 32px; /* espaço pro ícone */
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
}

.lista-icones li::before {
  content: "check"; /* nome do ícone */
  font-family: "Material Symbols Rounded";
  font-size: 22px;
  color: var(--us-secondary); /* usa variável ou cor direta */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.atendimentos {
  min-height: auto !important;
}

.cards-apresentacao {
	 display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
  min-height: auto !important;
}

.cards-apresentacao > * {
  flex: 1 1 320px;
  max-width: 400px;
  min-width: 0px;
  
}


.cards-estilo{
  pointer-events:auto;
  background:var(--us-white,#fff);
  border:1px solid var(--us-border,#ECEDEC);
  border-radius:12px;
  box-shadow:var(--us-shadow);
  padding:24px;
  /*max-height:300px !important;*/
}

@media (max-width: 768px) {
  .cards-apresentacao {
    flex-direction: column;
    align-items: center;
  }

  .cards-apresentacao > .wp-block-group {
    max-width: 90%;
  }
}
html {
  scroll-behavior: smooth;
}
section {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  
}


section.show {
  opacity: 1;
  transform: translateY(0);
}
.area-conteudo{
  padding: 24px 96px; /* TB LR */
}
body {
	 width: 100vw 
  padding-top: 60px; /* mesma altura do header */
}

@media (max-width: 768px) {
  body {
    padding-top: 60px;
  }
}

@media (max-width: 900px){
  .area-conteudo{
	   width: 100vw ;
    padding: 12px 48px !important; /* TB LR */
  }
  
  .area-conteudo,
.area-conteudo > .wp-block-group__inner-container,
.area-conteudo .wp-block-cover__inner-container{
	 width: 100vw ;
 padding: 12px 48px; /* TB LR */
}

}

.area-conteudo,
.area-conteudo > .wp-block-group__inner-container,
.area-conteudo .wp-block-cover__inner-container{
	 width: 100vw ;
 padding: 24px 96px; /* TB LR */
}

/* Contêiner principal */
#apresenta-card, #lista-produtos {
  display: flex;
  flex-wrap: wrap;            /* quebra os cards automaticamente */
  justify-content: center;    /* centraliza os cards na linha */
  align-items: stretch;       /* todos os cards com a mesma altura visual */
  gap: 2rem;                  /* espaço entre os cards */
  width: 100%;                /* ocupa toda a largura da section/div pai */
  box-sizing: border-box;
  margin: 0 auto;             /* centraliza se tiver largura máxima */
  padding: 0;                 /* sem padding interno extra */
}

/* Cada card dentro do contêiner */
#apresenta-card .cards-estilo, #lista-produtos .cards-estilo  {
  flex: 1 1 320px;            /* cresce até preencher, mas quebra abaixo de 320px */
  max-width: 400px;           /* limite visual para não esticar demais */
  min-width: 280px;           /* largura mínima antes de quebrar */
  box-sizing: border-box;
  width: 100%;                /* garante que ocupe a largura total dentro da célula */
}

/* Mobile / telas pequenas */
@media (max-width: 900px) {
  #apresenta-card, #lista-produtos {
    flex-direction: column;   /* empilha os cards verticalmente */
    align-items: center;
	gap: 12px;
  }

  #apresenta-card .cards-estilo, #lista-produtos .cards-estilo  {
    max-width: 90%;           /* deixa o card mais confortável no mobile */
    flex: 1 1 auto;
  }
}

/* números mais estáveis visualmente */
.us-counter {
  font-variant-numeric: tabular-nums;
  will-change: contents;
}


.check{
	width: 120px;
	height: 120px;
	border-radius: 100%;
	border-r
	background: #34C759;
}

/* ------- Carrossel estático ------- */
/* Carrossel – seguro e escopado */
#carrossel-solucoes{overflow:hidden;position:relative}
#carrossel-solucoes>#carrossel_viewport{display:flex;flex-direction:row;transition:transform .3s ease;width:100%}
#carrossel-solucoes>#carrossel_viewport>.carrossel__slide{flex:0 0 100%;max-width:100%;box-sizing:border-box}


/* acessibilidade: esconder slide inativo para leitores de tela */
.carrossel__slide[aria-hidden="true"]{
  visibility: hidden;
}

/* mobile: se quiser reduzir padding dentro dos slides */
@media (max-width: 900px){
	.carrossel__slide{ padding: 16px; }
}

a.wp-block-latest-posts__post-title {
    font-weight: 900;
    color: var(--wp--preset--color--azul-secundario);
    text-decoration: none;
    font-size: larger;
}


a.wp-block-latest-posts__read-more {
    text-decoration: none;
    color: var(--us-neutral);
    background-color: var(--us-secondary);
    padding: 4px 8px;
    border-radius: 8px;
    font-weight: 700;
}

img.attachment-medium.size-medium.wp-post-image {
    border-radius: 8px;
}

img.attachment-thumbnail.size-thumbnail.wp-post-image {
    border-radius: 8px;
}

.destaque-img{
    
    border-radius: 8px;
}