@font-face {
    font-family: Gobold;
    src: url("fonts/Gobold Regular.otf");
}

.head-line {
    border-left: 6px solid #FFDF88;
    padding-left: 20px;
    color: #fff !important;
}
.global-1 {
    background-repeat: no-repeat;
    background-position-y: -35%;
}

.global-2 {
    background-image: url("imgs/bg-cont-2.png");
    background-repeat: no-repeat;
}

.bg-1{
    background-image:url("imgs/bg-1.jpg");
    background-color: #ff7761;

}
.bg-2{
    background-image:url("imgs/bg-2.jpg");
    background-color: #93B4A9;

}
.bg-3{
    background-image:url("imgs/bg-3.jpg");
    background-color: #CD88A5;

}

.footer-1 {
    background-color: #ff7761;
}
.footer-2 {
    background-color: #93B4A9;
}
.footer-3 {
    background-color: #CD88A5;
}



p {
    font-family: Arial, 'sans-serif';
}

.texto {
    font-size: 18px;
    color: #ffdfda;
}

.topico, .rodape {
    font-size: 16px;
    color: white;
    margin: 0;
}

.rodape > a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.rodape > a:hover {
    cursor: pointer;
    color: black;
}

.chamada {
    font-size: 22px;
    color: white;
}


#inf_field_Email, form button {
    height: 50px;
}

#inf_field_Email {
    border: white;
    outline: none;
}

.btn-action {
    background: linear-gradient(100deg, #7327BF, #516DDE);
    border: none;
    font-family: 'Gobold', 'sans-serif';
    color: white;
    font-size: 29px;
    transition-duration: 1s;
}

.btn-action:hover {
    transition-duration: 1s;
    background: linear-gradient(100deg, #516DDE, #7327BF);
    color: white;
}

h2 {
    font-family: 'Gobold', 'sans-serif';
    color: white;
    font-size: 32px;
}

.blank{
    height: 30vh;
}

.blank-2 {
    height: 40vh;
}

.row-section-2 {
    margin: 75px auto;
}

.catia-texto {
    font-size: 18px;
}

.global-confirme {
    background-image: url("imgs/bg-confirme-1.jpg");
    background-repeat: no-repeat;
}

.global-confirme-2 {
    background-image: url("imgs/bg-confirme-2.jpg");
    background-repeat: no-repeat;
}

.confirme-1 {
    height: 30vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.global-confirmado {
    background-image: url("imgs/bg-confirmado.png");
    background-repeat: no-repeat;
    background-color: #4d3048;
}

.confirmado-h1 {
    font-size: 1.8rem;
    align-self: center;
    color: white;
    font-weight: 200;
}

.email {
    width: 80%;
    float: right;
}

.confirme-h1>strong {
    font-weight: 800;
    font-size: 3rem;
}

.cad-con {
    font-size: 22px;
    color: #FFFFFF;
}

#telegram {
    width: 90px;
}

.cta {
    margin: 6vh 0;
}

/* Confirme */

.card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F9F9F9;
    padding: 15px 20px;
    border-radius: 15px;
    box-shadow: -1px 3px 9px -5px rgba(0, 0, 0, 0.75);
}

.card-img-top {
    width: 8rem;
}

.card-title {
    font-family: "Paytone One", sans-serif;
    font-size: 24px;
    color: #000;
    font-weight: 900;
}

.btn-social {
    background-color: #438EFF;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    width: 70%;
    margin: 0 auto;
    font-weight: 600;
}

.btn-social:hover {
    text-decoration: none;
}

.btn-grupo-telegram {
    font-size: 1.4rem;
    padding: 1rem;
    background-color: #039BE5;
}

.descritivo {
    line-height: 1.1;
    font-weight: bold;
    color: #4b2e44;;
    font-size: 1.5rem;
}

/* Confirmado */

.card-confirmado {
    background-color: #ff7761;
    border-radius: 1rem;
    padding: 1rem 2rem;
    margin: 0 auto;
    color: white;
}

.text-confirmado {
    font-family: "Montserrat", sans-serif;
    color: white;
    text-align: center;
    font-size: 1.2rem;
    width: 100%;
    margin: 20px 0;
}

.text-telegram {
    color: white;
    font-size: 1.3rem;
    line-height: 1.3;
    font-family: "Arial", sans-serif;
    margin-bottom: 0;
}

.text-telegram a {
    text-decoration: none;
    color: white;
}

/* Tratando Mobile em Geral */
@media (max-width: 768px) {
    .cta {
        margin: 0;
    }
    .imgs {
        width: 100%!important;
    }

    p {
        text-align: center;
    }

    .topico {
        text-align: left;
    }

    .rodape {
        text-align: center;
    }

    .chamada {
        font-size: 15px;
    }

    h2 {
        text-align: center;
    }

    .global-1 {
        background-size: 100%;
        background-position-y: -8vh;
    }
    .bg-1{
        background-image: url("imgs/1-m.jpg");
    }
    .bg-2{
        background-image: url("imgs/2-m.jpg");
    }
    .bg-3{
        background-image: url("imgs/3-m.jpg");
    }

    .row-section-2 {
        margin: 20px auto;
    }

    .global-2 {
        background-image: url("imgs/bg-cont-2-m.jpg");
        background-position-y: -10vh;
    }

    .catia-texto {
        font-size: 17px;
    }

    .confirme-1 {
        height: 40vh;
    }

    .confirme-2 {
        background: linear-gradient(to right, #D6D6D6, #F9F9F9);
    }

    .texto-vs-cta {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 3vh;
    }

    #inf_field_Email, .btn-action {
        height: 8vh;
    }
}

@media (max-width: 690px) {
    .card-confirmado {
        border-radius: 0;
        padding: 1rem 1rem 2rem;
    }

    .btn-grupo-telegram {
        font-size: 1.1rem;
        width: 100%;
    }

    .email {
        width: 125px;
        margin: 1rem 0;
    }

    .col-email {
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .col-telegram-svg {
        width: 25%;
    }

    .col-telegram-text {
        width: 75%;
    }

    .confirme-h1, .confirmado-h1 {
        text-align: center;
    }

    .card {
        margin: 15px;
    }
}

/* Celulares muito pequenos */
@media (max-width: 340px) {
    .global-1 {
        background-position-y: -10vh;
    }
    .global-2 {
        background-position-x: -11vw;
        background-position-y: 5vh;
    }

    .num-topico {
        width: 105%;
    }

    .topico {
        font-size: 14px;
    }

    .blank-2 {
        height: 50vh;
    }

    #logo-confirmado {
        width: 100%;
    }
}

/* Resoluções mais específicas */
@media (min-width: 1000px) and (max-width: 1100px) {
    .global-1 {
        background-position-x: -50vw;
    }

    .global-2 {
        background-position-x: -40vw;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .global-1 {
        background-position-x: -30vw;
    }

    .global-2 {
        background-position-x: -25vw;
    }
}

@media (min-width: 1350px) and (max-width: 1399px) {
    .global-1, .global-2 {
        background-position-x: -25vw;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .global-1, .global-2 {
        background-position-x: -20vw;
    }
}

@media (min-width: 2550px) and (max-width: 2560px) {
    .global-1 {
        background-position-x: 8vw;
    }

    .global-2 {
        background-image: url("imgs/bg-cont-2-2560.png");
    }
}