/* =========================================================================
   CHROME — cabeçalho, navegação e rodapé
   Reescrito do zero a partir do menu_ccc_v7_ux.html:
   sem !important, sem z-index 999999, sem Arial, com teclado.
   ========================================================================= */

/* =========================================================================
   CABEÇALHO
   ========================================================================= */
.ev-header{
  position:sticky;top:0;z-index:var(--ev-z-nav);
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:var(--ev-border-line);
  transition:box-shadow var(--ev-dur) var(--ev-ease);
}
.ev-header.is-scrolled{box-shadow:0 4px 24px rgba(14,59,94,.09)}
.ev-header__bar{height:3px;background:var(--ev-grad-brand)}

.ev-header__inner{
  display:flex;align-items:center;gap:var(--ev-s5);
  min-height:var(--ev-header-h);
}

/* ---------- Marca ---------- */
.ev-brand{display:flex;align-items:center;gap:var(--ev-s3);text-decoration:none;flex:none}
.ev-brand__mono{
  display:grid;place-items:center;flex:none;
  width:42px;height:42px;border-radius:13px;
  background:var(--ev-grad-cta);color:#fff;
  font-family:var(--ev-font-title);font-weight:900;font-size:.92rem;letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(255,106,15,.3);
}
.ev-brand__txt{display:flex;flex-direction:column;line-height:1.15}
.ev-brand__txt strong{
  font-family:var(--ev-font-title);font-weight:800;font-size:.94rem;
  color:var(--ev-blue-deep);letter-spacing:-.01em;
}
.ev-brand__txt small{font-size:.66rem;color:var(--ev-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:600}
@media (max-width:420px){ .ev-brand__txt small{display:none} }

/* =========================================================================
   NAVEGAÇÃO — DESKTOP
   ========================================================================= */
.ev-nav{margin-left:auto}
.ev-nav__list{display:flex;align-items:center;gap:var(--ev-s1)}
.ev-nav__item{position:relative}

.ev-nav__link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ev-font-title);font-weight:600;font-size:.84rem;
  color:var(--ev-blue-deep);text-decoration:none;
  padding:10px 14px;border-radius:10px;
  transition:color var(--ev-dur-fast) var(--ev-ease),background-color var(--ev-dur-fast) var(--ev-ease);
}
.ev-nav__link:hover{color:var(--ev-orange-txt);background:var(--ev-orange-08)}
.ev-nav__link.is-active{color:var(--ev-orange-txt)}
.ev-nav__link.is-active::after{
  content:"";position:absolute;left:14px;right:14px;bottom:2px;
  height:2.5px;border-radius:2px;background:var(--ev-orange);
}
.ev-nav__caret{width:11px;height:8px;transition:transform var(--ev-dur) var(--ev-ease)}
.ev-nav__item--has-menu[data-open] .ev-nav__caret{transform:rotate(180deg)}
.ev-nav__item--has-menu[data-open] > .ev-nav__link{color:var(--ev-orange-txt);background:var(--ev-orange-08)}

/* ---------- Dropdown ---------- */
.ev-dd{
  position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;
  width:min(360px,calc(100vw - 32px));
  background:#fff;border-radius:var(--ev-radius);
  border:var(--ev-border-line);
  box-shadow:0 18px 50px rgba(14,59,94,.18);
  padding:var(--ev-s2);
  animation:ev-dd-in var(--ev-dur) var(--ev-ease-out);
}
.ev-dd[hidden]{display:none}
@keyframes ev-dd-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.ev-dd__list{display:grid;gap:2px}
.ev-dd__sep{margin-top:var(--ev-s2);padding-top:var(--ev-s2);border-top:var(--ev-border-line)}

.ev-dd__link{
  display:flex;align-items:center;gap:var(--ev-s3);
  padding:11px 12px;border-radius:11px;text-decoration:none;
  border-left:3px solid transparent;
  transition:background-color var(--ev-dur-fast) var(--ev-ease),
             border-color var(--ev-dur-fast) var(--ev-ease),
             padding-left var(--ev-dur-fast) var(--ev-ease);
}
.ev-dd__link:hover,.ev-dd__link:focus-visible{
  background:var(--ev-bg-soft);border-left-color:var(--ev-orange);padding-left:15px;
}
.ev-dd__link.is-active{border-left-color:var(--ev-orange);background:var(--ev-orange-08)}

