/*
Theme Name: EPIK360º
Theme URI: https://epik360.com.br
Author: Cadoo Munhoz
Author URI: https://midia17.com.br
Description: Site Oficial EPIK360º
Template: enfold
Version: 4.6.0
Requires at least: 5.5
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: epik360º
*/

:root{
  --epk-accent:#084E97;       /* azul forte da marca (CTA, links, destaques) */
  --epk-accent-dark:#192951;  /* azul-marinho profundo (degradês, fundos) */
  --epk-accent-soft:#9DBCE4;  /* tom claro do azul para texto/badges sobre fundo escuro */
  --epk-navy:#0B1226;         /* fundo escuro navy do header */
  --epk-slate:#606972;        /* cinza ardósia (neutro) */
  --epk-mist:#B9BAC0;         /* cinza claro (neutro claro / bordas) */
}

html {scroll-behavior:smooth; scroll-padding-top:90px;}

/* ---- Eyebrow / TODOS os H6 como "badge" em pílula contornada ---- */
#top h6.av-special-heading-tag,
#top #main h6,
.epk-eyebrow .av-special-heading-tag{
  display:inline-block!important;
  border:1px solid rgba(8,78,151,.38)!important;
  background:rgba(8,78,151,.12)!important;
  color:#9DBCE4!important;
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  padding:9px 18px!important;
  border-radius:999px!important;
  line-height:1!important;
  margin-bottom:18px!important;
}
#top h6.av-special-heading-tag:after,
.epk-eyebrow .av-special-heading-tag:after{content:none!important;display:none!important}
/* Variante legível em seções claras (texto/azul mais escuros) */
#top .epk-eyebrow.is-light h6.av-special-heading-tag,
.epk-eyebrow.is-light .av-special-heading-tag{
  color:#084E97!important;
  background:rgba(8,78,151,.08)!important;
  border-color:rgba(8,78,151,.30)!important;
}

