@charset "UTF-8";
* {
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: 0;
    outline: 0;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}
body {
    background-color:#121214;
}
html {
    font-size: 62.5%;
}
.Head {
    display: flex;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
}
.Head .BoxH {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 91.1%;
    max-width: 1119px;
    margin-left: auto;
    margin-right: auto;
}
.Head .BoxH .LogoIn {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}
.Head .BoxH .LogoIn > * {
    color: #737380;
}
.LogoIn img {
    margin-right: 10px;
}
.LogoIn br {
    display: none;
}
.BoxH .BoxLink {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c52d2f;
    border-radius: 7px;
    font-size: 1.3rem;
    height: 40px;
    width: 120px;
}
.Corpo {
    width: 90%;
    max-width: 1125px;
    margin-top: 125px;
    margin-bottom: 350px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
}
.In {
    background-image: url(../img/Dflash_In.jpg);
    background-size: cover;
    width: 100%;
    max-width: 1119px;
    height: 555px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-end;
}
.InMenu {
    width: 100%;
    max-width: 733px;
    height: 99px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.In p {
    width: 303px;
    line-height: 2.6rem;
    font-size: 1.7rem;
    text-shadow: 2px 1px 2px black;
    text-align: end;
}
p span {
    color: #EC1F24;
}
.In a {
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 303px;
    height: 60px;
    background-color: #EC1F24;
    font-size: 2rem;
}
.BoxPro {
    margin-top: 125px;
    display: flex;
    flex-direction: column;
}
.BoxPro .TxtPre {
    margin-bottom: 70px;
}
.BoxPro .TxtPre h2 {
    font-size: 4.4rem;
    color: #e1e1e6;
    margin-bottom: 20px;
}
.BoxPro .TxtPre p {
    font-size: 1.8rem;
    color: #a8a8b3;
}
.BoxPro .BoxPre {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    height: fit-content;
    width: auto;
}
.BoxPro .BoxPre > * {
   margin-bottom: 69px;
}
.BoxPro .BoxPre .Pre {
    border-radius: 5px;
    width: 250px;
    height: 360px;
    background-color: #202024;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
}
.PreNovo {
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #121214 1%, #c52d2f 20%);
    height: 361px;
    width: 252px;
    padding-left: 1px;
}
.Novidades {
    width: 200px;
    height: 391px;
    background-image: linear-gradient(to bottom, #121214 1%, #c52d2f);
    border-radius: 6px;
    position: relative;
    left: 67px;
    bottom: 360px;
    z-index: -1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.Novidades > * {
    height: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 1.4rem;
}
.BoxPro .BoxPre .Pre .Prod {
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.BoxPro .BoxPre .Pre .Prod h3 {
    border-radius: 20px;
    padding: 4px;
    text-align: center;
    font-size: 2.1rem;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    width: 80%;
    background-color: #323238;
}
.BoxPro .BoxPre .Pre .Prod p {
    text-align: center;
    font-size: 1.3rem;
}
.Linha {
    border-top: 0.1px solid #323238; 
    margin-top: 10px; 
}
.BoxPro .BoxPre .Pre .BoxList {
    width: 84.31%;
    margin: auto;
    text-align: center;
    height: 182px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
}
#BoxDif {
    justify-content: space-evenly;
}
.List .Net {
    color: #A8A8B3;
}
.List .Din {
    color: #01AA5B;
}
.Pre .LinkInfo {
    background-color: #c52d2f;
    border-radius: 4px;
    font-size: 1.3rem;
    width: 65px;
    align-self: center;
    text-align: center;
    margin-bottom: 16px;
    padding: 5px;
}
.BoxComb {
    margin-top: 125px;
    display: flex;
    flex-direction: column;
}
.BoxComb .TxtComb{
    margin-bottom: 70px;
}
.BoxComb .TxtComb h2 {
    font-size: 4.4rem;
    color: #e1e1e6;
    margin-bottom: 20px;
}
.BoxComb .TxtComb p {
    font-size: 1.8rem;
    color: #a8a8b3;
}
.BoxComb .Combs {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    height: fit-content;
    width: auto;
}
.BoxComb .Combs > * {
   margin-bottom: 69px;
}
.BoxComb .Combs .Comb{
    border-radius: 5px;
    width: 282px;
    height: 420px;
    background-color: #202024;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
}

.CombMais {
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #121214 1%, #c52d2f 20%);
    height: 421px;
    width: 283px;
    padding-left: 1px;
}
.MaisConp {
    width: 219px;
    height: 394px;
    background-image: linear-gradient(to bottom, #121214 1%, #c52d2f);
    border-radius: 6px;
    position: relative;
    left: 67px;
    bottom: 360px;
    z-index: -1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.MaisConp > * {
    height: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 1.4rem;
}

.BoxComb .Combs .Comb .TitComb {
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.BoxComb .Combs .Comb .TitComb .PlusComb {
    color: #EC1F24;
    cursor: default;
    font-size: 3.5rem;
    height: 30px;
    width: fit-content;
    line-height: 20px;
    position: relative;
    left: 255px;
    top: 6px;
}
.TitComb h3 {
    border-radius: 20px;
    border: #c52d2f 1px solid;
    padding: 4px;
    text-align: center;
    font-size: 2.1rem;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: px;
    width: 80%;
    background-color: #323238;
}
.TitComb p {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    background-color: #c52d2f;
    padding-bottom: 8px;
    padding-top: 8px;
    max-height: 60px;
    height: 100%;
}

.LinhaComb {
    border-top: 0.1px solid #323238; 
    margin-bottom: 18px; 
}
.CombList {
    width: 84.31%;
    margin: auto;
    text-align: center;
    height: 182px;
    justify-content: space-around;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.List {
    text-align: end;
    margin-bottom: 15px;
}
.List:last-child {
    margin-bottom: 0px;
}
.List .Net {
    color: #A8A8B3;
}
.Combs .LinkInfo {
    background-color: #c52d2f;
    border-radius: 4px;
    font-size: 1.5rem;
    width: 75px;
    align-self: center;
    text-align: center;
    margin-bottom: 16px;
    padding: 5px;
}
.Pro {
    color: white;
    text-decoration: line-through;
    font-size: 1.3rem;
    margin-right: 2%;
}
.Patro {
    margin-top: 115px;
    display: flex;
    flex-direction: column;
}
.Patro #TituloPatro {
    width: 100%;
    max-width: 400px;
    height: 84px;
    font-size: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
} 
.Patro #BoxPatro {
    padding-top: 90px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
#BoxPatro picture {
    width: fit-content;
    height: fit-content;
}
.Patro #BoxPatro picture .ImgPatro {
    width: fit-content;
    height: fit-content;
}
.Rodape {
    background-color: #0D0D0F;
}
.Rodape .BoxRod {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.Rodape .BoxRod .Mapa {
    border-radius: 6px;
    background-color: #202024;
    width: 100%;
    max-width: 1119px;
    height: 360px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    position: relative;
    bottom: 155px;
}
.Mapa .ListRod {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    flex-flow: row;
    justify-content: center;
}
.Mapa .ListRod .Endereço {
    display: flex;
    flex-direction: column;
}
.Mapa .ListRod .Endereço > * {
    list-style: none;
    font-size: 1.4rem;
    margin-right: 60px;
}
.ListRod .Endereço ul:first-child {
    margin-bottom: 20px;
}
.ListRod .Endereço ul h3 {
    font-size: 1.7rem;
    margin-bottom: 6px;
    color: #EC1F24;
}
.ListRod .Endereço ul li p:last-child {
    margin-bottom: 10px;
}
.WhatsApp {
    color: #04D361;
    font-size: 1.5rem;
}
.SAC {
    color: #A8A8B3;
    font-size: 1.5rem;
}
.ListRod .Horario > * {
    list-style: none;
    font-size: 1.4rem; 
}
.ListRod .Horario ul li h3 {
    font-size: 1.7rem;
    color: #EC1F24;
}
.ListRod .Horario ul li {
    margin-bottom: 20px;
}
.ListRod .Horario ul li:first-child {
    margin-bottom: 6px;
}
.ListRod .Horario ul li:last-child {
    margin-bottom: 0;
}
.Mapa .SitePrin {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 288px;
}
.SitePrin .Duvid {
    font-size: 1.4rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
}
.Duvid img {
    width: 48px;
    height: 48px;
    margin-right: 5px;
    background-color:  #25D366 ;
    box-shadow: inset  0px 0px 9px 0px black;
    border-radius: 13px;
    padding: 5px;
}
.Duvid h2 {
    color: #EC1F24;
    margin-bottom: 7px;
}
.Duvid p span {
    color: #04D361;
}
.SitePrin .But_SitePrin {
    background-color: #EC1F24;
    border-radius: 6px;
    font-size: 1.6rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 190px;
    height: 40px;
    padding: 25px;
}
.BoxRod .Final {
    width: 90%;
    max-width: 1119px;
    font-size: 1.6rem;
    display: flex;
    flex-direction: row;
    padding: 3px;
    position: relative;
    bottom: 80px;
}
.Final .BoxRede {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.BoxRede #LogoFinal {
    width: 121px;
    height:56px;
    padding: 3px;
}
.BoxRede .Rede {
    display: flex;
    flex-direction: row;
    margin-top:15px;
    padding: 3px;
}
.Rede .RedeSocial {
    margin-right: 6px;
    padding: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EC1F24;
    border-radius: 5px;
    width: 21px;
    height: 21px;
}
.Rede a picture {
    width: fit-content;
    height: fit-content;
    margin-top: 3px;
    margin-right: 1px;
}
.Rede a picture img {
    width: 21px;
    height: 21px;
}
.Final .Direitos {
    font-size: 1.6rem;
    height: fit-content;
    margin-top: auto;
    margin-bottom: 1px;
    margin-right: auto;
    margin-left: 15px;
}
.Direitos p {
    color: #acacbd;
}
.Direitos p a {
    color: #EC1F24;
    cursor: pointer;
}
.Final .MapaSite {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.MapaSite .Naveg > * {
    border-left: solid 1px #a8a8b3;
    color: #a8a8b3;
    padding-right: 10px;
    padding-left: 10px;
}
.Naveg a:first-child {
    border-left: none;
}
.MapaSite .Sobre {
    display: flex;
    padding: 3px;
    align-self: flex-end;
    width: fit-content;
}
.MapaSite .Sobre a {
    background-color: #29292E;
    border-radius: 3px;
    padding: 5px;
    width: 93px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1170px) {
    .BoxPro .BoxPre > * {
        margin-left: 7px;
        margin-right: 7px; 
    }
    .BoxPro .BoxPre {
        justify-content: space-around;
    }
}
@media (max-width: 1054px) {
    .Mapa .ListRod .Endereço > * {
        margin-right: 10px;
    }
    .BoxRod .Final {
        flex-flow: wrap;
        justify-content: space-between;
    }
    .Final .BoxRede {
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
    }
    .BoxRede #LogoFinal {
        width: 121px;
        height:56px;
        padding: 0px;
        margin-bottom: 20px;
    }
    .BoxRede .Rede {
        /* flex-direction: column; */
        justify-content: center;
        align-items: center;
        padding: 0;
        margin-top:0;
    }
    .Rede .RedeSocial {
        margin-right: 0px;
        padding: 17px;
        width: 21px;
        height: 21px;
    }
    .Rede .RedeSocial:first-child {
        margin-right: 8px;
    }
    .Rede a img {
        width: none;
        height: none;
    }
    .Final .Direitos {
        order: 3;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: auto;
    }
    .Final .MapaSite {
        width: fit-content;
        height: fit-content;
        padding: 0;
    }
    .MapaSite .Naveg {
        display: flex;
        flex-direction: row;
    }
    .MapaSite .Naveg > * {
        margin-bottom: 50px;
        margin-right: 10PX;
        padding-right: 1px;
    }
    .MapaSite .Naveg a:last-child {
        margin-right: 0;
    }
    .MapaSite .Sobre {
        padding: 3px;
        align-self: flex-start;
        width: fit-content;
    }
    .MapaSite .Sobre a {
        padding: 0px; 
    }
}
@media (max-width: 986px) {
    .BoxComb .Combs {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
        justify-content: space-around;
        height: fit-content;
        width: auto;
    }
    .BoxComb .Combs > * {
        margin-left: 7px;
        margin-right: 7px;
    }
}
@media (max-width: 966px) {
    .Patro #BoxPatro {
        display: flex;
        justify-content: space-evenly;
    }
    .Patro #BoxPatro picture {
        width: fit-content;
        height: fit-content;
        margin-left: 26px;
        margin-right: 26px;
    }
}
@media (min-width: 952px) {
    .Duvid p br {
        display: none;
    }
}
@media (max-width: 902px) {
    .Final .Direitos {
        font-size: 1.45rem;
    }
}
@media (max-width: 872px) {
    .BoxRod .Final {
        flex-flow: wrap;
        justify-content: space-between;
    }
    .Final .BoxRede {
        flex-direction: row;
        width: 100%;
        margin-bottom: 10px;
    }
    .Final .Direitos {
        order: 3;
        margin-right: 0;
        margin-left: 0;
    }
    .Final .MapaSite {
        width: fit-content;
        height: fit-content;
        margin-left: 13px;
        padding: 0;
    }
    .MapaSite .Naveg {
        display: flex;
        flex-direction: column;
    }
    .MapaSite .Naveg > * {
        border-left: none;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 7px;
        width: fit-content;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .Naveg a:last-child {
        margin-bottom: 25px;
    }
    .MapaSite .Sobre {
        padding: 0;
        align-self: center;
    }
    .MapaSite .Sobre a {
        padding: 0; 
    }
}
@media (max-width: 820px) {
    .In {
        background-image: url(../img/Dflash_In-801px_397px.jpg);
        background-size: cover;
        width: 100%;
        max-width: 1119px;
        height: 397px;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-end;
    }
    .InMenu {
        width: 100%;
        max-width: 533px;
        height: 81px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .In p {
        width: 241px;
        line-height: 2.3rem;
        font-size: 1.4rem;
        text-shadow: 2px 1px 2px black;
        text-align: end;
    }
    p span {
        color: #EC1F24;
    }
    .In a {
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 241px;
        height: 50px;
        background-color: #EC1F24;
        font-size: 2rem;
    }
}
@media (max-width: 768px) {
    .Head .BoxH {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-left: auto;
        margin-right: auto;
    }
    .Head .BoxH .LogoIn {
        font-size: 1.28rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .LogoIn img {
        margin-right: 0px;
        margin-bottom: 35px;
    }
    .BoxH .BoxLink {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #c52d2f;
        border-radius: 7px;
        font-size: 1.3rem;
        height: 40px;
        width: 120px;
        margin-top: 20px;
    }
    .Rodape .BoxRod .Mapa {
        flex-direction: column;
        padding-top: 35px;
        padding-bottom: 35px;
        height: fit-content;
    }
    .Mapa .ListRod {
        margin-bottom: 25px;
    }
    .Mapa .ListRod .Endereço {
        flex-direction: row;
    }
    .Mapa .ListRod .Endereço > * {
        width: fit-content;
    }
    .ListRod .Endereço ul:first-child {
        margin-bottom: 5px;
    }
    .ListRod .Horario > * {
        width: fit-content;
    }
    .Mapa .SitePrin {
        height: 190px;
    }
    .Duvid p br {
        display: none;
    }
}
@media (max-width: 726px) {
    .Patro #BoxPatro picture {   
        margin-left: 0px;
        margin-right: 0px;
     }
}
@media (max-width: 602px) {
    .Patro #BoxPatro picture {
       flex-basis: 33%;
       margin-left: 0px;
       margin-right: 0px;
    }
    .Patro #BoxPatro picture .ImgPatro  {
       width: 100%;
       height: 100%;
    }
    .Patro #BoxPatro picture:last-child {
       flex-basis: 28%;
    }
}
@media (max-width: 600px) {
    html {
        font-size: 62.5%;
    }
    .Mapa .ListRod {
        flex-direction: column;
    }
    .Mapa .ListRod .Endereço > * {
        margin-right: 0;
    }
    .ListRod .Endereço   {
        margin: auto;
        margin-bottom: 5px;
    }
    .Mapa .ListRod .Endereço ul:first-child {
        min-width: fit-content;
        margin-right: 4px;
    }
    .Mapa .ListRod .Endereço ul:last-child {
       min-width: fit-content;
    }
    .ListRod .Horario {
       margin: auto;
    }
}
@media (max-width: 555px) {
    .In {
        background-image: url(../img/Logo\ com\ Faixa\ 494\ x423-NEW_cort.png);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 453px;
    }
    .InMenu {
        height: 147px;
        flex-direction: column;  
    }
    .In p { 
        line-height: 2rem;
        text-align: center;
    }
}
@media (max-width: 544px) {
    .Final .Direitos {
        border-top: 1px #202024 solid;
        height: 60px;
        width: 100%;
        margin-top: 35px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: 0px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
}
@media (max-width: 425px) {
    .In {
        height: 420px;
    }
    .In a {
        width: 191px;
        height: 50px;
        font-size: 1.6rem;
    }
    .Patro #BoxPatro {
        padding-top: 35px;
    }
    .Duvid p br {
        display: grid;
    }
    .Rodape .BoxRod .Mapa {
        border-left: 5px #12121400 solid;
        border-right: 5px #12121400 solid;
    }
    .SitePrin .But_SitePrin {
        width: 160px;
        height: 44px;
        padding: 20px;
    }
    .Head .BoxH .LogoIn { 
        font-size: 1.2rem;
    }
    .LogoIn img {
        margin-right: 0px;
        width: 121px;
        height: 67px;
    }
    .LogoIn br {
        display: table;
    }
    .BoxH .BoxLink {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #c52d2f;
        border-radius: 7px;
        font-size: 1.2rem;
        padding: 1px;
        height: 38px;
        width: 115px;
    }
}
@media (max-width: 375px) {
    .BoxComb .Combs > * {
        margin-left: 0;
        margin-right: 0;
    }
    .Mapa .ListRod .Endereço {
        flex-direction: column;
    }
    .Final .Direitos {
        font-size: 1.15rem;
        
       
    }
}
@media (max-width: 359px) {
    .Final .BoxRede {
        flex-direction: column;
        align-items: center;
        width: fit-content;
        height: fit-content;
    }
    .BoxRede #LogoFinal {
        width: 101px;
        height:46px;
        margin-bottom: 16px;
    }
    .BoxRede .Rede {
        justify-content: center;
        align-items: center;
        padding: 0;
        margin-top:0;
    }
    .Rede .RedeSocial {
        margin-right: 0px;
        padding: 15px;
        width: 11px;
        height: 11px;
    }
    .Rede .RedeSocial:first-child {
        margin-right: 8px;
    }
    .Rede a img {
        width: 19px;
        height: 19px;
    }
}
@media (max-width: 320px) {
    .In {
        height: 385px;
    }
    .In a {
        width: 135px;
        height: 44px;
        font-size: 1.4rem;
    }
    .Duvid p br {
        display: none;
    }
    .Patro #TituloPatro {  
        /* font-size: 2.7rem; */
        font-size: 1.8rem;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: none;
    }

}

.fadeInDown {
    animation: fadeInDown 1s ease-in-out infinite;
    opacity: 0;
    
}

.ani-color {
    transition-property: background-color;
    transition: 0.2s all ease;
}

.ani-color:hover {
    background-color: #e93a3d;
}

.ani-color-char {
    transition-property: color;
    transition: 0.2s all ease;

}

.ani-color-char:hover {
    color: #e0474a;
}

.ani-color-char-red {
    transition-property: color;
    transition: 0.2s all ease;
}

.ani-color-char-red:hover {
    color: #EC1F24;
}