.ev-dd__ico{
  display:grid;place-items:center;flex:none;
  width:36px;height:36px;border-radius:10px;
  background:var(--ev-blue-08);color:var(--ev-blue-mid);
  font-family:var(--ev-font-title);font-weight:800;font-size:.68rem;letter-spacing:.03em;
}
.ev-dd__link:hover .ev-dd__ico{background:var(--ev-orange-08);color:var(--ev-orange-txt)}
.ev-dd__body{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ev-dd__body strong{font-family:var(--ev-font-title);font-weight:700;font-size:.85rem;color:var(--ev-blue-deep)}
.ev-dd__body small{font-size:.72rem;color:var(--ev-muted);margin-top:1px}

/* ---------- CTA e hambúrguer ---------- */
.ev-header__cta{flex:none}

.ev-burger{
  display:none;flex:none;
  width:44px;height:44px;border-radius:12px;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  background:var(--ev-bg-soft);
}
.ev-burger span{
  display:block;width:20px;height:2.2px;border-radius:2px;
  background:var(--ev-blue-deep);
  transition:transform var(--ev-dur) var(--ev-ease),opacity var(--ev-dur-fast) var(--ev-ease);
}
.ev-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.2px) rotate(45deg)}
.ev-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ev-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.2px) rotate(-45deg)}

.ev-overlay{
  position:fixed;inset:0;z-index:calc(var(--ev-z-nav) - 1);
  background:rgba(14,59,94,.45);
  backdrop-filter:blur(2px);
  animation:ev-fade var(--ev-dur) var(--ev-ease);
}
.ev-overlay[hidden]{display:none}
@keyframes ev-fade{from{opacity:0}to{opacity:1}}

/* =========================================================================
   NAVEGAÇÃO — MOBILE  (abaixo de 960px)
   ========================================================================= */
@media (max-width:959px){
  .ev-burger{display:flex}
  .ev-header__cta{display:none}

  .ev-nav{
    position:fixed;top:var(--ev-header-h);left:0;right:0;bottom:0;
    margin:0;padding:var(--ev-s5) var(--ev-gutter) var(--ev-s8);
    background:#fff;overflow-y:auto;
    transform:translateX(100%);
    transition:transform var(--ev-dur-slow) var(--ev-ease-out);
    z-index:var(--ev-z-nav);
  }
  .ev-nav.is-open{transform:none}

  .ev-nav__list{flex-direction:column;align-items:stretch;gap:2px}
  .ev-nav__item{width:100%}

  .ev-nav__link{
    width:100%;justify-content:space-between;
    font-size:1rem;padding:15px var(--ev-s4);
    border-bottom:var(--ev-border-line);border-radius:0;
  }
  .ev-nav__link.is-active::after{display:none}
  .ev-nav__link.is-active{background:var(--ev-orange-08)}

  .ev-dd{
    position:static;translate:none;width:100%;
    box-shadow:none;border:none;border-bottom:var(--ev-border-line);
    border-radius:0;padding:var(--ev-s2) 0 var(--ev-s3) var(--ev-s4);
    background:var(--ev-bg-soft);animation:none;
  }
  .ev-dd__link{padding:12px}

  /* CTA fixo no fim do menu mobile */
  .ev-nav::after{content:"";display:block;height:8px}
  .ev-nav__cta{margin-top:var(--ev-s5);display:grid;gap:var(--ev-s3)}
}

/* Trava o scroll do fundo com o menu aberto */
body.ev-locked{overflow:hidden}


/* =========================================================================
   RODAPÉ
   ========================================================================= */
.ev-footer{
  background:var(--ev-blue-deep);color:#c9e2f4;
  padding-top:var(--ev-s9);
  font-size:var(--ev-fs-small);
  position:relative;overflow:hidden;
}
.ev-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--ev-grad-brand);
}

.ev-footer__top{
  display:grid;gap:var(--ev-s7);
  padding-bottom:var(--ev-s8);
}
@media (min-width:640px){ .ev-footer__top{grid-template-columns:repeat(2,1fr)} }
@media (min-width:960px){ .ev-footer__top{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:var(--ev-s6)} }

