/* ------------------------------------------------------------------------------------------------------------------------------------------
    ###### Guardian Portal - Index Style ######

    LBeB Consultores Associados
    http://www.lbeb.com.br/
 ------------------------------------------------------------------------------------------------------------------------------------------ */

/* -------------------- Icones Tipo Portal -------------------- */

.tipo-portal-titulo {
    padding-top: 20px;
    font-size: 23px;
}

.tipo-portal-info {
    margin-top: 15%;
    margin-bottom: 15%;
}

.tipo-portal-desc {
    text-align: justify;
    padding-left: 45px;
    padding-right: 45px;
}

.tipo-portal-icone1 > a > svg {
    margin: 0 auto !important;
    background: #ffffff;
    color: var(--corPortal1);
    border-radius: 100%;
    width: 120px !important;
    height: 120px !important;
    padding: 25px;
    border: 3px solid #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

    .tipo-portal-icone1 > a > svg:hover {
        background: var(--corPortal1);
        color: #fff;
        box-shadow: inset 0 0 0 5px white;
        -webkit-box-shadow: inset 0 0 0 5px white;
        border: 3px solid var(--corPortal1);
    }

.tipo-portal-icone1 a {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: var(--corPortal1) !important;
    display: inline-grid;
    width: 100%;
}

    .tipo-portal-icone1 a:hover {
        color: var(--corPortal1) !important;
        text-decoration: none !important;
    }

.tipo-portal-icone2 > a > svg {
    margin: 0 auto !important;
    background: #ffffff;
    color: var(--corPortal2);
    border-radius: 100%;
    width: 120px !important;
    height: 120px !important;
    padding: 25px;
    border: 3px solid #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

    .tipo-portal-icone2 > a > svg:hover {
        background: var(--corPortal2);
        color: #fff;
        box-shadow: inset 0 0 0 5px white;
        -webkit-box-shadow: inset 0 0 0 5px white;
        border: 3px solid var(--corPortal2);
    }

.tipo-portal-icone2 a {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: var(--corPortal2) !important;
    display: inline-grid;
    width: 100%;
}

    .tipo-portal-icone2 a:hover {
        color: var(--corPortal2) !important;
        text-decoration: none !important;
    }

.tipo-portal-icone1 > a > h3:hover, .tipo-portal-icone2 > a > h3:hover {
    opacity: 0.8;
}