@import url(font.css);

body{
    background-color: #032B50;
    color: white;
    overflow-x: hidden;
}

/* Cabeçalho */

.mecregister{
    width: 100vw;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.mecregister.margin-top-relogio{
    margin-top: 177px;
}

    .mecregister__heading{
        margin-top: 1.875rem;
    }

        .mecregister__heading--title_text{
            font-family: MullerExtrabold;
            font-size: 1.875rem;
        }

/* Registros */

.mecregister__cards{
    display: flex;
    flex-direction: column;
    width: 100vw;
    align-items: center;
}

.mecregister__card{
    width: 18.875rem;
    margin: 0 auto;
    height: auto;
}

    .mecregister__card--head{
        margin-top: 1.5625rem;
        margin-bottom: 1.875rem;
    }

            .mecregister__card--head_title-text{
                font-family: MullerExtrabold;
                font-size: 1.5625rem;
                line-height: 1.4;
            }

    .mecregister__card--body{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 2rem;
    }

        .mecregister__card--body_text{
            font-family: 'Roboto', sans-serif;
            font-size: 1rem;
            font-weight: 400;
            padding: 2rem 0;
        }

        .mecregister__card--body_text h1 {
            font-family: 'Roboto', sans-serif;
            font-size: 2.25rem;
            font-weight: 500;
            line-height: 1.2;
        }

        .mecregister__card--body_text h2 {
            font-family: 'Roboto', sans-serif;
            font-size: 1.875rem;
            font-weight: 500;
            line-height: 2.2rem;
        }

        .mecregister__card--body_text h3 {
            font-family: 'Roboto', sans-serif;
            font-size: 1.5rem;
            font-weight: 500;
        }

        .mecregister__card--body_text h4 {
            font-family: 'Roboto', sans-serif;
            font-size: 1.2rem;
            font-weight: 500;
        }

        .mecregister__card--body_text h5 {
            font-family: 'Roboto', sans-serif;
            font-size: 1rem;
            font-weight: 500;
        }

        .mecregister__card--body_text h6 {
            font-family: 'Roboto', sans-serif;
            font-size: 0.8rem;
            font-weight: 500;
        }

        .mecregister__card--body_text * {
            margin: initial;
            padding: initial;
            border: initial;
            vertical-align: initial;
            font-family: 'Roboto', sans-serif;
        }

        .mecregister__card--body_text ul {
            list-style: initial !important;
        }

        .mecregister__card--body_text ol {
            list-style-type: decimal !important;
        }

        .mecregister__card--body_text p{
            line-height: 1.5;
        }

        .tem-br {
            line-height: 1 !important;
        }

        .mecregister__card--body_button{
            color: white;
            font-family: 'Inter', sans-serif;
            font-size: .875rem;
            font-weight: 700;
            width: 15.625rem;
            height: 3.6875rem;
            border-radius: .625rem;
            background-color: #00A2FF;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .mecregister__outerseparation{
            width: 18.875rem;
            height: .125rem;
            background-color: rgb(0, 162, 255, 0.3);
            margin-top: 4rem;
            margin-bottom: 3.4375rem;
        }



@media screen and (min-width: 720px) {

    .mecregister.margin-top-relogio{
        margin-top: 0;
    }

    .mecregister__heading{
        margin-top: 1.5625rem;
        width: 68rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .mecregister__heading--title_text{
            font-size: 2.8125rem;
        }

        .mecregister__heading--icons{
            display: flex;
            align-items: center;
            gap: 3.125rem;
        }

            .icon1{
                background-image: url(../img/site/registro-mec/e-mec-resize.webp);
                width: 7.625rem;
                height: 2.8125rem;
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: 50%;
            }

            .icon2{
                background-image: url(../img/site/registro-mec/qrcode.webp);
                width: 5.875rem;
                height: 5.875rem;
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: 50%;
            }

/* Registros */

.mecregister__cards{
    display: flex;
    flex-direction: column;
    width: 68rem;
    margin-top: 3.125rem;
    gap: 2.5rem;
}

    .mecregister__card{
        width: 68rem;
        background-color: #003059;
        border: 1px solid rgb(0, 162, 255, 0.3);
        border-radius: 1.875rem;
        display: flex;
        min-height: 21.5625rem;
        align-items: center;
        height: auto;
    }

        .mecregister__card--head{
            margin-left: 3.125rem;
            display: flex;
            flex-direction: column;
            gap: 1.875rem;
            min-width: 18.375rem;
        }

        .mecregister__card--head_border-button{
            color: white;
            font-family: 'Inter', sans-serif;
            font-size: .875rem;
            font-weight: 700;
            width: 15.625rem;
            height: 3.6875rem;
            border-radius: .625rem;
            background-color: #00A2FF;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .mecregister__card--innerseparation{
            width: .125rem;
            height: 16.1875rem;
            background-color: rgb(0, 162, 255, 0.3);
            margin-left: 3.75rem;
            margin-right: 3.4375rem;
        }

        .mecregister__card--body_text{
            max-width: 34.5rem;
            min-width: 34.5rem;
            margin-right: 4.75rem;
        }
}