.ev-brand--footer .ev-brand__txt strong{color:#fff}
.ev-brand--footer .ev-brand__txt small{color:#7fc4ec}

.ev-footer__pitch{margin-top:var(--ev-s4);color:#a9c8de;max-width:36ch;line-height:1.7}

.ev-footer__social{display:flex;gap:var(--ev-s3);margin-top:var(--ev-s5)}
.ev-footer__social a{
  display:grid;place-items:center;
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.08);color:#c9e2f4;
  transition:background-color var(--ev-dur-fast) var(--ev-ease),
             color var(--ev-dur-fast) var(--ev-ease),
             transform var(--ev-dur-fast) var(--ev-ease);
}
.ev-footer__social a:hover{background:var(--ev-cta-1);color:#fff;transform:translateY(-3px)}
.ev-footer__social svg{width:17px;height:17px}

.ev-footer__title{
  font-family:var(--ev-font-title);font-weight:700;font-size:.72rem;
  letter-spacing:var(--ev-ls-eyebrow);text-transform:uppercase;
  color:#7fc4ec;margin-bottom:var(--ev-s4);
}
.ev-footer__col ul{display:grid;gap:11px}
.ev-footer__col a{color:#c9e2f4;text-decoration:none;transition:color var(--ev-dur-fast) var(--ev-ease)}
.ev-footer__col a:hover{color:#ffab73}

.ev-footer__addr{
  margin-top:var(--ev-s5);font-style:normal;
  color:#a9c8de;font-size:var(--ev-fs-tiny);line-height:1.7;
}

.ev-footer__bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding-block:var(--ev-s5) var(--ev-s6);
  display:flex;flex-wrap:wrap;gap:var(--ev-s4);
  align-items:center;justify-content:space-between;
  font-size:var(--ev-fs-tiny);color:#a9c8de;
}
.ev-footer__bottom ul{display:flex;gap:var(--ev-s5);flex-wrap:wrap}
.ev-footer__bottom a{color:#a9c8de;text-decoration:none}
.ev-footer__bottom a:hover{color:#ffab73}


/* =========================================================================
   BOTÕES FLUTUANTES — WhatsApp e Calendly
   ========================================================================= */
.ev-fab{
  position:fixed;right:clamp(14px,3vw,26px);bottom:clamp(14px,3vw,26px);
  z-index:var(--ev-z-overlay);
  display:flex;flex-direction:column;gap:12px;align-items:flex-end;
}

.ev-fab__btn{
  display:flex;align-items:center;gap:0;
  height:56px;width:56px;padding:0;
  border-radius:28px;
  color:#fff;text-decoration:none;overflow:hidden;
  box-shadow:0 8px 26px rgba(14,59,94,.28);
  transition:width var(--ev-dur) var(--ev-ease-out),
             gap var(--ev-dur) var(--ev-ease-out),
             padding var(--ev-dur) var(--ev-ease-out),
             transform var(--ev-dur-fast) var(--ev-ease),
             box-shadow var(--ev-dur) var(--ev-ease);
}
.ev-fab__btn--wa{background:var(--ev-wa)}
.ev-fab__btn--cal{background:var(--ev-grad-cta)}

.ev-fab__ico{
  display:grid;place-items:center;flex:none;
  width:56px;height:56px;
}
.ev-fab__ico svg{width:26px;height:26px}
.ev-fab__btn--cal .ev-fab__ico svg{width:24px;height:24px}

.ev-fab__txt{
  font-family:var(--ev-font-title);font-weight:700;font-size:.86rem;color:#fff;
  white-space:nowrap;opacity:0;
  transition:opacity var(--ev-dur-fast) var(--ev-ease);
}

/* Expande no hover e no foco de teclado */
@media (hover:hover) and (min-width:640px){
  .ev-fab__btn:hover,
  .ev-fab__btn:focus-visible{
    width:auto;padding-right:24px;transform:translateY(-2px);
    box-shadow:0 12px 34px rgba(14,59,94,.36);
  }
  .ev-fab__btn:hover .ev-fab__txt,
  .ev-fab__btn:focus-visible .ev-fab__txt{opacity:1}
}

/* Foco sempre visível, inclusive no mobile */
.ev-fab__btn:focus-visible{outline:3px solid var(--ev-blue-deep);outline-offset:3px}

/* Entrada suave ao carregar */
.ev-fab__btn{animation:ev-fab-in .5s var(--ev-ease-out) backwards}
.ev-fab__btn--cal{animation-delay:.25s}
.ev-fab__btn--wa{animation-delay:.4s}
@keyframes ev-fab-in{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}

/* Pulso discreto no WhatsApp, só uma vez a cada 6s */
.ev-fab__btn--wa::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  box-shadow:0 0 0 0 rgba(13,124,62,.55);
  animation:ev-fab-pulse 6s ease-out 2s infinite;
  pointer-events:none;
}
.ev-fab__btn{position:relative}
@keyframes ev-fab-pulse{
  0%{box-shadow:0 0 0 0 rgba(13,124,62,.5)}
  12%{box-shadow:0 0 0 16px rgba(13,124,62,0)}
  100%{box-shadow:0 0 0 0 rgba(13,124,62,0)}
}

/* No mobile os botões ficam menores para não cobrir conteúdo */
@media (max-width:479px){
  .ev-fab{gap:10px}
  .ev-fab__btn,.ev-fab__ico{width:50px;height:50px}
  .ev-fab__ico svg{width:23px;height:23px}
}

@media (prefers-reduced-motion:reduce){
  .ev-fab__btn{animation:none}
  .ev-fab__btn--wa::after{animation:none}
}

@media print{ .ev-fab{display:none} }


/* =========================================================================
   TRILHA (breadcrumb)
   ========================================================================= */
.ev-trilha{
  background:var(--ev-bg-soft);
  border-bottom:var(--ev-border-line);
  font-size:var(--ev-fs-tiny);
}
.ev-trilha ol{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  list-style:none;padding-block:10px;margin:0;
}
.ev-trilha li{display:flex;align-items:center;gap:6px}
.ev-trilha li + li::before{
  content:"";width:5px;height:5px;flex:none;
  border-right:1.5px solid var(--ev-faint);
  border-bottom:1.5px solid var(--ev-faint);
  transform:rotate(-45deg);
}
.ev-trilha a{color:var(--ev-muted);text-decoration:none}
.ev-trilha a:hover{color:var(--ev-orange-txt);text-decoration:underline}
.ev-trilha [aria-current]{color:var(--ev-blue-deep);font-weight:700}


/* =========================================================================
   BANNER DE COOKIES (LGPD)
   ========================================================================= */
.ev-cookies{
  position:fixed;left:0;right:0;bottom:0;z-index:var(--ev-z-modal);
  padding:var(--ev-gutter);
  animation:ev-ck-in .5s var(--ev-ease-out) both;
}
.ev-cookies[hidden]{display:none}
@keyframes ev-ck-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

.ev-cookies__caixa{
  position:relative;
  max-width:var(--ev-container);margin-inline:auto;
  background:#fff;border-radius:var(--ev-radius);
  border:1px solid rgba(14,59,94,.1);
  box-shadow:0 18px 60px rgba(14,59,94,.26);
  padding:var(--ev-s5) var(--ev-s6);
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--ev-s5);
  border-top:4px solid transparent;
  background-image:linear-gradient(#fff,#fff),var(--ev-grad-brand);
  background-origin:border-box;background-clip:padding-box,border-box;
}
.ev-cookies__corpo{flex:1 1 380px;min-width:0;padding-right:var(--ev-s5)}
.ev-cookies__titulo{
  font-size:.95rem;font-weight:800;margin-bottom:4px;
  color:var(--ev-blue-deep);max-width:none;
}
.ev-cookies__texto{font-size:var(--ev-fs-small);color:var(--ev-muted);line-height:1.6;max-width:78ch}
.ev-cookies__texto a{color:var(--ev-orange-txt);font-weight:600}

.ev-cookies__acoes{display:flex;gap:var(--ev-s3);flex:none;flex-wrap:wrap}

.ev-cookies__fechar{
  position:absolute;top:10px;right:10px;
  width:32px;height:32px;border-radius:10px;
  display:grid;place-items:center;color:var(--ev-faint);
  transition:background-color var(--ev-dur-fast) var(--ev-ease),color var(--ev-dur-fast) var(--ev-ease);
}
.ev-cookies__fechar:hover{background:var(--ev-bg-soft);color:var(--ev-blue-deep)}
.ev-cookies__fechar svg{width:14px;height:14px}

@media (max-width:639px){
  .ev-cookies__caixa{padding:var(--ev-s5);gap:var(--ev-s4)}
  .ev-cookies__corpo{padding-right:34px}
  .ev-cookies__acoes{width:100%}
  .ev-cookies__acoes .ev-btn{flex:1}
}

/* Botão permanente para rever a escolha */
.ev-cookies__reabrir{
  position:fixed;left:14px;bottom:14px;z-index:var(--ev-z-sticky);
  font-family:var(--ev-font-title);font-weight:600;font-size:.68rem;
  color:var(--ev-muted);background:rgba(255,255,255,.94);
  border:1px solid var(--ev-line);border-radius:var(--ev-radius-pill);
  padding:7px 14px;box-shadow:var(--ev-shadow-sm);
  transition:color var(--ev-dur-fast) var(--ev-ease),border-color var(--ev-dur-fast) var(--ev-ease);
}
.ev-cookies__reabrir[hidden]{display:none}
.ev-cookies__reabrir:hover{color:var(--ev-blue-deep);border-color:var(--ev-blue)}
@media (max-width:639px){ .ev-cookies__reabrir{font-size:.62rem;padding:6px 11px} }

@media print{ .ev-cookies,.ev-cookies__reabrir{display:none!important} }
