html {
    font-size: 14px;
}

@media (min-width: 769px) {
    html {
        font-size: 16px;
    }
}

.btn-entre-em-contato {
    padding: 0.5rem 5rem 0.5rem 5rem !important
}

.gradient-btn {
    background: linear-gradient(to right, #91000e 0%, #eb1500 50%, #ff1700 100%);
    border: none;
}

    .gradient-btn:hover {
        background: linear-gradient(to right, #c82333 0%, #ff4d4d 50%, #ff4d4d 100%);
    }


.efeito-borda-gradiente {
    position: relative;
    background: linear-gradient(to right, #1a0000, #8b0000, #1a0000);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    padding: 2rem;
    border-radius: 1rem;
    color: white;
}

.text-danger {
    color: #ff002e !important;
}

.btn-danger {
    background-color: #ff002e !important;
    border-color: #ff002e !important;
}

.bg-danger {
    background-color: #fd002b !important;
}

.btn-danger:hover {
    background-color: #a42727 !important;
    border-color: #a42727 !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

.alinhado-esquerda {
    align-self: flex-start;
}

.bg-cards {
    background: radial-gradient(circle at center left, rgba(255,0,0,1) -66%, rgba(0,0,0,0) 47%), radial-gradient(circle at center right, rgba(255,0,0,1) -66%, rgba(0,0,0,0) 47%), linear-gradient(180deg, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background-repeat: no-repeat;
}

.bg-footer {
    min-height: 100vh;
    height: auto;
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 21%, rgba(255,255,255,0) 100%), radial-gradient(circle at center left, rgba(255, 0, 0, 1) -24%, rgba(0, 0, 0, 0) 36%), radial-gradient(circle at center right, rgba(255, 0, 0, 1) -67%, rgba(0, 0, 0, 0) 28%) !important;
    background-repeat: no-repeat;
}

.alinhado-direita {
    align-self: flex-end;
}

.bg-gradient-diagnostico {
    position: relative;
    color: #fff;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    z-index: 0;
}

    .bg-gradient-diagnostico::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 81%;
        background: radial-gradient(circle at center right, rgba(255, 0, 0, 1) -40%, rgba(0, 0, 0, 0) 20%);
        z-index: 1;
        pointer-events: none;
    }

    .bg-gradient-diagnostico h2 {
        font-size: 2.5rem;
        font-weight: bold;
    }

    .bg-gradient-diagnostico p {
        font-size: 1rem;
        line-height: 1.6;
    }

.card-especialistas {
    display: inline-block;
    background: linear-gradient(145deg, #1a1a1a, #292929);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 10px;
    color: #fff;
    padding: 25px 20px;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 15px;
    width: 85%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin: 10px 0;
}

.bg-gradient-diagnostico img {
    max-width: 100%;
    height: auto;
}

.custom-section {
    background-image: url("../imagens/esfera.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 50px 0;
}

.bg-moeda {
    background-image: url("../imagens/tecnologia.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    height: 56rem;
}

    .bg-moeda::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 79%;
        background-image: url("../imagens/economize.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }

    .bg-moeda::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at top right, rgba(255, 0, 0, 1) -20%, rgba(0, 0, 0, 0) 22%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.95) 115%), radial-gradient(circle at center left, rgba(255, 0, 0, 1) -19%, rgba(0, 0, 0, 0) 19%);
        z-index: 2;
        pointer-events: none;
    }

    .bg-moeda .container {
        position: relative;
        z-index: 3;
    }

.border-rounded {
    border-radius: 25px;
}

.bg-gradient {
    background: linear-gradient(39deg, rgba(164, 41, 41, 1) 0%, rgba(255, 0, 0, 0) 39%), linear-gradient(169deg, rgba(255, 0, 0, 0) 56%, rgba(164, 41, 41, 1) 100%), linear-gradient(169deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%) !important;
    background-repeat: no-repeat;
}

.borda-vermelha {
    border: 2px solid #dc3545;
    border-radius: 10px;
    padding: 15px;
}

.borda-10px {
    border-radius: 10px;
}

.altura-titulo-diagnostico {
    height: 48px !important;
}

.diagnostico-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at top right, rgba(255, 0, 0, 1) -13%, rgba(0, 0, 0, 0) 31%), linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 21%, rgba(255, 255, 255, 0) 100%);
    border-radius: 20px;
    padding: 2rem;
    margin: 1rem auto;
    max-width: 1200px;
    z-index: 0;
}

    .diagnostico-section::after {
        content: "";
        position: absolute;
        width: 740px;
        height: 500px;
        background: radial-gradient(ellipse, rgba(255, 0, 0, 1) -15%, rgba(0, 0, 0, 0) 81%);
        bottom: -87%;
        left: -8%;
        z-index: 1;
        pointer-events: none;
    }

    .diagnostico-section h1,
    .diagnostico-section .row {
        position: relative;
        z-index: 2;
        color: #fff;
    }

.diagnostico-card h5,
.diagnostico-card small {
    position: relative;
    z-index: 2;
}

.bevel-effect {
    box-shadow: inset 0 0.1em 0em rgba(255, 255, 255, 0.45) !important;
}

.diagnostico-card {
    color: #fff;
    text-align: left;
    border-right: 1px solid rgba(255, 255, 255, 1);
    padding: 0 1rem;
}

    .diagnostico-card h5 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

    .diagnostico-card small {
        color: rgba(255, 255, 255, 0.9);
    }

.custom-card {
    border-radius: 1rem;
    background: linear-gradient(145deg, #1b1b1b, #2a2a2a);
    color: #fff;
    padding: 20px;
    height: 410px;
    max-width: 400px;
    position: relative;
}

    .custom-card .card-header {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 20px;
    }

        .custom-card .card-header img {
            width: 50px;
            height: 50px;
        }

    .custom-card .card-body h5 {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .custom-card::before {
        content: '';
        width: 100%;
        height: 10px;
        background-color: #dc3545;
        border-radius: 0 0 10px 10px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

.diagnostico-card:last-child {
    border-right: none;
}

.diagnostico-section .btn-danger {
    background-color: #b20000;
    border-color: #b20000;
    padding: 0.75rem 1.5rem;
    font-weight: bold;
    margin-top: 2rem;
    transition: all 0.3s ease;
}

    .diagnostico-section .btn-danger:hover {
        background-color: #d90000;
        border-color: #d90000;
    }



.bg-card-gradient {
    background: linear-gradient(22deg, rgba(121, 9, 17, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 79%, rgba(121, 9, 17, 1) 100%);
}

.card-preco {
    height: 26rem;
    width: 22rem;
    border-radius: 25px;
    border-color: hsl(0 0 0)
}

.img-card {
    height: 55px;
    width: 55px;
}

@media (min-width: 1440px) {
    .w-lg-68 {
        width: 68%;
    }
}

@media(max-width: 769px) {
    .bg-moeda::after {
        content: none;
    }

    .altura-titulo-diagnostico {
        height: 100% !important;
    }

    .diagnostico-card:last-child {
        border-right: 1px solid rgba(255, 255, 255, 1);
    }
}

@media(max-height: 765px) {
    .bg-moeda {
        height: 46rem;
    }
}


.form-container {
    width: 300px;
}

.form-control {
    border-radius: 10px;
    margin-bottom: 15px;
}

.btn-cadastrar {
    width: 100%;
    background-color: black;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px;
    border: none;
}

.btn-cadastrar:hover {
    background-color: #333;
}