body {
    margin: revert !important;
    background: #EFF2FC;
}
.body{
    transform: translate(-50%, -50%);
}
.body::before {
    content: "";
    position: absolute;
    height: 400%;
    width: 400%;
    top: 50%;
    left: -349%;
    transform: translateY(-50%);
    background-image: linear-gradient(-45deg, #d0e3ff,#ffffff);
    transition: 1.8s ease-in-out;
    border-radius: 50%;
}
.container-portal::before {
    content: "";
    position: absolute;
    height: 350%;
    width: 400%;
    top: 50%;
    left: -352%;
    transform: translateY(-50%);
    background-image: linear-gradient(-45deg, #445B99, #445B99);
    transition: 1.8s ease-in-out;
    border-radius: 50%;
}
.circle-portal::before {
    content: "";
    position: absolute;
    height: 400%;
    width: 400%;
    top: 50%;
    left: -348%;
    transform: translateY(-50%);
    background-image: linear-gradient(-45deg, #E4EDFC, #E4EDFC);
    transition: 1.8s ease-in-out;
    border-radius: 50%;
}
.z-index-1{
    z-index: 1;
}
.flex-column{
    flex-direction: column;
}
/* ================================ CALIDAD NORMAL, HD ===================================== */
@media screen and (max-width: 1080px), screen and (min-width: 1080px){
    /* portal */
    .container-portal {
        transform: translate(-50%, -50%);
        height: 510px;
        width: 960px;
        border-radius: 10px;
        box-shadow: 0 -1px 14px -2px #6583a8;
        font-family: 'Rubik', sans-serif;
    }
    .circle-portal {
        transform: translate(-50%, -50%);
        height: 510px;
        width: 960px;
        border-radius: 10px;
        background: -webkit-linear-gradient(200deg, #fff, #fff);
        font-family: 'Rubik', sans-serif;
    }
    .container-portal .logo-aura img {
        height: 190px;
    }
    .container-portal .contenido {
        font-family: 'Quicksand', sans-serif;
        font-weight: 600;
        font-size: 0.7rem;
    }
    .container-portal .btn-acceder {
        height: 30px;
        font-size: 10px;
        border-radius: 15px;
        background: #CF281D;
        width: 120px;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        line-height: normal;
    }
    .container-portal .btn-acceder:hover {
        transition: all .8s ease;
        background: #FF4A3D;
    }
    .container-portal .a i{
        font-size: 24px;
    }
    .container-portal .a .tooltip {
        position: absolute;
        background: #fff;
        font-size: 10px;
        top: 0px;
        padding: 3px 6px;
        border-radius: 5px;
        color: #183554;
        box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
        opacity: 0;
        pointer-events: none;
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        line-height: 10px;
        font-family: 'Quicksand', sans-serif;
        font-weight: bold;
    }
    .container-portal .a:hover .tooltip {
        top: 38px;
        opacity: 1;
        pointer-events: auto;
    }
    .logo-oficina img{
        height: 40px;
    }
    .img-aura img{
        height: 300px;
    }
    .p-aura{
        padding: 1rem !important;
    }
    .mt-aura{
        margin-top: 1rem!important;
    }

  
}

@media screen and (min-width: 1920px){
    .container-portal {
        height: 720px;
        width: 1320px;
        border-radius: 15px;
    }
    .circle-portal {
        height: 720px;
        width: 1320px;
        border-radius: 15px;
    }
    .container-portal .logo-aura img {
        height: 240px;
    }
    .container-portal .contenido {
        font-size: 1rem;
    }
    .container-portal h6{
        font-size: 1.5rem !important;
    }
    .container-portal .btn-acceder {
        height: 34px;
        font-size: 13px;
        border-radius: 17px;
        width: 150px;
    }
    .container-portal .a i{
        font-size: 30px;
    }
    .container-portal .a .tooltip {
        font-size: 13px;
        padding: 4px 8px;
        border-radius: 7px;
    }
    .container-portal .a:hover .tooltip {
        top: 50px;
    }
    .logo-oficina img{
        height: 70px;
    }
    .img-aura img{
        height: 390px;
    }
    .p-aura{
        padding: 2.5rem !important;
    }
    .mt-aura{
        margin-top: 2rem!important;
    }
}

@media (max-width: 1000px){
    .container-portal {
        height: 550px;
        width: 360px;
        background: #fff;
    }
    .circle-portal {
        display: none;
    }
    .container-portal::before {
        top: 92%;
        left: 20%;
        transform: translate(-45%, 0%);
        display: none;
    }
    .b{
        display: none !important;
    }
    .body::before {
        top: 85%;
        left: 20%;
        transform: translate(-45%, 0%);
    }
    .logo-oficina img{
        display: none;
    }
    .img-aura img{
        display: none;
    }
    .col-md-6 {
        width: 100% !important;
    }
}