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

:root {
    --cor-de-fundo: #E7E6E6B7;
    --fonte-principal: 'Ubuntu', sans-serif !important;
    --cor-color-shadow: #000000;
    --cor-drop-shadow: #1b1b1bcb;
    --branco: #FFFFFF;
    --branco2: #D3D3D3;
    --cinza: #4747474B;
    --cor-laranja0: #FCCB90;
    --cor-laranja1: #FF8B06;
    --cor-laranja2: #FF7300;
    --cor-laranja3: #FC5C00;
    --cor-vermelho: #FF0000;
}

* {
    color: var(--branco);
    padding: 0;
    margin: 0;
}

/* html {
    background-color: var(--cor-de-fundo);
} */

/* body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
} */

body {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    background-image: url('../img/004.png');
    background-size: cover;
}

.glass-index {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.322), rgba(255, 255, 255, 0)) !important;
    display: block !important;
    backdrop-filter: blur(50px) !important;
    -webkit-backdrop-filter: blur(50px) !important;
    border-radius: px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    text-align: center !important;
    margin-top: 2rem;
  
    border-radius: 2rem !important;
    border-width: 4px 4px 4px 4px !important;
    border-style: solid !important;
    border-color: #9b9b9b !important;
  }

p {
    text-align: center !important;
}

.btn {
    background: linear-gradient(to right, #ff5100, #f8760c, #f8760c, #ee9624) !important;
    width: 100%;
    box-shadow: 1px 1px 5px var(--cor-sombra) !important;
    white-space: nowrap !important;
    animation: pular 1s;
    text-decoration: none !important;
    color: var(--branco) !important;
    border-radius: 30px !important;
}

.form-label {
    color: var(--cor-laranja1) !important;
}

.passBack {
    text-align: center !important;
    color: white !important;
}

.text-muted {
    text-align: center !important;
    color: white !important;
}

.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #fa6000, #ff8b06, #ff8b06, #ff8b06);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #ff5100, #f8760c, #f8760c, #ee9624);
}

/* .container {
    border-radius: 40% !important;
    filter: drop-shadow(2px 1px 8px var(--cor-drop-shadow));
} */

.form-label {
    color: #f8760c !important;
}

label {
    font-weight: bold !important;
    color: #000000 !important;
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

/* #footerAlert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    color: #fff;
} */

/* ALERT COOKIES INIT */
.custom-popup-class {
    background-color: black !important;
    color: white !important;
    border: none !important;
    border-radius: 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    padding: 15px !important;
}

.custom-title-class {
    display: none !important;
    /* Esconde o título */
}

.custom-content-class {
    font-size: 12px !important;
    /* Tamanho da fonte do conteúdo */
    margin: 0 !important;
}

.custom-confirm-button-class,
.custom-cancel-button-class {
    background-color: transparent !important;
    border: none !important;
    color: white !important;
    font-size: 12px !important;
    padding: 10px 40px !important;
}

.custom-confirm-button-class:focus,
.custom-cancel-button-class:focus {
    outline: none !important;
}

.custom-confirm-button-class {
    background-color: #FC5C00 !important;
}

.custom-cancel-button-class {
    background-color: #FF0000 !important;
}
/* ALERT COOKIES END */