@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800&display=swap);

:root{ 

    font-family: 'Montserrat', sans-serif;

    /* cores padrões */
    --color-primary: #62639e;
    --color-secondary: #62639e;
    --color-tertiary: #696875;
    --color-text: #696875;
    --color-back: #FFF;
    --color-dark: #62639e;
    --color-light: #EFF3F5;
    --color-white: #FFF;

    /* botões */
    --btn-back: linear-gradient(90deg, rgba(98,99,158,1) 0%, rgba(65,72,124,1) 100%);
    --btn-back-hover: #62639e;
    --btn-color: #FFF;
    --btn-color-hover: var(--btn-color);

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

    /* top */
    --top-logo-padding: 10px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 160px;
    --top-logo-height-responsive: 60px;
    --top-back: linear-gradient(90deg, rgba(98,99,158,1) 0%, rgba(65,72,124,1) 100%);    
    --top-nav-back: transparent;
    --top-nav-color: var(--color-white);    
    --top-nav-hover-back: var(--color-white);
    --top-nav-hover-color: var(--color-secondary);
    --top-drop-back: var(--color-white);
    --top-drop-color: var(--color-text);
    --top-drop-hover-back: rgba(0,0,0,0.05);
    --top-drop-hover-color: var(--color-secondary);

    /* footer */
    --footer-back: var(--color-secondary);
    --footer-color: #FFF;
    --footer-copy-back: linear-gradient(90deg, rgba(98,99,158,1) 0%, rgba(65,72,124,1) 100%);
    --footer-copy-color: var(--color-white);
    --footer-icon-color: var(--bar-icon-color);
    --footer-icon-redes-color: var(--bar-icon-redes-color);
    --footer-icon-redes-color-hover: var(--bar-icon-redes-color-hover);

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

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

}

body { font-size: 14px; font-weight: 500; }
header .navbar-nav a { font-size: 0.95em; font-weight:600; padding:10px 15px; letter-spacing:0em; border-radius: 30px; }

.btn-primary { padding: 15px 50px; font-size: 1.1em; border-radius:30px; font-weight: 700; }
.bg-primary { background: #d1c9e1 !important; }
.bg-tertiary { background: var(--color-tertiary) !important; }

.title { font-family: 'Poppins', sans-serif; font-weight: 700; }
.title-text { font-weight: 500; }

#box-welcome { font-size:1.1em; }
#box-welcome .title { font-size: 2.5em; font-weight: 500; }

.box-chamada { font-size: 1.2em; line-height: 1.6em; font-weight:500; }
.box-chamada h2 { font-family: 'Poppins', sans-serif; font-weight: 700; }
.box-chamada .btn { margin-top: 20px; }

.widget-header{background:var(--color-secondary); }
.widget.categoris a:hover{color:var(--color-secondary);}
.widget.last a {  color:var(--color-secondary); }

.photo { height: 500px; display: flex; width: 100%; padding: 0; box-sizing: border-box;  }
.photo .box { flex: 1; overflow: hidden; transition: .5s; margin: 0; line-height: 0; } 
.photo .box > img { width: 200%; height: 100%; object-fit: cover; transition: .5s; opacity: .8; filter: grayscale(1) contrast(1.2); }
.photo .box:hover { flex: 1 1 50%; }
.photo .box:hover > img { width: 100%; height: 100%; opacity: 1; filter: grayscale(0) contrast(1); }