body {

    background-color: black;

    margin: 25px 10% 0px 10%;

    background-repeat: no-repeat;

    background-image: url("Imagens/Todos elementos do site/Auroras.png");

    background-size: cover 150px;

    background-position: 50% -500px;

}



@font-face {

    font-family: 'Montserrat';

    src: url('Fontes/Montserrat-Regular.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat-Light';

    src: url('Fontes/Montserrat-Light.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat-Bold';

    src: url('Fontes/Montserrat-Bold.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat-ExtraBold';

    src: url('Fontes/Montserrat-ExtraBold.ttf') format('truetype');

}



* {

    font-family: 'Montserrat';

}



a:link {

    text-decoration: none;

}



hr {

    border-color: red;

    border: 1px solid red;

    width: 100%

}



p, a {

    color: white;

    font-family: "Montserrat-Light";

    font-size: 24px !important;

}



.texto {

    color: white;

    font-family: "Montserrat-Bold";

    font-size: 50px !important;

    font-weight: bold;

    width: 100%;

    display: inline;

}



.bold {

    font-family: "Montserrat-ExtraBold" !important

}



.div-Mobile {

    display: none !important;

}



.div-Desktop {

    display: block;

}



.slick-track {

    display: flex;

}



.slick-track .slick-slide {

    display: flex;

    height: auto;

    align-items: center;

    justify-content: center;

}



.textoGradient {

    background: -webkit-linear-gradient(rgba(244, 16, 103, 1) 7%, rgba(239, 16, 103, 1) 30%, rgba(219, 11, 211, 1) 92%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: inline;

}



.divLinha {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}



.divItem {

    margin-left: 5px;

}



.flexGrow {

    flex: 1;

}



.maxWidth50 {

    max-width: 50%;

}



.espaco {

    margin-top: 50px;

}



.espacoMedio {

    margin-top: 100px;

}



.espacoGrande {

    margin-top: 150px;

}



.CatazDepoimento {

    border: 3px solid white;

    border-radius: 35px;

    width: 33.3%;

    max-width: 250px;

    min-width: 250px;

    min-height: 350px;

    max-height: 550px;

}



.tdm {

    color: #f91959;

    font-family: "Montserrat-ExtraBold";

    font-size: 24px !important;

    font-weight: black;

    display: flex;

    align-items: center;

}



.btnEntrar {

    font-family: "Montserrat";

    font-size: 14px !important;

    font-weight: bold;

    color: white;

    text-transform: uppercase;

    top: 35%;

    position: relative;

}



.btnComeceAgr {

    background: rgb(244, 16, 103);

    background: linear-gradient(180deg, rgba(244, 16, 103, 1) 7.000000000000001%, rgba(239, 16, 103, 1) 12%, rgba(219, 11, 211, 1) 92%);

}



.btnComeceAgr {

    margin: 10px;

    font-family: "Montserrat";

    font-size: 14px !important;

    font-weight: bold;

    padding: 10px 20px;

    text-align: center;

    text-transform: uppercase;

    color: white;

    border-radius: 5px;

}



.btnAssineAgr {

    background: black;

    border: 4px solid white;

    margin: 10px;

    font-family: "Montserrat";

    font-size: 14px !important;

    font-weight: bold;

    padding: 10px 20px;

    text-align: center;

    text-transform: uppercase;

    color: white;

    border-radius: 5px;

}



.Medium {

    text-align: center;

    font-size: 15px !important;

    font-weight: bold;

    width: 100px;

    padding: 20px 30px 20px 30px;

}



.Large {

    text-align: center;

    font-size: 36px !important;

    font-weight: bold;

    width: 250px;

    padding: 25px 50px 25px 50px;

}



.btnComeceAgr:hover {

    background-position: right center;

    /* change the direction of the change here */

    color: #fff;

    text-decoration: none;

}



.imagemSlide {

    width: 90%;

    /* min-width: 250px; */

    max-width: 495px;

    margin-left: 10px;

    margin-bottom: 10px;

}



.imagemSlideDepoimentos {

    width: 90%;

    /* min-width: 250px; */

    max-width: 495px;

    margin-left: 10px;

    margin-bottom: 10px;

}



.slick-dots button:before {

    color: white !important

}



.img-overlay {

    position: absolute;

    top: 0;

    bottom: 0;

}



.img-overlay:before {

    content: ' ';

    display: block;

    /* adjust 'height' to position overlay content vertically */

    height: 92%;

    right: 0px;

}



.Planos {

    flex-wrap: nowrap !important;

}



.PlanosImagens {

    margin-top: 20px;

    margin-right: 10px;

    min-width: 350px;

    width: 100%;

}



.PlanosBotoes {

    text-align: center;

    font-size: 34px !important;

    font-weight: bold;

    width: 150px;

    padding: 15px 30px 15px 30px;

}



.imagemMulher {

    position: absolute;

    right: 10%;

}



.sc div {

    text-align: center;

}



.sc img {

    margin: 10px;

}



.imgWhats {

    position: fixed;

    bottom: 0;

    right: 0;

    margin: 50px 5% 25px 10%;

    display: flex;

}



[data-tooltip]:before {

    position: absolute;

    content: attr(data-tooltip);

    opacity: 0;

}



[data-tooltip]:hover:before {

    opacity: 1;

    top: -25px;

    color: white;

    right: -20px;

}



.balaoWhats {

    background-color: white;

    border-radius: 8px;

    height: 25px;

    align-self: center;

    margin-right: 5px;

    padding: 5px;

    opacity: 1;

    transition: opacity .5s linear;

}



.hide {

    opacity: 0 !important;

}



details {

    transition: height 5s ease;

    overflow: hidden;

    border-radius: 8px;

    border: 1px solid;

}



details[open] summary~* {

    animation: sweep .5s ease-in-out;

}



details[open] summary {

    color: #FD4873;

}



details:not([open]) {

    animation: .5s ease;

}



summary {

    background-color: white;

    display: block;

    padding: 15px;

    font-size: 20px;

    /* width: 100%; */

    font-family: 'Montserrat';

    text-align: center;

}



.collapse {

    color: white;

    padding: 25px;

    font-size: 25px;

}



summary::after {

    margin-left: 1ch;

    display: inline-block;

    transition: 0.2s;

    content: '\203A';

    font-weight: 900;

    font-size: 35px;

    right: 0px;

    /* chevron */

}



details[open] summary::after {

    transform: rotate(90deg);

}

.footerDiv {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

}

.footerDiv > div > p:nth-child(1) {

    font-family: 'Montserrat-Bold';

}

.footerDiv > div > p, a {
    
    font-size: 14px;

    color: white;

}

.footerDiv > div > p > a:hover, a:active {

    color: #f91959;

}



@keyframes sweep {

    0% {

        opacity: 0;

        margin-left: -10px

    }

    100% {

        opacity: 1;

        margin-left: 0px

    }

}



@media (max-width: 376px) {

    body {

        background-color: black;

        margin: 0px 40px 0px 40px;

        background-repeat: no-repeat;

        background-image: url("Imagens/Todos elementos do site/Auroras.png");

        background-position: 50% -500px;

    }

}



@media (max-width: 402px) {

    .Large {

        text-align: center;

        font-size: 24px !important;

        font-weight: bold;

        width: 250px;

        padding: 20px 25px 20px 25px;

    }

}



@media (max-width: 534px) {

    .Large {

        text-align: center;

        font-size: 24px !important;

        font-weight: bold;

        width: 250px;

        padding: 20px 50px 20px 50px;

    }

    .PlanosBotoes {

        text-align: center;

        font-size: 18px !important;

        font-weight: bold;

        width: 100px;

        /* margin-left: 5px; */

        padding: 15px 15px 15px 15px;

    }

    .PlanosBotoesSemVagas {

        font-size: 21px !important;

    }

    .texto {

        font-size: 34px !important;

    }

    p, a {

        font-size: 14px !important;

    }

    .footerDiv {

        display: grid !important;
    
        grid-template-columns: 1fr !important;
    
    }

}



@media (max-width: 1092px) {

    .Planos {

        flex-wrap: wrap !important;

    }

    .PlanosImagens {

        margin-right: 0px !important;

    }

}



@media (max-width: 1161px) {

    .div-Mobile {

        display: flex !important;

    }

    .div-Desktop {

        display: none !important;

    }

    .imagemMulher {

        right: inherit;

    }

    .maxWidth50 {

        max-width: 100%;

    }

    .btnComeceAgr {

        margin: 0px;

    }

}



@media (max-width: 1350px) {

    .PlanosBotoesSemVagas {

        font-size: 21px !important;

    }

}