@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


:root{ 

    font-family: 'Roboto Condensed', sans-serif;

    /* cores padrões */
    --color-primary: #132330;
    --color-secondary: #B1822A;
    --color-tertiary: #0D3879;
    --color-text: #623E2F;
    --color-back: #FCFAF5;
    --color-dark: #0C151D;
    --color-light: #FAF4EF;

    /* botões */
    --btn-back: var(--color-secondary);
    --btn-back-hover: #9F7526;
    --btn-color: var(--color-primary);
    --btn-color-hover: var(--btn-color);

    /* top bar */
    --bar-back: var(--color-primary);
    --bar-color: rgba(255,255,255,0.7);
    --bar-icon-color: var(--color-secondary);
    --bar-icon-redes-color: var(--color-secondary);
    --bar-icon-redes-color-hover: var(--color-secondary);

    /* top */
    --top-logo-padding: 10px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 160px;
    --top-logo-height-responsive: 60px;
    --top-back: transparent;    
    --top-nav-back: transparent;
    --top-nav-color: rgba(255,255,255,1);    
    --top-nav-hover-back: transparent;
    --top-nav-hover-color: rgba(255,255,255,0.7);
    --top-drop-back: #FFF;
    --top-drop-color: var(--color-primary);
    --top-drop-hover-back: #FFF;
    --top-drop-hover-color: var(--color-secondary);

    /* footer */
    --footer-back: var(--color-primary);
    --footer-color: rgba(255,255,255,0.7);
    --footer-copy-back: var(--footer-back);
    --footer-copy-color: rgba(255,255,255,0.5);
    --footer-icon-color: rgba(255,255,255,0.7);
    --footer-icon-redes-color: rgba(255,255,255,0.7);
    --footer-icon-redes-color-hover: rgba(255,255,255,0.7);

    /* title */
    --title-color: var(--color-text);
    --title-line-color: var(--color-secondary);
    --title-line-size: 150px;
    --title-post-color: var(--color-text);

    --title-internal-color: var(--title-post-color);
    --title-internal-back: var(--color-light);

}

body {  font-size: 15px; font-weight: 400; letter-spacing: 0; }

header { position: absolute; width: 100%; z-index: 999; }
header .navbar-brand img { /*filter: brightness(0) invert(1);*/ } 
header .navbar-nav a { font-size: 1.4em; font-weight:700; padding:10px 15px; text-transform: uppercase; letter-spacing: 0em;  }
header .navbar-nav a.fab { padding: 10px 5px; font-weight: 400; } 
header .navbar-nav .dropdown-menu a { font-size: 0.95em; font-weight:600;padding:7px 20px; text-shadow: none; text-transform: uppercase; }

.btn-secondary,.btn-secondary:active,.btn-secondary:visited{background:#FFF;color:var(--color-primary);border:0;font-size:1.1em;font-weight:500;padding:7px 40px;letter-spacing:0em;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}
.btn-secondary:hover,.btn-secondary:focus{color:var(--color-primary);background:#E9E9E9; }

.btn-primary, .btn-secondary, .btn-whats { padding: 12px 60px !important; font-size: 1em !important; border-radius:30px !important; font-weight: 700 !important; }
.btn-primary { color: #FFF !important; } 
.btn-whats { background: #25D366; color: #FFF !important; } 

.text-primary { color: var(--color-primary) !important; }

.bg-gradient { background: linear-gradient(300deg,var(--color-secondary),var(--color-primary),var(--color-tertiary)); background-size: 180% 180%; animation: gradient-animation 18s ease infinite; }
.bg-primary { background: var(--color-primary) !important; }
.bg-secondary { background: var(--color-secondary) !important; }
.bg-tertiary { background: var(--color-tertiary) !important; }
.bg-dark { background: var(--color-dark) !important; color: #FFF; }
.bg-dark .title { color: #FFF; } 
.bg-primary .title { color: #FFF !important; } 

.box-chamada { font-size: 1.2em; line-height: 1.8em; font-weight:500; }
.box-chamada h2 { font-size: 3.3em; font-weight: 900; color: var(--color-primary); }
.box-chamada h3 { font-size: 2.8em; font-weight: 900; color: var(--color-primary); }
.box-chamada .btn { margin-top: 30px; }

.title { font-size: 3rem !important; font-weight: 900; text-transform: uppercase; }
.title span { display: block; font-weight: 600; font-size: 1.4rem; color: var(--color-primary); margin-bottom: 2px; }
.title hr { display: none; }
.title strong { font-size: 1.4em; line-height:1.3em; }
.title-text { margin-top: 10px; font-weight: 500; font-size: 1.2em; line-height: 1.4em; color: var(--color-text); }

.titulo h2{ font-style:normal; font-size:2.6em; font-weight: 900; text-transform: uppercase; padding:60px 0; color: var(--color-primary); }

.post-text{font-size:1.1em;line-height:1.7em;}
.post-text h5 { font-size: 1.2em; font-weight: 600; color: var(--color-text); margin-bottom: 10px; }
.post-text h4 { font-size: 2em; font-weight: 600; color: var(--color-text); margin-bottom: 10px;  }
.post-text h3 { font-size: 1.6em; font-weight: 600; color: var(--color-text); margin-bottom: 10px; }
.post-text ul { padding-left: 20px; }

.widget-header{background:var(--color-primary); }

.slider-main .slider-item { overflow: hidden; }
.slider-main .slider-item img { animation: scale 5s linear infinite; }

footer { border-top: 1px solid rgba(255,255,255,0.05); } 
footer #news{font-weight:400; font-size: 1.2em}
footer #news h4{font-size:2.2em;font-weight:500;line-height: 1.2em}
footer #news h4 strong {font-size:1.5em;font-weight:900;}
footer .copy { border-top: 1px solid rgba(255,255,255,0.05); padding:25px 0; }
footer .redes .icon { font-size: 1.5em; }


@keyframes scale {
  50% { -webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02); -o-transform:scale(1.02); transform:scale(1.02); }
}

@keyframes gradient-animation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (max-width:991.99px){ 
    header #top.navbar .navbar-nav{ padding-bottom: 20px; }
    footer #news{font-size: 1em}
    footer #news h4{font-size:1.2em;}
    footer .redes i { margin: 0 5px !important;  }
    .redes-new a {margin: 0 15px !important; }
    .title { font-size: 2rem !important; }
    .header-foto {  height:80px; } 
    /*header { position: relative; background: var(--color-primary); }*/
    .box-text { padding: 80px 0;  }
    .box-text .text-limit { padding: 60px 0; width: calc(100% - 30px); }
    #menu { background: var(--color-primary); }
    .titulo h2{ font-size:1.6em; padding:20px 0; }
    .box-chamada h2 { font-size: 2.3em; }
    .box-chamada h3 { font-size: 1.8em; }
}

.header-foto { position: relative; width: 100%; height:170px; overflow: hidden; background: var(--color-primary); }

@media (max-width:991.99px){ 
    .header-foto {  height:80px; } 
}