/* ---- Título platina (gradiente) ---- */
.epk-grad .av-special-heading-tag, .avia-caption-title {
  background:linear-gradient(180deg,#FFFFFF 0%,#D5DAE2 50%,#9AA2AE 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.epk-grad .av-special-heading-tag:after{display:none!important}

/* ---- Cards (icon boxes / colunas) ---- */
.epk-card{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.04)!important;
  border-radius:18px!important;
  padding:34px!important;
  transition:transform .3s,border-color .3s;
  box-sizing:border-box;
}
.epk-card:hover{transform:translateY(-6px);border-color:rgba(8,78,151,.5)!important}
.epk-card .iconbox_content_container,
.epk-card *{color:inherit}
.epk-card-light{
  border:1px solid #E6E8ED!important;
  background:#fff!important;
  border-radius:20px!important;
  padding:36px 30px!important;
  box-shadow:0 24px 60px -44px rgba(20,30,50,.5)!important;
}

#top .av-equal-height-column .av-inner-column-bg-wrap,
#top .av-equal-height-column .avia-icon-box,
#top .av-equal-height-column .epk-card,
#top .av-equal-height-column .epk-card-light{height:100%!important}

/* ---- Lista de valores ---- */
.epk-values .avia-icon-list .iconlist_title{color:#E2E6EC!important;font-weight:600!important}

/* ---- Manifesto (destaque) ---- */
.epk-quote .av-special-heading-tag em,
.epk-quote em{font-style:normal;background:linear-gradient(180deg,#9DBCE4,#084E97);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---- Formulário de contato sobre fundo escuro ---- */
.epk-contact-sec .text_input,
.epk-contact-sec input.text_input,
.epk-contact-sec textarea.text_input,
.epk-contact-sec .avia_ajax_form input[type=text],
.epk-contact-sec .avia_ajax_form textarea{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;border-radius:11px!important;
}
.epk-contact-sec form label,
.epk-contact-sec .avia_ajax_form label{color:#AEB6C2!important}
.epk-contact-sec ::placeholder{color:#8B93A1!important}

/* ---- Órbita 360° (Code Block) ---- */
@keyframes epkspin{to{transform:rotate(360deg)}}
@keyframes epkspinrev{to{transform:rotate(-360deg)}}
@keyframes epkfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---- Botão flutuante de WhatsApp ---- */
.epk-fab{position:fixed;bottom:26px;right:26px;z-index:9990;width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,#3FBF6B,#27A052);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(39,160,82,.7);animation:epkfloat 4s ease-in-out infinite;transition:transform .25s}
.epk-fab:hover{transform:scale(1.08)}

/* ---- Botões da marca ---- */
/* Primário (pílula com degradê azul + brilho) — classe: epk-btn */
#top .epk-btn .avia-button,
#top .avia-button.epk-btn{
  border-radius:999px!important;
  font-family:'Sora',sans-serif!important;
  font-weight:700!important;
  letter-spacing:.3px!important;
  font-size:15px!important;
  padding:16px 32px!important;
  border:0!important;
  background:linear-gradient(180deg,#084E97,#192951)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:0 16px 36px -14px rgba(8,78,151,.6)!important;
  transition:transform .25s,box-shadow .25s!important;
}
#top .epk-btn .avia-button:hover,
#top .avia-button.epk-btn:hover{transform:translateY(-3px)!important}
#top .epk-btn .avia-button .avia_button_background,
#top .avia-button.epk-btn .avia_button_background{background:transparent!important;border:0!important}

/* Secundário (pílula contornada, fundo transparente) — classe: epk-btn epk-btn-ghost */
#top .epk-btn-ghost .avia-button,
#top .avia-button.epk-btn-ghost{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#E6E9EE!important;
  box-shadow:none!important;
}
#top .epk-btn-ghost .avia-button:hover,
#top .avia-button.epk-btn-ghost:hover{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.4)!important;
}

/* ============================================================
   HEADER NATIVO DO ENFOLD — apenas "pintado" com a marca Epik.
   O cabeçalho continua 100% editável nas opções do Enfold
   (logo, layout, menu, transparência, sticky) e em Aparência → Menus.
   ============================================================ */

/* Garante o header SEMPRE visível (em qualquer estado/opção do Enfold) */
#wrap_all #header,
#top #header{display:block!important;visibility:visible!important;opacity:1!important}

/* DEFAULT (header NÃO-transparente): fundo escuro da marca. */
#top #header_main{
  background-color:#0B1226!important;
  background-image:none!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
#top #header_main .container{background:transparent!important}

/* HEADER TRANSPARENTE: respeita a transparência do Enfold, mas aplica um
   leve degradê escuro no topo para o logo/menu claros ficarem legíveis. */
#top.html_header_transparency #header_main,
#top #header.av_header_transparency #header_main{
  background-color:transparent!important;
  background-image:linear-gradient(180deg,rgba(11,18,38,.6),rgba(11,18,38,0))!important;
  border-bottom-color:transparent!important;
}
/* Remove qualquer linha/sombra na base do header transparente. */
#top.html_header_transparency #header,
#top.html_header_transparency #header_main,
#top.html_header_transparency #header .container,
#top.html_header_transparency #header_main .container,
#top #header.av_header_transparency,
#top #header.av_header_transparency #header_main{
  border-bottom:0 none!important;
  box-shadow:none!important;
}

/* Ao rolar (header sticky/alternativo), volta a ser sólido escuro. */
#top #header_main_alternate,
#top.html_header_sticky.html_header_shrinking #header_main_alternate{
  background-color:#0B1226!important;
  background-image:none!important;
}

/* Logo sempre visível */
#top #header .logo,#top #header .logo a{visibility:visible!important;opacity:1!important}

/* Itens do menu principal */
#top #header .av-main-nav > li > a{
  color:#C2C8D2!important;
  font-family:'Manrope',sans-serif!important;
  font-weight:600!important;
  letter-spacing:.2px!important;
}
#top #header .av-main-nav > li > a:hover,
#top #header .av-main-nav > li.current-menu-item > a,
#top #header .av-main-nav > li.current_page_item > a,
#top #header .av-main-nav > li.av-active-section > a{color:#ffffff!important}

/* Submenus (dropdown) */
#top #header .av-main-nav ul{
  background:#101A30!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 40px -20px rgba(0,0,0,.8)!important;
}
#top #header .av-main-nav ul li a{color:#C2C8D2!important;background:transparent!important;border:0!important}
#top #header .av-main-nav ul li a:hover{color:#fff!important;background:rgba(8,78,151,.18)!important}

/* Menu mobile (Enfold) */
#top #advanced_menu_toggle,#top #advanced_menu_hide{color:#fff!important;border-color:rgba(255,255,255,.18)!important}
#top #av-burger-menu-ul,
.html_burger_menu #top .av-burger-overlay,
.av-burger-overlay-bg{background-color:#0F1830!important}
#top #av-burger-menu-ul a,
.av-burger-overlay .av-main-nav a{color:#D6DAE1!important}

/* Item de menu em formato de BOTÃO (pílula) — basta dar a classe "epk-cta"
   ao item em Aparência → Menus (Opções de Tela → marcar "Classes CSS"). */
#top #header .av-main-nav > li.epk-cta{display:flex;align-items:center}
#top #header .av-main-nav > li.epk-cta > a{
  background:linear-gradient(180deg,var(--epk-accent),var(--epk-accent-dark))!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:0 22px!important;
  height:42px!important;
  line-height:42px!important;
  margin:auto 0!important;
  min-height:0!important;
  box-shadow:0 8px 24px -10px rgba(8,78,151,.55);
}
#top #header .av-main-nav > li.epk-cta > a .avia-menu-fx{display:none!important}
#top #header .av-main-nav > li.epk-cta > a:hover{filter:brightness(1.08)}

/* AJUSTE GERAL */
.hide{display:none}

/* FOOTER */
#scroll-top-link{bottom:100px;right:32px}