@charset "UTF-8";
/*!
 * Name: 
 * URL: 
 * Author: Dripower Produtora
 * Author URL: https://dripowerprodutora.com.br
 * Version: 1.0.0
 * Licence: GNU General Public License v2 or later
 */

 html {text-rendering:optimizeLegibility}
 body {
    line-height:1.65rem;
    overflow:auto;
     scroll-behavior:smooth;
     background-color:rgb(var(--background-color));
     font-family:Lato, sans-serif;
     font-weight:400;
     font-size:1rem;
     color:rgb(16,17,18);
     transition:backgroud-color 220ms ease-out;
     -webkit-font-smoothing:antialiased
 }


.wrap {
    max-width:1600px;
    display:block;
    margin:0 auto
}
@media (max-width:600px), (min-width:1600px) {
    .wrap {padding-right:1rem; padding-left:1rem}
}
@media (min-width:600px) and (max-width:1600px) {
    .wrap {padding-right:2rem; padding-left:2rem}
}

body::-webkit-scrollbar {width:.325rem}
body::-webkit-scrollbar-track {background-color:transparent}
body::-webkit-scrollbar-thumb {background-color:rgb(var(--theme-color))}

h1, h2, h3, h4, h5, h6, p, li {
    word-wrap:break-word;
    word-break:break-word;
    word-spacing:normal;
}

img {max-width:100%; max-height:100%; object-fit:cover}

.serif {font-family:Lora, serif}

.skeleton {
    overflow:hidden;
    border-radius:5px;
    background-color:rgba(142,142,148,.8) !important;
    color:transparent;
    position:relative
}
.skeleton::after {
    content:'';
    background-image:linear-gradient(90deg, rgb(255,255,255,.1) 0%, rgba(255,255,255,.2) 20%, rgba(255,255,255,.5) 60%, rgb(255,255,255,.1) 100%);
    animation:shimmer 2s infinite;
    transform:translateX(-100%);
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    top:0
}

::-moz-selection {background-color:rgba(46,86,116,.6); color:rgb(255,255,255)}
::selection {background-color:rgba(46,86,116,.8); color:rgb(255,255,255)}
:root {
    --theme-color:225,183,93/*186,10,96*/;
    --theme-2nd-color:154,23,28/*186,10,96*/;
    --main-nav-height:6rem;
}

.background-modal {
    z-index:10;
    width:100vw;
    height:100vh;
    display:block;
    background-color:rgba(0,0,0,.1);
    -webkit-backdrop-filter:blur(8px) grayscale(1);
    backdrop-filter:blur(8px) grayscale(1);
    transition: all 180ms ease-in-out;
    position: fixed;
    bottom:0;
    right:0;
    left:0;
    top:0
}

