/* EO Padrão Visual 1.0.15 —o padrão do embarqueoficial.com no .com.br (Elementor) e no Embarque Floripa (Avada e blocos).
   Só vale com a classe eop no <body> (página ligada ou prévia). Nada é gravado nas páginas.
   Paleta da marca: azul #00A8FF (com o azul-marinho #1E4D8F no degradê do botão principal), preto e branco. Texto branco, cartões transparentes. */
body.eop{--eop-c:#00A8FF;--eop-line:rgba(0,168,255,.22);--eop-line2:rgba(0,168,255,.5);--eop-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;background-color:#000!important}

/* ------------------------------------------------------------ texto: Inter branco, coluna legível, alinhado à esquerda */
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content,.elementor-widget-theme-post-content){font-family:var(--eop-font)!important;color:#fff!important}
/* no Floripa, o .post-content também guarda a capa e os cartões do redesenho do site: lá quem manda é o próprio redesenho */
body.eop:not(.eop-floripa) .post-content{font-family:var(--eop-font)!important;color:#fff!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content,.elementor-widget-theme-post-content) :is(p,li,span,strong,b,em,td,th,blockquote){font-family:var(--eop-font)!important;color:#fff!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content,.elementor-widget-theme-post-content) :is(p,li){font-size:17px!important;line-height:1.75!important;text-align:left!important;letter-spacing:0!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) p{margin:0 0 1.05em!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) p:last-child{margin-bottom:0!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) p:empty{display:none}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) :is(ul,ol){margin:0 0 1.2em!important;padding-left:1.3em!important;text-align:left!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) li{margin:.35em 0!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) li::marker{color:var(--eop-c)}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) a:not(.eop-btn):not(.elementor-button):not(.fusion-button){color:var(--eop-c)!important;text-decoration:underline;text-decoration-color:rgba(0,168,255,.4);text-underline-offset:3px}
/* blocos de texto largos: coluna de leitura de até 820 px, como no .com */
body.eop .elementor-widget-text-editor{max-width:820px;margin-left:auto!important;margin-right:auto!important}
/* parágrafo que só tem um botão ou uma imagem continua centralizado */
body.eop :is(p,h4,h5,h6):has(> :is(a.eop-btn,a.elementor-button,img):only-child){text-align:center!important}
body.eop :is(p,h4,h5,h6):has(> a:only-child > img){text-align:center!important}

/* ------------------------------------------------------------ títulos (no Floripa, os títulos já seguem o redesenho do site) */
body.eop:not(.eop-floripa) :is(.elementor-heading-title,.fusion-title-heading,.fusion-title h1,.fusion-title h2,.fusion-title h3,.entry-title,
  .elementor-widget-text-editor :is(h1,h2,h3,h4,h5,h6),.fusion-text :is(h1,h2,h3,h4,h5,h6),.entry-content :is(h1,h2,h3,h4,h5,h6),.post-content :is(h1,h2,h3,h4)){
  font-family:var(--eop-font)!important;color:#fff!important;font-weight:800!important;letter-spacing:-.01em!important;text-transform:none!important;line-height:1.2!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content) :is(h2){font-size:clamp(24px,2.6vw,32px)!important;margin:1.4em 0 .6em!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content) :is(h3){font-size:21px!important;margin:1.3em 0 .5em!important}
body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content) :is(h4,h5,h6){font-size:18px!important;font-weight:700!important;margin:1.2em 0 .5em!important}

/* ------------------------------------------------------------ botões: pílula azul, letras maiúsculas (como no .com) */
body.eop :is(a.elementor-button,.elementor-button,a.fusion-button,.fusion-button,.wp-block-button__link,a.eop-btn){
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 32px!important;border:0!important;border-radius:50px!important;
  background:linear-gradient(135deg,#00A8FF,#1E4D8F)!important;color:#fff!important;font-family:var(--eop-font)!important;font-size:13px!important;font-weight:700!important;
  letter-spacing:1.5px!important;text-transform:uppercase!important;text-decoration:none!important;line-height:1.2!important;box-shadow:none!important;text-shadow:none!important;transition:filter .2s,box-shadow .2s}
body.eop :is(a.elementor-button,.elementor-button,a.fusion-button,.fusion-button,.wp-block-button__link,a.eop-btn):hover{filter:brightness(1.12);box-shadow:0 10px 30px rgba(0,119,255,.35)!important}
body.eop :is(.elementor-button,.fusion-button) :is(span,i,.fusion-button-text){color:#fff!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
body.eop a.eop-btn--ghost{background:transparent!important;border:2px solid rgba(255,255,255,.3)!important}
body.eop a.eop-btn--ghost:hover{border-color:var(--eop-c)!important;background:rgba(0,168,255,.06)!important}
body.eop a.eop-btn--wa{background:var(--eop-c)!important}
body.eop a.eop-btn--wa::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E") center/contain no-repeat}
body.eop .eop-acoes{text-align:center!important;margin:24px 0!important}

/* ------------------------------------------------------------ tabelas escuras e legíveis */
body.eop .eop-tabela{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 28px;border:1px solid var(--eop-line);border-radius:16px}
body.eop .eop-tabela table{width:100%!important;min-width:520px;margin:0!important;border-collapse:collapse!important;border:0!important;background:transparent!important}
body.eop .eop-tabela :is(tr,thead,tbody,tfoot){background:transparent!important}
body.eop .eop-tabela :is(th,td){padding:13px 16px!important;border:0!important;border-bottom:1px solid rgba(0,168,255,.14)!important;background:transparent!important;color:#fff!important;
  font-family:var(--eop-font)!important;font-size:15px!important;line-height:1.5!important;text-align:left!important;vertical-align:top}
body.eop .eop-tabela th,body.eop .eop-tabela thead td,body.eop .eop-tabela tr:first-child td:only-child{background:rgba(0,168,255,.1)!important;font-weight:700!important}
body.eop .eop-tabela tr:last-child :is(td,th){border-bottom:0!important}
body.eop .eop-tabela :is(td,th) *{color:#fff!important}

/* ------------------------------------------------------------ cartões transparentes com borda azul fina */
body.eop :is(.elementor-widget-icon-box,.elementor-widget-image-box,.elementor-widget-call-to-action,.elementor-widget-price-table)>.elementor-widget-container{background:transparent!important;border:1px solid var(--eop-line)!important;border-radius:16px!important;padding:24px!important}
body.eop :is(.elementor-icon-box-title,.elementor-image-box-title,.elementor-icon-box-title a,.elementor-image-box-title a){font-family:var(--eop-font)!important;color:#fff!important;font-weight:700!important}
body.eop :is(.elementor-icon-box-description,.elementor-image-box-description){font-family:var(--eop-font)!important;color:#fff!important;font-size:15px!important;line-height:1.6!important}
body.eop .elementor-icon{color:var(--eop-c)!important;border-color:var(--eop-c)!important;fill:var(--eop-c)!important}
body.eop .elementor-icon svg{fill:var(--eop-c)!important}
body.eop .elementor-post{background:transparent!important;border:1px solid var(--eop-line)!important;border-radius:16px!important;overflow:hidden}
body.eop .elementor-post__card{background:transparent!important;border:0!important;box-shadow:none!important}
body.eop :is(.elementor-post__title,.elementor-post__title a){font-family:var(--eop-font)!important;color:#fff!important;font-weight:700!important}
body.eop .elementor-post__excerpt p{color:#fff!important;font-family:var(--eop-font)!important}
body.eop .elementor-post__read-more{color:var(--eop-c)!important;font-family:var(--eop-font)!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}
/* colunas do Avada com fundo de cor (avisos, caixas de destaque): fundo transparente e borda azul.
   1.0.2: caixa preta translúcida (texto sobre foto) continua preta, só ganha a borda azul; sem ela, o texto some na foto. */
body.eop .fusion-layout-column[style*="--awb-bg-color:"]:not([style*="--awb-bg-color:rgba(255,255,255,0)"]):not([style*="--awb-bg-color:transparent"]):not([style*="--awb-bg-color:rgba(0,0,0,"]):not([style*="--awb-bg-color:#000"]){--awb-bg-color:transparent!important;--awb-bg-color-hover:transparent!important}
body.eop .fusion-layout-column[style*="--awb-bg-color:"]:not([style*="--awb-bg-color:rgba(255,255,255,0)"]):not([style*="--awb-bg-color:transparent"])>.fusion-column-wrapper{border:1px solid var(--eop-line)!important;border-radius:16px!important}
body.eop .fusion-layout-column[style*="--awb-bg-color:"]:not([style*="--awb-bg-color:rgba(255,255,255,0)"]):not([style*="--awb-bg-color:transparent"]):not([style*="--awb-bg-color:rgba(0,0,0,"]):not([style*="--awb-bg-color:#000"])>.fusion-column-wrapper{background-color:transparent!important}
body.eop .fusion-content-boxes .content-box-column .col{background:transparent!important}
body.eop :is(.fusion-alert,.wp-block-group.has-background,.wp-block-columns.has-background,.has-background:not(.wp-block-button__link)){background:transparent!important;border:1px solid var(--eop-line)!important;border-radius:16px!important;color:#fff!important}

/* ------------------------------------------------------------ perguntas frequentes (sanfona) */
body.eop :is(.elementor-toggle-item,.elementor-accordion-item,.fusion-accordian .fusion-panel){background:transparent!important;border:1px solid var(--eop-line)!important;border-radius:12px!important;margin:0 0 12px!important;overflow:hidden}
body.eop :is(.elementor-tab-title,.elementor-tab-title a,.fusion-accordian .panel-title a){font-family:var(--eop-font)!important;color:#fff!important;font-weight:600!important;font-size:17px!important;background:transparent!important;border:0!important}
body.eop :is(.elementor-tab-content,.fusion-accordian .panel-body){font-family:var(--eop-font)!important;color:#fff!important;background:transparent!important;border:0!important}
body.eop :is(.elementor-toggle-icon,.elementor-accordion-icon,.fusion-toggle-icon-wrapper) *{color:var(--eop-c)!important;fill:var(--eop-c)!important}

/* ------------------------------------------------------------ fotos e vídeos com cantos arredondados */
body.eop :is(.elementor-widget-image img,.elementor-image-gallery img,.gallery img,.fusion-imageframe img,.wp-block-image img,.fusion-gallery img,.entry-content img:not([width="16"]):not([width="20"]):not([width="24"])){border-radius:16px}
body.eop :is(.fusion-video,.elementor-widget-video .elementor-wrapper,.wp-block-embed__wrapper,.fluid-width-video-wrapper){border-radius:16px;overflow:hidden;border:1px solid var(--eop-line)}

/* ------------------------------------------------------------ sem datas */
body.eop :is(.fusion-meta-info,.fusion-single-line-meta,.fusion-date-box,.fusion-date-and-formats,.entry-date,.posted-on,.post-date,.elementor-post-date,
  .elementor-post__meta-data,.elementor-post-info__item--type-date,.elementor-icon-list-item:has(.elementor-post-info__item--type-date),time.updated){display:none!important}

/* ------------------------------------------------------------ formulário de cotação: o link leva até ele sem ficar escondido sob o menu fixo */
body.eop #cotacao{scroll-margin-top:110px}

/* ------------------------------------------------------------ 1.0.15: fundo preto de verdade, como no .com
   No .com.br, o ajuste "eo-dark-global" do site pintava o fundo de #05070a e os campos de #0b1018, e a capa e o rodapé usavam
   cinzas-azulados (#0a0a0a, #080b10, #0d1117, #0c0e10; cartões #0f141d). De perto, pareciam arroxeados. Passa tudo a preto:
   cartões transparentes com a linha azul fina e campos pretos. Os blocos do Elementor ficam a cargo do script "eop-fundo".
   No Floripa, o rodapé (#05070a) e o fundo da página também ficam pretos. */
html:has(>body.eop){background-color:#000!important}
body.eop.eop-br,
body.eop.eop-br :is(#page,#content,#primary,.site,.site-content,.site-main){background-color:#000!important}
body.eop.eop-br :is(.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-article-inner,.ast-separate-container .comments-area,.ast-separate-container .ast-author-box,.ast-archive-description,.ast-separate-container .site-main>.ast-row,.widget-area .widget){background-color:#000!important}
body.eop.eop-br :is(section.booking,section.stats,section.coverage,section.ecosystem,section.forwhom,section.differentials,section.solutions,section.management,section.trust,footer.ft){background-color:#000!important}
body.eop.eop-br :is(.booking-panel,.bk-route,article.sol-card,a.blog-card){background-color:transparent!important}
body.eop.eop-br :is(input,textarea,select):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),
body.eop.eop-br :is(#bkDoc,#bkObs){background-color:#000!important;color:#fff!important}
body.eop.eop-br :is(select option,select optgroup){background-color:#000!important;color:#fff!important}
body.eop.eop-br .eo-ovb-dark::before,body.eop.eop-br .eo-ova-dark::after{background-color:#000!important}
body.eop.eop-floripa{--efr-bg-soft:#000}
body.eop.eop-floripa .ef-site-footer{background:#000!important}

/* ------------------------------------------------------------ Embarque Floripa (1.0.2): o redesenho do próprio site, com a letra dele (Open Sans) e as cores do .com */
/* texto branco (era cinza-azulado), cartões e tabelas transparentes com linha azul fina (eram painéis cinza-escuro) */
body.eop.eop-floripa{--eop-font:var(--efr-font,"Open Sans",Arial,sans-serif)}
body.eop.eop-floripa :is(.ef-content,.eop-cot){--efr-text:#fff;--efr-muted:#fff;--efr-panel:transparent;--efr-panel-hover:rgba(0,168,255,.1);--efr-border:rgba(0,168,255,.22)}
/* 1.0.13: o resto do site também (capa, guias, cartões, caixas como "Uma região, muitas formas de conhecer", paginação e rodapé) */
body.eop.eop-floripa{--efr-text:#fff;--efr-muted:#fff;--efr-panel:transparent;--efr-panel-hover:rgba(0,168,255,.1);--efr-border:rgba(0,168,255,.22)}
body.eop.eop-floripa :is(select option,select optgroup){background-color:#000!important;color:#fff!important}
/* cartões com o efeito dos cartões do .com: a borda azul acende e o cartão sobe com sombra */
body.eop.eop-floripa .ef-card{transition:border-color .2s,transform .2s,box-shadow .2s}
body.eop.eop-floripa .ef-card:hover{border-color:rgba(0,168,255,.6)!important;transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,119,255,.18)}
@media (prefers-reduced-motion:reduce){body.eop.eop-floripa .ef-card{transition:none}body.eop.eop-floripa .ef-card:hover{transform:none}}
body.eop.eop-floripa .eop-cot{font-family:var(--efr-font,"Open Sans",Arial,sans-serif)}
body.eop.eop-floripa .ef-content :is(select option,select optgroup){background-color:#000!important;color:#fff!important}
/* texto alinhado à esquerda (vinha centralizado ou justificado em cada parágrafo) e corpo de 17 px, como no .com. Ficam como estão os
   títulos do construtor e as seções montadas à mão (<section>, <header>: a capa de "Sobre nós", por exemplo, é centralizada de propósito) */
body.eop.eop-floripa .ef-content:not(.ef-content--editorial) :is(p,li,h1,h2,h3,h4,h5,h6,blockquote,figcaption):not(.fusion-title-heading):not(.fusion-title *):not(.ef-content section *):not(.ef-content header *){text-align:left!important}
body.eop.eop-floripa .ef-content:not(.ef-content--editorial) div[style*="text-align"]:not([class*="fusion"]):not([class*="wp-block"]):not([class*="eop"]):not(.ef-content section *):not(.ef-content header *){text-align:left!important}
body.eop.eop-floripa .ef-content:not(.ef-content--editorial) :is(p,li):not(.ef-content section *):not(.ef-content header *){font-size:17px!important;line-height:1.75!important}
body.eop.eop-floripa .ef-content:not(.ef-content--editorial) :is(p,li,h1,h2,h3,h4,h5,h6) :is(span,strong,b,em,font)[style*="font-size"]{font-size:inherit!important}

/* ------------------------------------------------------------ celular */
@media (max-width:767px){
  body.eop :is(.elementor-widget-text-editor,.fusion-text,.entry-content,.wp-block-post-content) :is(p,li){font-size:16px!important}
  body.eop.eop-floripa .ef-content:not(.ef-content--editorial) :is(p,li):not(.ef-content section *):not(.ef-content header *){font-size:16px!important}
  body.eop :is(a.elementor-button,.elementor-button,a.fusion-button,.fusion-button,.wp-block-button__link,a.eop-btn){padding:0 22px!important;max-width:100%;white-space:normal;text-align:center}
}