@charset "UTF-8";
/***!  /templates/aplicweb_template/css/custom.css  !***/

/* =========================================
   APLICHOST - CORES ORIGINAIS DA MARCA
   ========================================= */

:root {
    /* Mude apenas estes 2 códigos abaixo para a cor do seu logo */
    --primary-color: #COLE_O_CODIGO_AQUI;   /* Ex: Se for Laranja, ponha #ff6600 */
    --secondary-color: #COLE_O_CODIGO_AQUI; /* Pode ser a mesma cor ou um tom mais escuro */
    
    /* Cores Neutras (Não precisa mexer) */
    --body-color: #666666;
    --heading-color: #2a2a2a;
}

/* --- APLICAÇÃO AUTOMÁTICA EM TUDO --- */

/* Textos e Títulos */
body { color: var(--body-color); }
h1, h2, h3, h4, h5, h6, .sppb-addon-title { 
    color: var(--heading-color); 
    font-family: 'Poppins', sans-serif; 
}

/* Links */
a { color: var(--primary-color); text-decoration: none; transition: 0.3s; }
a:hover { color: var(--secondary-color); }

/* Botões (Ficam com a cor do logo) */
.btn-primary, .sppb-btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

/* Topo e Menus */
#sp-top-bar { background-color: var(--primary-color); }
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a {
    color: var(--primary-color) !important;
}

/* Gradiente do Banner Principal (Hero) */
/* Se quiser que o fundo roxo mude para a cor do seu logo também: */
.hero-gradient {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
}