/* ========================================================
    Alertas
======================================================== */
.alert {
    z-index:3;
    width:calc(100% - 1rem);
    min-height:3rem;
    line-height:1.65rem;
    display:block;
    margin:1rem auto;
    padding:1rem 2rem;
    border-radius:3px;
    background-color:rgb(40,100,220);
    box-shadow:0 0 3px rgba(0,0,0,.2);
    font-weight:500;
    font-size:1.1625rem;
    color:rgb(250,250,255);
    text-align:center;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.alert.warning {background-color:rgb(248,200,8)}
.alert.danger {background-color:rgb(240,40,60)}
.alert.success {background-color:rgb(40,200,80)}
.alert .alert-progress {
    z-index:0;
    max-width:100%;
    height:.25rem;
    display:block;
    border-radius:3px 3px 0px 0px;
    background-color:rgba(255,255,255,.4);
    transition:width 500ms ease-out;
    position:absolute;
    left:0;
    top:0
}

.centered {justify-content:center; align-items:center}
.column-center-start {justify-content:flex-start; align-items:center}
.column-center-evently {justify-content:space-evenly; align-items:center}

/* ========================================================
    Menu Principal
======================================================== */
.main-navigation {
    z-index:9;
    width:100%;
    max-width:100vw;
    height:var(--main-nav-height);
    line-height:var(--main-nav-height);
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    background-color:rgb(255,255,255);
    transition:height 180ms ease-out, background-color 120ms ease-in;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    position:fixed; 
    right:0;
    left:0;
    top:0
}
.main-navigation.fixed {
    height:calc(var(--main-nav-height) * .8);
    line-height:calc(var(--main-nav-height) * .8);
    background-color:rgb(var(--theme-2nd-color));
    color:rgb(255,255,255);
    box-shadow:0px 3px 10px 10px rgba(0,0,0,.1)
}

.main-navigation.fixed a {padding:0 2rem}
.main-navigation.fixed a:hover,
.main-navigation.fixed a.selected {color:rgb(var(--theme-color))}

.main-navigation a {
    display:inline-block;
    padding:0 3rem;
    font-weight:500;
    font-size:1.25rem;
    color:inherit;
    text-decoration:none;
    transition:color 120ms ease-in, text-shadow 220ms ease-in, padding 220ms ease-out;
}
.main-navigation:not(.fixed) a:hover,
.main-navigation:not(.fixed) a.selected {color:rgb(var(--theme-color))}
.main-navigation a.selected {pointer-events:none !important}

@media (max-width:680px) {
    .main-navigation {
        padding-left:3rem;
        white-space:nowrap;
        overflow-y:hidden;
        overflow-x:auto;
    }
}

/* ========================================================
    Seções
======================================================== */
.section {
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    background-color:transparent;
    transition:background-color 175ms ease-out
}
.section.nav-safe {padding-bottom:calc(var(--main-nav-height) * .9) !important; padding-top:calc(var(--main-nav-height) * .9) !important}
.section.parallax {z-index:-1; position:fixed; left:0; top:0}
.section.backdrop {
    background-color:rgba(250,250,250,.6);
    -webkit-backdrop-filter:blur(12px) brightness(1);
    backdrop-filter:blur(12px) brightness(1)
}
.section.backdrop.dark {
    background-color:rgba(42,42,46,.6);
    -webkit-backdrop-filter:blur(8px) grayscale(.4);
    backdrop-filter:blur(12px) grayscale(.4)
}
.section.dark,
.section.highlight,
.section.text-light {color:rgb(250,250,250)}

.section.light {background-color:rgb(250,250,250)}
.section.dark {background-color:rgb(42,42,46)}
.section.highlight {background-color:rgb(var(--theme-color))}
.section.secondary {background-color:rgb(var(--theme-2nd-color))}
.section::-webkit-scrollbar {width:.2rem}
.section::-webkit-scrollbar-track {background-color:transparent}
.section::-webkit-scrollbar-thumb {background-color:rgb(12,12,12)}

.section.highlight a,
.section.secondary a {color:inherit; text-decoration:none; transition:color 120ms ease-in-out}
.section.highlight a:hover,
.section.secondary a:hover {color:rgb(var(--theme-color))}

.section.put-vertical-padding {padding-bottom:2rem; padding-top:2rem}
.section.put-horizontal-padding {padding-right:2rem; padding-left:2rem}

.section .section-title {
    width:100%;
    line-height:3.25rem;
    display:block;
    margin-bottom:2rem;
    letter-spacing:6px;
    font-weight:900;
    font-size:2.65rem;
    text-align:left;
    text-transform:uppercase
}
.section .section-title.highlight {color:rgb(var(--theme-color))}
.section .section-title.secondary {color:rgb(var(--theme-2nd-color))}
.section .section-title.center {text-align:center}
.section .section-title.right {text-align:right}

.section .content {
    line-height:125%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:flex-start;
    align-content:center;
    align-items:center;
    font-weight:400;
    font-size:1.15rem;
    text-align:justify;
    word-spacing:0;
}
.section .content::after {content:''; display:table; clear:both}
.section .content.with-side {flex-direction:row; flex-wrap:nowrap}
.section .content.with-side .principal {flex-grow:3}
.section .content.with-side .secondary {flex-grow:1}
.section .content.with-side {flex-direction:row; flex-wrap:nowrap}
.section .content.with-side .w20 {flex-basis:20%}
.section .content.with-side .w30 {flex-basis:30%}
.section .content.with-side .w40 {flex-basis:40%}
.section .content.with-side .w50 {flex-basis:50%}
.section .content.with-side .w60 {flex-basis:60%}
.section .content.with-side .w70 {flex-basis:70%}
.section .content.with-side .w80 {flex-basis:80%}

@media (max-width:340px) {
    .section .section-title {line-height:2.65rem; font-size:2rem}
}

@media (max-width:960px) {
    .section .content.with-side {flex-direction:column; flex-wrap:wrap}
    .section .content.with-side .w20, .section .content.with-side .w30,
    .section .content.with-side .w40, .section .content.with-side .w50,
    .section .content.with-side .w60, .section .content.with-side .w70,
    .section .content.with-side .w80 {width:100%}
}

.section .content a {
    display:inline-block;
    font-weight:500;
    color:inherit;
    text-decoration:none;
    transition:all 120ms ease-in;
    position:relative
}
.section .content a::after {
    content:'';
    width:0%;
    height:2px;
    display:block;
    background-color:rgb(var(--theme-color));
    transition:width 175ms ease-out;
    transform:translateX(-50%);
    position:absolute;
    bottom:2px;
    right:50%;
    left:50%
}
.section .content a:hover {color:rgb(var(--theme-color))}
.section .content a:active::after {width:100%}

.section .content .put-padding-right {padding-right:2rem}
.section .content .put-padding-left {padding-left:2rem}
.section .content .put-margin-right {margin-right:2rem}
.section .content .put-margin-left {margin-left:2rem}

.section .content .text-large {font-size:1.325rem}

@media (max-width:960px) {
    .section .content .put-padding-right {padding-bottom:1rem; padding-right:initial}
    .section .content .put-padding-left {padding-top:1rem; padding-left:initial}
    .section .content .put-margin-right {margin-bottom:1rem; margin-right:initial}
    .section .content .put-margin-left {margin-top:1rem; margin-left:initial}
}

.section .list {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}

.section .list > .item {
    line-height:1.65rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:1rem;
    margin:1rem 0;
    font-size:1.325rem
}
.section .list > .item .name {
    letter-spacing:2px;
    display:block;
    margin-bottom:.65rem;
    font-weight:600;
    font-size:1.425rem
}

.section-with-side {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:stretch
}

.section.h-full,
.section-with-side.h-full {min-height:100vmin}

.section-with-side .w20 {width:20%}
.section-with-side .w30 {width:30%}
.section-with-side .w40 {width:40%}
.section-with-side .w50 {width:50%}
.section-with-side .w60 {width:60%}
.section-with-side .w70 {width:70%}
.section-with-side .w80 {width:80%}

@media (max-width:960px) {
    .section-with-side {flex-direction:column}
    .section-with-side .w20, .section-with-side .w30,
    .section-with-side .w40, .section-with-side .w50,
    .section-with-side .w60, .section-with-side .w70,
    .section-with-side .w80 {width:100%}
}

.image {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.image .rounded {border-radius:4px}
.image .caption {
    display:block;
    padding:.65rem 0;
    font-weight:300;
    font-style:italic;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

.video {
    max-width:100%;
    max-height:100%;
    display:block;
    margin:auto;
}
.video.in-background {z-index:0; pointer-events:none !important}

.dropdowns {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.dropdowns > .dropdown {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    padding:1.65rem;
    margin:1rem .25rem;
    background-color:rgb(var(--theme-2nd-color));
}
.dropdowns > .dropdown.w25 {flex-basis:calc(25% - .5rem)}
.dropdowns > .dropdown.w50 {flex-basis:calc(50% - .5rem)}
.dropdowns > .dropdown.w100 {flex-basis:calc(100% - .5rem)}
.dropdowns > .dropdown .header {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1rem;
    font-weight:600;
    font-size:2rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.dropdowns > .dropdown .header .btn,
.dropdowns > .dropdown .header .button {
    cursor:pointer;
    display:block;
    padding:1rem .65rem;
    transition:transform 120ms ease-out
}
.dropdowns > .dropdown .header .btn:active,
.dropdowns > .dropdown .header .button:active {transform:scale(.9)}
.dropdowns > .dropdown .header .plus {pointer-events:none !important; width:1.25rem; height:3px; display:block; background-color:rgb(var(--theme-color))}
.dropdowns > .dropdown .header .plus::after {
    content:'';
    width:1.25rem;
    height:3px;
    display:block;
    background-color:rgb(var(--theme-color));
    transform:rotateZ(90deg);
    transition:transform 180ms ease-in-out
}
.dropdowns > .dropdown .header .plus.minus::after {transform:rotateZ(180deg)}
.dropdowns > .dropdown .content,
.dropdowns > .dropdown .answer {width:100%; max-height:0; display:block; overflow:hidden; font-size:1.25rem; transition:max-height 360ms ease-in-out}

/* ========================================================
    Formulario
======================================================== */
.page-form {
    width:32rem;
    max-width:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

.page-form .form-area {
    max-width:100%;
    display:block;
    margin:.25rem 0;
    border-radius:2px;
    border:1px solid rgba(120,120,120,.625);
    transition:border-color 220ms ease-in-out
}
.page-form .form-area:hover {border-color:rgb(var(--theme-color))}
.page-form .form-area.warning {border-color:rgb(248,200,8)}
.page-form .form-area.danger {border-color:rgb(240,40,60)}
.page-form .form-area.success {border-color:rgb(40,200,80)}
.page-form .form-legend {
    max-width:100%;
    display:block;
    padding:.25rem;
    font-weight:600;
    color:rgba(120,120,120,.625);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

.page-form input, .page-form textarea {
    width:100%;
    display:block;
    font-weight:400;
    font-size:1.0725rem;
    color:inherit
}
.page-form textarea {
    height:10rem;
    overflow:auto;
    resize:none;
}
.page-form textarea::-webkit-scrollbar {width:.2rem}
.page-form textarea::-webkit-scrollbar-track {background-color:transparent}
.page-form textarea::-webkit-scrollbar-thumb {border-radius:2px; background-color:rgba(120,120,120,.625)}

.page-form .buttons {
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    align-items:center;
    margin:1rem 0
}
.page-form .buttons.left {justify-content:left}
.page-form .buttons.centered {justify-content:center}
.page-form .buttons.right {justify-content:right}

.page-form button {
    display:block;
    border-radius:2px;
    padding:.625rem 1rem;
    margin-right:.325rem;
    margin-left:.325rem;
    background-color:rgb(var(--theme-color));
    letter-spacing:2px;
    font-weight:900;
    color:rgb(250,250,250);
    text-transform:uppercase;
    transition:background-color 175ms ease-out, transform 120ms ease-in;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.page-form button.secondary {background-color:rgb(var(--theme-2nd-color))}
.page-form button:last-of-type {margin-right:0}
.page-form button:first-of-type {margin-left:0}
.page-form button:hover {background-color:rgb(12,12,12)}
.page-form button:active {transform:scale(.9)}
@media (max-width:300px) {
    .page-form .buttons {flex-direction:column !important}
    .page-form button {
        width:100%;
        margin:.25rem 0
    }
}

/* ========================================================
    Social
======================================================== */
:root {
    --whatsapp-color:83,203,105;
    --whatsapp-2nd-color:42,188,79;
}
.whatsapp-gradient {
    --gradient-value:0deg, rgb(var(--whatsapp-2nd-color)) 50%, rgb(var(--whatsapp-color)) 100%;
    
    background-image:-webkit-linear-gradient(var(--gradient-value));
    background-image:-moz-linear-gradient(var(--gradient-value));
    background-image:-o-linear-gradient(var(--gradient-value));
    background-image:linear-gradient(var(--gradient-value))
}
.whatsapp-background,
.whatsapp-bg {background-color:rgb(var(--whatsapp-color))}
.whatsapp-color {color:rgb(var(--whatsapp-color))}

.social-fixed {
    z-index:9;
    width:3.65rem;
    height:3.65rem;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    animation:pulse-whatsapp 1s infinite;
    transition:transform 120ms ease-in-out;
    position:fixed;
    bottom:1.25rem;
    right:1.25rem
}
.social-fixed:hover {cursor:pointer; transform:translateY(-10%)}
.social-fixed:active {transform:translateY(10%)}
.social-fixed .icon {width:2.65rem; height:2.65rem}


/* ========================================================
    Rodapé
======================================================== */
.website-footer {
    line-height:2rem;
    display:block;
    padding:2rem 0;
    background-color:rgb(0,0,0);
    font-weight:600;
    font-size:.925rem;
    color:rgb(250,250,250);
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}