/*!
Theme Name: Minha Abril
Author: Editora Abril Team
Description: Theme for my Abril
Version: 1.0.0
*/
html {
    position: relative;
    min-height: 100%;
}

html,
body {
    margin: 0;
    padding: 0;
}

.p-a {
    position: absolute;
}

.p-0 {
    padding: 0px !important;
}

.c-50-0 {
    left: 50%;
    transform: translate(-50%, 0);
}

.d-none {
    display: none !important;
}

body {
    background-color: #f2f2f2;
    font-family: 'Roboto', sans-serif;
}

header {
    background-color: #ffffff;
    padding-bottom: 16px;
}

body:not(.logged-in).user-info {
    display: none;
}

::placeholder {
    color: #ccc;
    opacity: 1;
}

.user-info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    color: #464646;
    justify-content: end;
}

.user-info.sidebar {
    padding-bottom: 16px;
    margin-bottom: 18px;
    background-image: linear-gradient(to right, #707070 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    margin-top: 16px;
}

.user-info .thumbnail {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 7px;
}

.user-info.sidebar .thumbnail {
    width: 48px;
    height: 48px;
}

.user-info .name {
    line-height: 6px;
    font-size: 16px;
}

.user-info .logout,
.user-info .logoutsso {
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

body:not(.logged-in).main-menu {
    display: none;
}

.mobile-menu {
    float: left;
    margin-right: 5px;
}

.main-menu .menu li {
    display: none;
}

.main-menu .menu > li.current-menu-item {
    display: initial;
    font-weight: bold;
}

.main-menu .menu li:hover {
    border-bottom-color: #3a3836;
}

.main-menu .menu li a {
    font-size: 16px;
    color: #464646;
    text-transform: uppercase;
}

.sidebarMenu:before {
    opacity: 0;
    position: fixed;
    z-index: 999991;
    background: rgba(0, 0, 0, 0.2);
    transition: 0.5s opacity ease;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
}

.menuOpen .sidebarMenu:before {
    opacity: 1;
    right: 0;
    content: '';
}

.sidebarMenu .menuCloser {
    margin-left: 8px;
    margin-top: 32px;
    display: block;
    margin-bottom: 24px;
}

.sidebarMenu > ul {
    overflow-y: auto;
    width: 296px;
    z-index: 9999999;
    position: fixed;
    background: #fff;
    transition: 0.3s ease;
    top: 0;
    bottom: 0;
    left: -300px;
    border-right: 1px solid #ccc;
    box-shadow: 0 3px 8px #00000029;
    padding: 0 16px;
    border-radius: 0 20px 20px 0;
}

.menuOpen .sidebarMenu > ul {
    left: 0;
}

.sidebarMenu > ul > .menu-item {
    margin-bottom: 20px;
    position: relative;
}

.sidebarMenu > ul > .menu-item-has-children:before {
    content: '';
    position: absolute;
    background: url(images/keyboard_arrow_down_black_24dp.svg) no-repeat right top;
    right: 0;
    z-index: 2;
    top: 0;
    width: 22px;
    height: 22px;
    transition: transform 200ms ease-in-out;
}

.sidebarMenu > ul > .menu-item-has-children.current-menu-item:before,
.sidebarMenu > ul > .menu-item-has-children.active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebarMenu .menu-item a {
    text-transform: uppercase;
    color: #464646;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0 0 56px;
    background: no-repeat 9px top;
    display: inline-block;
    height: 20px;
    background-size: 21px;
}

.sidebarMenu .menu-item > a:hover {
    background-position-x: 4px;
    transition: background 200ms ease-in-out;
}

.sidebarMenu > ul > .menu-item > a[href*='mural'] {
    background-image: url(images/event_note_black_18dp.svg);
}

.sidebarMenu > ul > .menu-item > a[href*='conta'] {
    background-image: url(images/account_circle_black_18dp.svg);
}

.sidebarMenu > ul > .menu-item > a[href*='assinaturas'] {
    background-image: url(images/view_list.svg);
    background-size: 21px;
}

.sidebarMenu > ul > .menu-item > a[href*='configuracoes'] {
    background-image: url(images/settings_black_18dp.svg);
}

.sidebarMenu > ul > .menu-item > a[href*='duvidas'] {
    background-image: url(images/help_black_18dp.svg);
}

.sidebarMenu > ul > .menu-item > a[href*='conteudo-salvo'] {
    background-image: url(images/bookmark.svg);
}

.sidebarMenu .menu-item.whatsapp {
    background-image: linear-gradient(to right, #707070 33%, rgba(255, 255, 255, 0) 0%);
    background-position: top, 9px 16px;
    background-size: 10px 1px, auto;
    background-repeat: repeat-x, no-repeat;
    padding-top: 24px;
}

.sidebarMenu .menu-item.whatsapp > a {
    background-image: url(images/logo-whatsapp-dark.svg);
    background-size: 18px;
}

.sidebarMenu .menu-item .sub-menu {
    overflow: hidden;
    max-height: 0;
    transition: max-height 500ms ease-in-out;
}

.sidebarMenu .menu-item.current-menu-item .sub-menu,
.sidebarMenu .menu-item.active .sub-menu {
    max-height: 150px;
}

.sidebarMenu .menu-item .sub-menu li {
    margin-top: 8px;
}

.sidebarMenu .menu-item .sub-menu a {
    font-size: 11px;
}
.sidebarMenu .user-avatar-name{ float: left; }


footer {
    background-color: #3a3836;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 0;
}
footer > .container {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    display: flex;
}
footer a {
    color: #fff;
}
footer nav ul:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden
}
footer nav ul li{
    display: block;
    float: left;
    width: 33.3%;
    padding-left: 10px;
    border-left: 1px solid;
}
footer nav ul li a {
    text-decoration: underline;
    text-transform: none;
    font: normal normal normal 12px/21px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
    display: block;
}
footer .coluna1 a{
    display: none;
}
footer .coluna1 img{
    margin-right: 40px;
}
footer .coluna2,
footer .coluna3{
    width: calc(50% - 63px);
}
footer .coluna3{
    text-align: right;
}
footer .whatsapp{
    font: normal normal normal 12px/13px Open Sans;
    background: url('images/logo-whatsapp.svg') right center no-repeat;
    padding: 6px 40px 6px 0px;
    margin-bottom: 15px;
    display: block;
}
footer .whatsapp strong{
    font: normal normal 600 14px/19px Open Sans;
}
footer .copyright {
    font: normal normal normal 12px/20px Open Sans;
}
@media(max-width:991px){
    footer{
        position: relative;
    }
    footer .container{
        display: block;
    }
    footer .coluna1,
    footer .coluna2,
    footer .coluna3{
        width: 100%;
    }
    footer .coluna1{
        display: flex;
        justify-content: space-between;
    }
    footer .coluna1 a{
        display: block;
        font: normal normal normal 10px/13px Open Sans;
        text-align: right;
        background: url('images/logo-whatsapp.svg') right center no-repeat;
        padding: 3px 40px 0 0;
    }
    footer .coluna1 a strong{
        font: normal normal 600 11px/15px Open Sans;
    }
    footer .coluna2{
        margin-top: 30px;
    }
    footer nav ul li{
        width: 100%;
    }
    footer .coluna3{
        padding: 24px 0;
    }
    footer .coluna3 .whatsapp{
        display: none;
    }
    footer .coluna3 .copyright{
        text-align: center;
        margin-bottom: 10px;
    }
}



body .site-main {
    position: relative;
}

.site-main-title {
    top: -34px;
    font: 500 20px/24px 'Roboto', sans-serif;
    display: inline-block;
    padding: 0 0 2px 0;
    border-bottom: 7px solid #000;
    width: fit-content;
}

.site-main-title-reset {
    top: -81px;
}

body .login {
    top: 40px;
}

body .assine {
    text-align: center;
    margin-top: 15px;
    width: 272px;
}

body .login a {
    font: 13px/18px 'Open Sans', 'Regular';
    color: #464646;
    text-align: center;
    text-decoration: underline;
}

body .login .modal-login {
    width: 272px;
    min-height: 272px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    opacity: 1;
    padding: 15px;
}

body .login .modal-login button.login {
    margin-top: 0;
}

body .login h2 {
    font-size: 18px;
    color: #464646;
    margin-bottom: 16px;
}

body .login .linha-topicos {
    display: block;
}

body .login .area-topicos-home {
    column-count: 2;
    column-gap: 20px;
}

body .login .topico-home h3 {
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    color: #464646;
    font-size: 14px;
    margin-bottom: 10px;
    grid-row: 1;
    grid-column: 1;
}

body .login .topico-home h3 span {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    margin-right: 8px;
    justify-content: center;
}

body .login .topico-home h3 span img {
    max-width: 20px;
    height: auto !important;
}

body .login .topico-home {
    display: grid;
    grid-template-rows: 1fr auto;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #707070;
    break-inside: avoid;
}

body .login .topico-home ul {
    padding: 0 0 0 20px;
    grid-row: 2;
    grid-column: 1;
}

body .login .topico-home li {
    font-family: 'Open Sans', sans-serif;
    color: #464646;
    font-size: 14px;
    list-style: disc;
}

body .login .topico-home li a {
    font-family: 'Open Sans', sans-serif;
    color: #464646;
    font-size: 14px;
    list-style: disc;
}

body .debito-conta h3,
body .login .modal-login h3 {
    font: 500 16px/19px 'Roboto';
    color: #464646;
    margin-bottom: 13px;
}

body .site-main hr {
    border-bottom: 1px #707070 dashed;
    margin: 20px 0;
}

body .login .modal-login .error,
body .site-main .reset-senha .lost-password p.error {
    text-indent: 10px;
    font: normal normal normal 12px/17px Open Sans;
    letter-spacing: 0.05px;
    color: #fb820d;
    opacity: 1;
    margin-top: 5px;
    text-align: center;
}

body .site-main .reset-senha .lost-password p.error {
    text-indent: unset;
    text-align: unset;
}

.modal-login .block-input.block-senha p {
    text-align: center;
    margin-top: 0;
}

body .login .modal-login .block-input {
    margin-bottom: 10px;
}

body .novo-endereco form.add-novo-endereco span.warning {
    display: none;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    margin: 0 0 12px 0;
}

body .debito-conta input,
body .debito-conta select,
body .novo-endereco form.add-novo-endereco .box {
    margin: 8px 0 12px 0;
}

body .login .modal-login input,
body .debito-conta input,
body .debito-conta select,
body .reset-senha input,
body .novo-endereco form.add-novo-endereco input,
body .novo-endereco form.add-novo-endereco select,
body .site-main .edit-perfil input {
    width: 237px;
    height: 33px;
    border: 1px solid #70707066;
    border-radius: 4px;
    opacity: 1;
    margin-top: 8px;
    text-indent: 10px;
}

body .debito-conta input,
body .debito-conta select,
body .novo-endereco form.add-novo-endereco input,
body .novo-endereco form.add-novo-endereco select {
    width: 100%;
    background: #ffffff 0% 0% no-repeat padding-box;
    height: 33px;
}

body .login .modal-login input,
body .login .modal-login button {
    width: 100% !important;
}

.btnGoogleSSO {
    cursor: pointer;
    background: #5492f5;
    height: 44px;
    border-radius: 4px;
    margin-top: 10px;
}

.btnGoogleSSO svg {
    float: left;
    height: 40px;
    margin: 2px 10px 0 2px;
    background: #fff;
    padding: 6px 0 6px 0;
    border-radius: 4px;
}

.btnGoogleSSO div {
    color: #fff !important;
    padding-left: 0;
    font-size: 17px;
    padding: 11px 0;
}

#isLoginCheck {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    display: none;
}

#isLoginCheck {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    display: none;
}

#isLoginCheckMsgText {
    padding-top: 10px;
    display: inline-block;
}

#isLoginCheckMsg {
    background: #fff;
    height: auto;
    width: auto;
    position: absolute;
    z-index: 9999;
    top: 300px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #222;
    padding: 15px 35px 25px 35px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 991px) {
    #isLoginCheckMsg {
        width: 90%;
        padding: 15px 20px 25px 20px;
    }

    body .login .area-topicos-home {
        column-count: 1;
    }

    body .login .topico-home:last-child {
        border: none;
    }
}

body .novo-endereco {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    opacity: 1;
    max-width: 611px;
    padding: 17px;
    display: none;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    transform: initial;
    margin-top: 50px;
    margin-bottom: 150px;
}

body .novo-endereco h3 {
    text-align: left;
    font: normal normal bold 16px/19px Roboto;
    letter-spacing: 0.06px;
    color: #464646;
    text-transform: uppercase;
    opacity: 1;
}

body .novo-endereco form {
    margin-top: 27px;
}

body .list-endereco form.escolha-endereco {
    margin-top: 28px;
}

body .problemas-entrega {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 5px;
    display: none;
    padding: 24px;
    min-height: 394px;
    width: 642px;
    opacity: 1;
}

body .estoque-edicao-que-pena,
body .estoque-edicao-sucesso,
body .etapa-endereco,
body .motivo-problema.etapa-2,
body .solucao-problema.etapa-3,
body .confirma-edicao-extra.etapa-4,
body .confirmado-requisicao.etapa-5 {
    display: none;
    padding: 24px;
    max-width: 458px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
}

body .estoque-edicao-sucesso {
    min-height: 424px;
    max-width: 482px;
    width: 100%;
}

body .estoque-edicao-sucesso p {
    font: normal normal normal 14px/20px Roboto, sans-serif;
    text-align: center;
    letter-spacing: 0;
    color: #000000;
}

body .estoque-edicao-sucesso span {
    font: normal normal 500 14px/20px Roboto, sans-serif;
    text-align: center;
    letter-spacing: 0;
    color: #000000;
}

body .estoque-edicao-que-pena {
    max-width: 550px;
    width: 100%;
}

body .etapa-endereco form .type-reason,
body .motivo-problema.etapa-2 form .type-reason,
body .solucao-problema.etapa-3 form .type-reason {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 16px;
    padding-bottom: 36px;
}

body .etapa-endereco .block-union-button,
body .list-endereco form.escolha-endereco .block-union-button,
body .problemas-entrega form.add-problemas-entrega .block-union-button,
body .motivo-problema.etapa-2 form .block-union-button,
body .solucao-problema.etapa-3 form .block-union-button,
body .confirma-edicao-extra.etapa-4 .block-union-button,
body .confirmado-requisicao.etapa-5 .block-union-button,
body .debito-conta form .block-union-button,
body .novo-endereco form .block-union-button {
    display: flex;
    justify-content: center;
}

body .etapa-endereco form .block-union-button input[type='button'],
body .problemas-entrega form.add-problemas-entrega .block-union-button input[type='button'],
body .motivo-problema.etapa-2 form .block-union-button input[type='button'],
body .solucao-problema.etapa-3 form .block-union-button input[type='button'],
body .confirma-edicao-extra.etapa-4 .block-union-button input[type='button'],
body .confirmado-requisicao.etapa-5 .block-union-button input[type='button'] {
    margin-top: unset !important;
}

body .etapa-endereco p {
    margin: 30px 0;
}

body .confirma-edicao-extra.etapa-4 h3 {
    font: normal normal bold 16px/19px Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
    opacity: 1;
}

body .confirma-edicao-extra.etapa-4 p {
    font: normal normal normal 14px/20px Roboto, sans-serif;
    padding: 16px 21px 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
    opacity: 1;
}

body .confirmado-requisicao.etapa-5 {
}

body .confirmado-requisicao.etapa-5 h3 {
    font: normal normal bold 16px/19px Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    padding-top: 16px;
    color: #000000;
    opacity: 1;
}

body .confirmado-requisicao.etapa-5 p {
    font: normal normal normal 14px/17px Roboto, sans-serif;
    padding: 16px 24px 32px 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
    opacity: 1;
}

body .confirmado-requisicao.etapa-5 div.parabens {
    background-image: url('/wp-content/themes/abril-minha-abril/images/Icon ionic-ios-checkmark-circle-outline.svg');
    background-repeat: no-repeat;
    background-position: center;
    padding: 16px 0 32px 0;
    height: 59px;
    width: 100%;
}

body .login .modal-login label,
body .debito-conta label,
body .novo-endereco form.add-novo-endereco label {
    font: 14px/19px 'Open Sans', 'Regular';
    color: #464646;
    text-align: center;
    padding-left: 13px;
}

body .novo-endereco form.add-novo-endereco label {
    padding-left: unset;
}

body .novo-endereco form.add-novo-endereco label span {
    color: #888888;
}

body .debito-conta input,
body .debito-conta select,
body .novo-endereco form.add-novo-endereco input,
body .novo-endereco form.add-novo-endereco select {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #9d9d9d;
    opacity: 1;
}

body .list-endereco form.escolha-endereco input[type='button'],
body .debito-conta input[type='button'],
body .novo-endereco form.add-novo-endereco input[type='button'],
body .problemas-entrega form.add-problemas-entrega input[type='button'] {
    text-align: center;
    text-indent: unset;
}

body .estoque-edicao-ativo input[type='button'],
body .debito-conta button,
body .login .modal-login button,
body .etapa-endereco input[type='button'],
body .debito-conta input[type='button'],
body .list-endereco form.escolha-endereco input[type='button'],
body .novo-endereco form.add-novo-endereco input[type='button'],
body .problemas-entrega form.add-problemas-entrega input[type='button'],
body .motivo-problema.etapa-2 form .block-union-button input[type='button'],
body .solucao-problema.etapa-3 form .block-union-button input[type='button'],
body .confirma-edicao-extra.etapa-4 .block-union-button input[type='button'],
body .confirmado-requisicao.etapa-5 .block-union-button input[type='button'],
body .site-main .perfil .edit-perfil button,
body .escolher-revista .btn {
    font: 14px/19px 'Open Sans', 'Regular';
    letter-spacing: 0.06px;
    color: #ffffff;
    width: 237px;
    height: 42px;
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: 8px 8px 10px #00000014;
    border-radius: 4px;
    opacity: 1;
    margin-top: 16px;
    cursor: pointer;
}

body .list-endereco form.escolha-endereco input[type='button'] {
    margin: 16px 10px 0;
}

body .estoque-edicao-ativo .block-union-button {
    text-align: center;
}

body .escolher-revista .btn {
    text-transform: uppercase;
}

body .etapa-endereco form .block-union-button input[type='button'],
body .problemas-entrega form.add-problemas-entrega input[type='button'],
body .motivo-problema.etapa-2 form .block-union-button input[type='button'],
body .solucao-problema.etapa-3 form .block-union-button input[type='button'],
body .confirma-edicao-extra.etapa-4 .block-union-button input[type='button'],
body .confirmado-requisicao.etapa-5 .block-union-button input[type='button'] {
    padding: 0 10px;
    margin: 0 8px;
}

body .problemas-entrega h3 {
    font: normal normal bold 16px/19px Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
    opacity: 1;
}

body .estoque-edicao-sucesso input[type='button'],
body .problemas-entrega form.add-problemas-entrega input[type='button'] {
    width: 152px;
}

body .problemas-entrega form.add-problemas-entrega .select-edition {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 24px 0 32px;
}

body .problemas-entrega form.add-problemas-entrega .select-edition .cover-edition {
    width: 140px;
    height: 186px;
    border: 0.5px solid #cccccc;
    opacity: 1;
}

body .problemas-entrega form.add-problemas-entrega .select-edition .cover-edition img {
    width: 140px;
}

body .motivo-problema.etapa-2 h3,
body .solucao-problema.etapa-3 h3 {
    font: normal normal bold 16px/19px Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    opacity: 1;
}

body .motivo-problema.etapa-2 p {
    font: normal normal normal 14px/17px Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    opacity: 1;
}

body .solucao-problema.etapa-3 div.type-reason span,
body .motivo-problema.etapa-2 div.type-reason span {
    font: normal normal normal 16px/19px Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
    opacity: 1;
}

body .motivo-problema.etapa-2 div.type-reason div,
body .solucao-problema.etapa-3 div.type-reason div {
    margin: 6px 0;
}

body .problemas-entrega form.add-problemas-entrega .select-edition .month-edition {
    flex-direction: column;
    letter-spacing: 0px;
    align-items: center;
    text-align: center;
    color: #464646;
    display: flex;
    padding: 5px;
    opacity: 0.7;
}

body .problemas-entrega form.add-problemas-entrega .select-edition .month-edition time {
    font: normal normal 500 12px/14px Roboto, sans-serif;
    text-transform: uppercase;
}

body .problemas-entrega form.add-problemas-entrega .select-edition .month-edition input {
    margin-top: 8px;
}

body .problemas-entrega form.add-problemas-entrega .select-edition .month-edition input[type='radio']::selection {
    opacity: 1;
}

body .debito-conta input[type='button'] {
    width: 100%;
}

body .novo-endereco form.add-novo-endereco input[type='button'] {
    text-indent: unset;
}

body .escolher-revista {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    opacity: 1;
    max-width: 800px;
    padding: 17px;
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 150px;
    display: none;
}

body .escolher-revista h3 {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px dashed #707070;
    padding-bottom: 18px;
    margin-bottom: 20px;
    color: #464646;
}

body .escolher-revista p.subtitle {
    font: normal normal bold 14px/19px Open Sans;
    margin-bottom: 3px;
    color: #464646;
}

body .escolher-revista p.subtitle + p {
    font: italic normal normal 14px/19px Open Sans;
    margin-bottom: 20px;
}

body .escolher-revista .item-revista {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
}

body .escolher-revista .item-revista img {
    max-width: 70px;
    max-height: 20px;
    height: auto;
    width: auto;
    display: block;
    margin-bottom: 5px;
}

body .escolher-revista .item-revista strong {
    font: normal normal bold 14px/19px Open Sans;
    color: #464646;
}

body .escolher-revista .item-revista input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

body .escolher-revista .container-check {
    padding: 0 0 0 25px;
}

body .escolher-revista .container-check .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 2px solid;
}

body .escolher-revista .container-check .checkmark:after {
    content: '';
    position: absolute;
    display: none;
    left: 4px;
    top: 0px;
    width: 3px;
    height: 7px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body .escolher-revista .container-check input:checked ~ .checkmark:after {
    display: block;
}

body .escolher-revista .block-union-button {
    text-align: center;
}

body .escolher-revista .alerta-pular-etapa,
body .escolher-revista .alerta-endereco-sucesso {
    text-align: center;
    display: none;
}

body .escolher-revista .alerta-pular-etapa {
    max-width: 600px;
    margin: auto;
    color: #464646;
}

body .escolher-revista .alerta-pular-etapa h4,
body .escolher-revista .alerta-endereco-sucesso h4 {
    color: #464646;
    font: normal normal bold 16px/21px Roboto;
    margin: 10px 0;
}

body .escolher-revista .alerta-pular-etapa p {
    font: normal normal normal 14px/19px Open Sans;
}

body .login .recuperar-senha {
    text-align: center;
    margin-top: 22px;
    width: 272px;
}

.thumbnail-large {
    width: 81px;
    height: 81px;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
}

body .site-main .perfil .block,
body .site-main .list-endereco .block,
body .site-main .reset-senha .block {
    background: #fff;
    padding: 14px 18px 28px 20px;
}

body .site-main .reset-senha {
    margin: 48px;
}

body .site-main .reset-senha .block h3 {
    text-align: left;
    font: normal normal bold 17px/20px Roboto;
    letter-spacing: 0.07px;
    color: #464646;
    opacity: 1;
}

body .site-main .reset-senha .block p {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #464646;
    opacity: 1;
    margin-top: 5px;
}

body .site-main .reset-senha .block.step2 p:last-child {
    margin-top: 22px;
}

body .site-main .reset-senha .block.step2 p span {
    text-align: left;
    font: normal normal bold 22px/25px Roboto;
    letter-spacing: 0px;
    color: #464646;
    opacity: 1;
}

body .site-main .perfil .edit-perfil input {
    width: 100%;
}

body .site-main .perfil .edit-perfil button {
    width: 165px;
    padding: 11px 15px;
}

.text-center {
    text-align: center !important;
}

body .site-main .perfil .provisorio {
    width: 16px;
    height: 18px;
    background: #666666 0% 0% no-repeat padding-box;
    opacity: 1;
}

body .site-main .perfil .edit-perfil .block-picture {
    display: flex;
    align-items: flex-start;
}

body .site-main .perfil .edit-perfil .block-picture .block-picture-union {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 7px;
}

body .site-main .perfil .edit-perfil .block-picture .block-picture-union .block-picture-option {
    display: flex;
    flex-direction: column;
    margin: 0 46px 0 12px;
}

body .site-main .perfil .edit-perfil .block-picture .block-picture-union .block-picture-option p {
    font: 13px/18px 'Roboto', 'Regular';
    letter-spacing: 0.35px;
    color: #464646;
    text-decoration: underline;
    cursor: pointer;
}

body .site-main .perfil .edit-perfil .block-picture .block-picture-union .block-picture-option input[type='file'] {
    display: none;
}

body .site-main .perfil .edit-perfil .block-edit-perfil label {
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #464646;
    opacity: 1;
    padding-left: 10px;
}

.page-template-single-opt-in .site-main .perfil .edit-perfil button {
    width: auto;
    font: 14px/19px 'Open Sans', 'Regular';
}

.page-template-single-opt-in .site-main .perfil .edit-perfil {
    display: block;
}

.page-template-single-opt-in h3 {
    font-size: 17px;
}

.page-template-single-opt-in h4,
.page-template-single-opt-in h5 {
    margin: 6px 0;
    font-size: 14px;
}

.page-template-single-opt-in .options {
    color: #464646;
    font-size: 14px;
    margin-bottom: 18px;
}

.page-template-single-opt-in .site-main .perfil .block {
    min-height: auto;
    box-shadow: 3px 3px 6px #00000029;
}

.fake-checkbox .image::after {
    content: url('images/Icon-material-check-box-outline-blank.svg');
    margin-right: 8px;
}

.fake-checkbox input[type='checkbox']:checked ~ .image::after {
    content: url('images/Icon-ionic-ios-checkbox.svg');
}

.fake-checkbox {
    margin-bottom: 7px;
}

.fake-checkbox label {
    display: flex;
    line-height: 1;
}

.fake-checkbox .visually-hidden {
    position: absolute;
    left: -100vw;
}

.page-template-single-recover-password-clean {
    text-align: center;
    font-size: 15px;
    color: #4d4d4d;
}

.page-template-single-recover-password-clean header,
.page-template-single-recover-password-clean footer {
    display: none;
}

.page-template-single-recover-password-clean form {
    margin: auto;
    width: 355px;
}

.page-template-single-recover-password-clean h1 {
    font-size: 18px;
    font-weight: normal;
    margin: 30px auto;
}

.page-template-single-recover-password-clean .g-recaptcha {
    display: flex;
    justify-content: center;
}

.page-template-single-recover-password-clean input {
    width: 302px;
    background-color: #e8f0ff;
    border: 1px solid #707070;
    height: 45px;
    margin: 20px auto;
}

.page-template-single-recover-password-clean input.submit {
    background-color: #253238;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
}

.page-template-single-recover-password-clean.recovery-password-sent .step1,
.page-template-single-recover-password-clean:not(.recovery-password-sent) .step2 {
    display: none;
}

.page-template-single-recover-password-clean .step2 {
    font-size: 15px;
}

.page-template-single-recover-password-clean .step2 p {
    margin-bottom: 20px;
}

.page-template-single-recover-password-clean .step2 small {
    margin-top: 45px;
    display: block;
}

.page-template-single-new-password .menu-desktop-minha-abril-container {
    display: none;
}

.page-template-single-new-password .float-title {
    position: absolute;
    text-align: center;
    color: #464646;
    top: -65px;
    font-size: 16px;
}

.page-template-single-new-password h3 {
    color: #464646;
    font-size: 17px;
    margin-bottom: 12px;
}

.page-template-single-new-password .site-main .perfil .edit-perfil {
    display: initial;
}

.page-template-single-new-password .site-main .perfil .edit-perfil button {
    width: 100%;
}

.main-modal,
.main-modal-unsubscribe {
    display: flex;
    position: fixed;
    left: 0;
    right: 100vw;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 500ms ease-in-out;
    z-index: 100000;
    align-items: center;
}

.main-modal.show,
.main-modal-unsubscribe.show {
    background-color: rgba(0, 0, 0, 0.6);
    right: 0;
}

.main-modal .container,
.main-modal-unsubscribe .container {
    left: -100vw;
    background-color: #ffffff;
    width: 440px;
    min-height: 221px;
    border-radius: 9px;
    box-shadow: 3px 3px 6px #00000029;
    display: flex;
    align-items: center;
    transition: left 500ms ease-in-out;
    padding: 24px;
}

.main-modal.show .container,
.main-modal-unsubscribe.show .container {
    left: 0;
}

.main-modal .close,
.main-modal-unsubscribe .close {
    position: absolute;
    right: 16px;
    top: 13px;
    cursor: pointer;
}

.main-modal .content,
.main-modal-unsubscribe .content {
    width: 100%;
    text-align: center;
    color: #464646;
}

.main-modal .pay-bo {
    padding: 15px 35px 24px;
}

.main-modal .pay-pix {
    padding: 16px 47px;
}

.main-modal .container .content img.qrcode {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 4px;
    opacity: 1;
}

.main-modal .attachment {
    display: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

.main-modal .attachment .item:first-child {
    margin-right: 20px;
}

.main-modal .attachment .item:first-child img {
    max-width: 167px;
    border: 1px solid #666;
    border-radius: 4px;
}

.main-modal .attachment .item .copy-qrcode button img {
    max-width: 23px;
    cursor: pointer;
}

.main-modal .attachment .item .copy-qrcode button {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-left: -41px;
    background: #fff;
    padding-left: 11px;
}

.main-modal .attachment .item .copy-qrcode {
    display: flex;
}

.main-modal .attachment .item .copy-qrcode input {
    font: normal normal normal 14px/17px Roboto, sans-serif;
    border: 1px solid #666;
    pointer-events: none;
    letter-spacing: 0px;
    border-radius: 4px;
    text-align: left;
    color: #707070;
    padding: 10px;
    width: 100%;
    opacity: 1;
}

.main-modal .attachment .item .count-pix {
    background: #e6ecee;
    padding: 26px 10px;
    margin-top: 20px;
}

.main-modal .attachment .item .count-pix p {
    font: normal normal normal 14px/18px Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
}

.main-modal .attachment .item .count-pix p strong {
    font: normal normal bold 14px/18px Roboto, sans-serif;
}

.main-modal span.back {
    font: normal normal normal 12px/14px Roboto, sans-serif;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    opacity: 1;
}

.main-modal span.back img {
    margin-right: 5px;
}

.main-modal .title.title-pay-bo {
    font: normal normal bold 18px/22px Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
    opacity: 1;
}

.main-modal .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.main-modal .description.pay-bo {
    font: normal normal normal 16px/21px Roboto, sans-serif;
    letter-spacing: 0.11px;
    text-align: center;
    color: #263238;
}

.main-modal .description.pay-pix {
    text-align: center;
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0px;
    color: #000000;
}

.main-modal .description.pay-pix span {
    font: normal normal bold 14px/18px Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: center;
    color: #000000;
}

.main-modal .description {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.main-modal .description a {
    font: normal normal bold 16px/21px Roboto, sans-serif;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 0.11px;
    text-align: center;
    color: #000000;
}

.atributo-data-situacao {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.atributo-data-situacao span {
    font: normal normal bold 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #464646;
}

.estoque-edicao-ativo h3 {
    font: normal normal bold 16px/24px Roboto;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
    color: #000000;
}

.estoque-edicao-ativo p {
    font: normal normal normal 14px/20px Roboto;
    text-align: center;
}

.estoque-edicao-ativo .cover-edition img {
    border: 0.5px solid #cccccc;
    margin: 20px auto 10px;
    display: block;
    max-width: 200px;
}

.estoque-edicao-ativo .month-edition span,
.estoque-edicao-ativo .only-edition span {
    font: normal normal 500 12px/16px Roboto, sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 0;
    display: block;
    color: #464646;
    opacity: 1;
}

@media (max-width: 991px) {
    html {
        overflow-x: hidden;
    }

    body {
        overflow: hidden;
    }

    body .site-main {
        min-height: 419px;
    }

    body .login {
        top: 49px;
    }

    body.home .banner-promotion-footer .abrAD {
        margin-top: 70px;
    }

    body.home .banner-promotion-footer .abrAD {
        margin-top: 70px;
    }

    body.home .banner-promotion-footer .abrAD {
        margin-top: 70px;
    }

    body .site-main .perfil,
    body .site-main .list-endereco {
        margin: 24px 0 40px 0;
    }

    body .site-main.list-endereco {
        width: 100% !important;
    }

    body .site-main.list-endereco .perfil {
        margin: 24px 0;
    }

    .container.assinatura-container,
    .assinatura-container-v2 {
        padding-top: 0;
    }

    .site-main.list-endereco > div.perfil .block {
        padding: 0;
    }

    body .site-main .perfil .edit-perfil {
        flex-direction: column;
        margin-top: 12px;
    }

    .sidebarMenu .menu-item.current-menu-item .sub-menu,
    .sidebarMenu .menu-item.active .sub-menu {
        max-height: fit-content;
    }

    body .site-main .perfil .edit-perfil button {
        width: 100%;
    }

    body .site-main .perfil .edit-perfil btn {
        width: 100%;
    }

    .minha-abril-payment-card .payment-card-footer,
    body .list-endereco form.escolha-endereco .block-union-button {
        padding-top: 27px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    .minha-abril-payment-card .payment-card-footer button.btn-change-payment-type,
    body .list-endereco form.escolha-endereco input[type='button'] {
        width: 100%;
    }

    .minha-abril-payment-card .payment-card-footer button.btn-change-payment-type.update {
        margin-top: 8px;
    }

    .content-custom.content-duvidas {
        width: 100%;
        margin-bottom: 24px;
    }

    .content-custom.content-duvidas * {
        overflow-wrap: anywhere;
        font-size: 14px;
    }

    body .login .topico-home:last-child {
        border-bottom: 1px dashed #707070;
    }

    body .login .col-l-6:last-child .topico-home:last-child {
        border-bottom: none;
    }

    body .login .modal-login {
        margin: auto;
    }

    body .assine {
        width: 100%;
        border-bottom: 1px dashed #707070;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
    }

    body .login .recuperar-senha {
        width: 100%;
        margin-bottom: 15px;
    }

    body .problemas-entrega form.add-problemas-entrega .select-edition {
        justify-content: space-around;
        flex-flow: row wrap;
        gap: 15px;
    }

    body .etapa-endereco,
    body .problemas-entrega,
    body .motivo-problema.etapa-2,
    body .solucao-problema.etapa-3,
    body .confirma-edicao-extra.etapa-4,
    body .confirmado-requisicao.etapa-5 {
        width: 100%;
    }

    body .login h2 {
        text-align: center;
    }

    body .novo-endereco form.add-novo-endereco .block-union-button {
        display: block;
    }

    body .novo-endereco form.add-novo-endereco input[type='button'] {
        width: 100%;
    }

    body .novo-endereco form.add-novo-endereco #salvar-novo-endereco {
        margin-top: 0;
    }
}

.container-load-more {
    padding-bottom: 150px;
}

.container.assinatura-container,
.container.assinatura-container-v2 {
    padding-top: 48px;
    font: 14px/19px 'Open Sans', sans-serif;
    color: #464646;
    margin-bottom: 30px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    flex-flow: column;
}

.container.assinatura-container .payment-history,
.container.assinatura-container-v2 .payment-history {
    margin-left: 30px;
}

.container.assinatura-container .destaque-uppercase,
.container.assinatura-container .destaque,
.container.assinatura-container-v2 .destaque-uppercase,
.container.assinatura-container-v2 .destaque {
    font-weight: bold;
    font-size: 16px;
}

.container.assinatura-container .destaque-uppercase,
.container.assinatura-container-v2 .destaque-uppercase {
    text-transform: uppercase;
}

.container.assinatura-container .d-flex-end,
.container.assinatura-container-v2 .d-flex-end {
    display: flex;
    justify-content: flex-end;
}

.container.assinatura-container-v2 .d-flex-end {
    margin-top: 20px;
}

.container.assinatura-container .nome-projeto {
    display: flex;
    justify-content: space-between;
}

.container.assinatura-container .title,
.container.assinatura-container-v2 .title {
    font: bold 18px/20px 'Roboto', sans-serif;
    color: #464646;
    margin-bottom: 5px;
}

.container.assinatura-container .assinatura-items,
.container.assinatura-container-v2 .assinatura-items {
    margin: 0 0 32px 0;
    background: #fff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.23);
    overflow: hidden;
    width: 100%;
}

.container.assinatura-container .container-media,
.container.assinatura-container-v2 .container-media {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.19);
}

.container.assinatura-container .container-atributos,
.container.assinatura-container-v2 .container-atributos {
    padding: 20px 20px 0px 32px;
}

.container.assinatura-container .container-atributos a,
.container.assinatura-container-v2 .container-atributos a {
    text-decoration: underline;
    font: 13px/18px 'Open Sans', sans-serif;
    color: #464646;
    height: 22px;
    margin: 0 0 0 16px;
    cursor: pointer;
}

.container.assinatura-container .item-alerta {
    margin-top: 10px;
}

.container.assinatura-container .item-alerta p {
    display: inline-block;
    margin-left: 5px;
}

.container.assinatura-container .item-alerta span {
    text-decoration: underline;
    cursor: pointer;
}

.container.assinatura-container .item-alerta a {
    margin: 0;
    font-size: 14px;
}

.container.assinatura-container .mais-info {
    border-top: 2px dashed #ddd;
    text-align: right;
    margin: 24px 0 12px;
    padding-top: 8px;
}

.container.assinatura-container .mais-info span {
    font: normal normal normal 14px/19px Roboto;
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    cursor: pointer;
}

.container.assinatura-container .mais-info span:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    position: absolute;
    top: 2px;
    right: 0;
}

.container.assinatura-container .mais-info span.active:after {
    transform: rotate(135deg);
    top: 8px;
}

.container.assinatura-container .conteudo-mais-info {
    display: none;
}

.container.assinatura-container .conteudo-mais-info-item {
    background: #f8f7f7;
    margin: 0 0 20px 0;
    padding: 15px 20px 10px;
}

.container.assinatura-container .conteudo-mais-info-item .col-s-12 + .col-s-12 {
    text-align: right;
}

.container.assinatura-container .conteudo-mais-info-item p {
    margin-bottom: 10px;
}

.container.assinatura-container .conteudo-mais-info-item p.formas-pagamento {
    display: flex;
    align-items: center;
}

.container.assinatura-container .conteudo-mais-info-item p.formas-pagamento img {
    margin: 0 5px;
    height: auto;
    max-width: 30px;
}

.container.assinatura-container .conteudo-mais-info-item p.formas-pagamento em {
    font-size: 12px;
}

.container.assinatura-container .conteudo-mais-info-item h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.container.assinatura-container strong.valor,
.container.assinatura-container-v2 strong.valor {
    font-size: 16px;
}

.container.assinatura-container .container-atributos .renovacao-programada {
    display: flex;
}

.container.assinatura-container .container-atributos a.link-renovacao-programada {
    margin: 0 0 0 5px;
}

header .row.indentity {
    display: grid;
    grid-template-columns: [first] 120px [line2] auto [col4-start] 200px;
    justify-content: space-between;
    padding: 20px 12px;
    align-items: center;
}

div.banner-promotion-header {
    transform: scale(0.75);
}

div.banner-promotion-footer {
    width: 454px;
}

div.banner-promotion-footer {
    display: none;
}

.container.page-custom-duvidas .row-custom .item .banner-promotion-left,
.container .row.perfil .banner-promotion-left,
.container.single-custom-duvidas .row-custom .item .banner-promotion-left {
    width: 192px;
}

.user-info.sidebar {
    display: block !important;
    margin-top: 0px;
    right: initial;
    top: 0;
    transform: translate(0, 0);
    padding-bottom: 20px;
    position: static;
}

.sidebarMenu .menuCloser {
    margin-bottom: 16px;
}

.sidebarMenu > ul > li:nth-child(3) {
    position: relative;
}

.user-info .name {
    line-height: 20px;
}

.user-info.sidebar .thumbnail {
    display: inline-block;
    float: left;
}

.user-info .user-avatar-name {
    display: none;
    background: #d3d3d3;
    border: 1px solid;
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 7px;
}

.user-info .user-avatar-name .user-Name {
    display: flex;
    font: bold 20px/14px 'Open Sans', sans-serif;
    color: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
}

.user-info .personal-img-min {
    display: none;
}


.container.assinatura-container .container-info,
.container.assinatura-container-v2 .container-info {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    margin-top: -10px;
}

.container.assinatura-container .container-info h4,
.container.assinatura-container-v2 .container-info h4 {
    background-color: #000;
    font: 16px/19px 'Roboto', sans-Serif;
    color: #fff;
    display: block;
    width: fit-content;
    padding: 5px 35px 5px 16px;
    font-weight: 400;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    cursor: pointer;
    font-weight: 300;
    width: 162px;
    letter-spacing: 0.4px;
    margin-bottom: -2px;
}

.container.assinatura-container .container-info h4::after,
.container.assinatura-container-v2 .container-info h4::after {
    content: '>';
    position: absolute;
    right: 14px;
    top: 8px;
    display: block;
    font-size: 14px;
    transform: rotate(90deg) scale(1, 2.2);
    height: fit-content;
    text-indent: 0px;
    line-height: 13px;
    text-align: center;
    padding-bottom: 2px;
    transition: 1s;
    z-index: 3;
}

.container.assinatura-container .container-info.active h4::after,
.container.assinatura-container-v2 .container-info.active h4::after {
    transform: rotate(630deg) scale(1, 2.2);
}

.container.assinatura-container .container-info .container-info-hide,
.container.assinatura-container-v2 .container-info .container-info-hide {
    border-top: 2px dashed #ddd;
    padding: 20px 0px;
    display: none;
    width: 100%;
}

.container.assinatura-container .container-info.active .container-info-hide,
.container.assinatura-container-v2 .container-info.active .container-info-hide {
    display: block;
}

.container.assinatura-container .container-info.active .container-info-hide div.row,
.container.assinatura-container-v2 .container-info.active .container-info-hide div.row {
    width: 100%;
    margin: 0px;
}

.container.assinatura-container .container-info.active .container-info-hide .col-l-12,
.container.assinatura-container-v2 .container-info-active .container-info-hide .col-l-12 {
    margin-bottom: 10px;
}

.container.assinatura-container .container-info.active .container-info-hide .col-l-12:last-child,
.container.assinatura-container-v2 .container-info.active .container-info-hide .col-l-12:last-child {
    margin-bottom: 0;
}

.container.assinatura-container .container-info.active .container-info-hide .container-ciclo,
.container.assinatura-container-v2 .container-info.active .container-info-hide .container-ciclo {
    margin: 0 0 10px;
}

.container.assinatura-container .container-info.active .container-info-hide .container-ciclo .icone-produto img,
.container.assinatura-container-v2 .container-info.active .container-info-hide .container-ciclo .icone-produto img,
.container.assinatura-container .conteudo-mais-info-item .container-ciclo .icone-produto img {
    margin: 5px 40px 0 0;
    max-width: 60px;
    height: auto;
}

.container.assinatura-container .container-info.active .container-info-hide .nome-produto,
.container.assinatura-container-v2 .container-info.active .container-info-hide .nome-produto,
.container.assinatura-container .conteudo-mais-info-item .nome-produto {
    font-weight: bold;
    margin: 15px 0 0;
}

.container.assinatura-container .container-info.active .container-info-hide .nome-produto img,
.container.assinatura-container-v2 .container-info.active .container-info-hide .nome-produto img,
.container.assinatura-container .conteudo-mais-info-item .nome-produto img {
    display: none;
    max-width: 60px;
    height: auto;
}

.container.assinatura-container .container-info .container-ciclo,
.container.assinatura-container-v2 .container-info .container-ciclo {
    margin: 15px 0px;
    display: flex;
    width: 100%;
}

.container.assinatura-container .container-info .container-ciclo .inicio-ciclo,
.container.assinatura-container-v2 .container-info .container-ciclo .inicio-ciclo {
    padding-left: 0px;
}

.container.assinatura-container .container-info .container-ciclo .timeline-ciclo,
.container.assinatura-container-v2 .container-info .container-ciclo .timeline-ciclo {
    width: 100%;
    position: relative;
    padding: 12px;
    display: flex;
    align-items: center;
    flex-flow: column;
}

.container.assinatura-container .container-info .container-ciclo .timeline-ciclo .bar,
.container.assinatura-container-v2 .container-info .container-ciclo .timeline-ciclo .bar {
    border: 1px solid #aaa;
    height: 7px;
    width: 100%;
    position: relative;
    border-radius: 5px;
}

.container.assinatura-container .container-info .container-ciclo .timeline-ciclo .bar .status-bar .status-bar-info,
.container.assinatura-container-v2 .container-info .container-ciclo .timeline-ciclo .var .status-bar .status-bar-info {
    position: absolute;
    width: 140px;
    display: block;
    right: -8px;
    top: -25px;
    padding-right: 0px;
}

.container.assinatura-container .container-info .container-ciclo .timeline-ciclo .bar .status-bar,
.container.assinatura-container-v2 .container-info .container-ciclo .timeline-ciclo .bar .status-bar {
    background-color: #2de17f;
    position: absolute;
    height: 7px;
    border-radius: 5px;
    min-width: 0px;
    max-width: 100%;
    top: -1px;
    left: -1px;
}

.container.assinatura-container .container-info .container-ciclo .inicio-fim,
.container.assinatura-container-v2 .container-info .container-ciclo .inicio-fim {
    padding-right: 0px;
}

.container.assinatura-container .container-info hr.sep-produtos,
.container.assinatura-container-v2 .container-info hr.sep-produtos {
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-top: 7px;
}

.container.assinatura-container .container-info hr.sep-produtos + .container-entrega,
.container.assinatura-container-v2 .container-info hr.sep-produtos + .container-entrega {
    margin-top: 20px;
}

.container.assinatura-container .container-media,
.container.assinatura-container-v2 .container-media {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.container.assinatura-container .container-media .brand-content,
.container.assinatura-container-v2 .container-media .brand-content {
    display: flex;
    width: 80%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
}

.container.assinatura-container .container-media .brand-content img,
.container.assinatura-container-v2 .container-media .brand-content img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 60px;
    margin-bottom: 8px;
}

.container.assinatura-container .container-media .brand-content p,
.container.assinatura-container-v2 .container-media .brand-content p {
    font: 12px/15px 'Open Sans', sans-serif;
    text-align: center;
}

.container.assinatura-container .container-entrega > div > div,
.container.assinatura-container-v2 .container-entrega > div > div {
    display: flex;
    align-items: center;
}

.container-entrega-link {
    font: normal normal bold 14px/19px 'Open Sans', sans-serif;
    text-decoration: underline;
    letter-spacing: 0.06px;
    text-align: right;
    cursor: pointer;
    color: #464646;
    width: 100%;
    opacity: 1;
}

.container.assinatura-container .container-entrega > div > div > span,
.container.assinatura-container-v2 .container-entrega > div > div > span {
    overflow: hidden;
    height: 20px;
    width: 303px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}

.container.assinatura-container .container-entrega ul,
.container.assinatura-container-v2 .container-entrega ul {
    max-width: 100%;
    height: auto;
}

.container.assinatura-container .status-bar-pay,
.container.assinatura-container-v2 .status-bar-pay {
    margin-left: 10px;
}

.container.assinatura-container span.status.em-cancelamento,
.container.assinatura-container span.status.nao-iniciada,
.container.assinatura-container span.status.suspensa,
.container.assinatura-container span.status.ativa,
.container.assinatura-container span.status.cancelada,
.container.assinatura-container-v2 span.status.suspensa,
.container.assinatura-container-v2 span.status.ativa {
    display: flex;
    padding: 5px 10px;
    background-color: #888;
    width: fit-content;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    position: relative;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
}

.container.assinatura-container span.status.nao-iniciada,
.container.assinatura-container span.status.suspensa,
.container.assinatura-container-v2 span.status.suspensa {
    background-color: #fb820d;
}

.container.assinatura-container span.status.nao-iniciada::before,
.container.assinatura-container span.status.suspensa::before,
.container.assinatura-container-v2 span.status.suspensa::before {
    border-right-color: #fb820d;
}

.container.assinatura-container span.status.ativa,
.container.assinatura-container-v2 span.status.ativa {
    background-color: #2de17f;
}

.container.assinatura-container span.status.ativa::before,
.container.assinatura-container-v2 span.status.ativa::before {
    border-right: 10px solid #2de17f;
}

.container.assinatura-container span.status.cancelada,
.container.assinatura-container-v2 span.status.cancelada {
    background-color: #8b8b8b;
}

.container.assinatura-container span.status.em-cancelamento,
.container.assinatura-container span.status.em-cancelamento::before{
    background-color: #ED1212;   
    color: #fff;
}
.container.assinatura-container .area-alertas{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.container.assinatura-container .alerta-cancelamento{
    text-align: right;
    flex-grow: 1;
    flex-basis: 0;
}
.container.assinatura-container .alerts-assinaturas{
    flex-grow: 1;
    flex-basis: 0;
}

.container.assinatura-container .status-bar,
.container.assinatura-container-v2 .status-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.container.assinatura-container .status-bar::after,
.container.assinatura-container-v2 .status-bar::after {
    content: '\25BC';
    position: absolute;
    right: -5px;
    top: -20px;
}

.container.assinatura-container .container-pagamento,
.container.assinatura-container-v2 .container-pagamento {
    display: flex;
    align-items: center;
    flex-flow: row;
    padding: 10px 0;
}

.container.assinatura-container .container-pagamento img,
.container.assinatura-container-v2 .container-pagamento img {
    width: auto;
    height: 30px;
    margin-right: 10px;
}

.content-custom.content-duvidas h2,
.content-duvidas {
    font: 14px/19px 'Open Sans';
}

.container.assinatura-container .container-atributos a.cancel-link,
.container.assinatura-container-v2 .container-atributos a.cancel-link,
.page-template-single-reset-password .informacao {
    display: none;
}

#render-assinaturas-v2 {
    width: 100%;
    max-width: 100%;
}

.container.assinatura-container .row-endereco {
    padding-top: 5px;
}

.container.assinatura-container .col-endereco {
    display: flex;
}

.container.assinatura-container .col-endereco span {
    display: inline-block;
    padding: 0 0 0 10px;
}

.container.assinatura-container .col-entrega {
    display: flex;
    justify-content: space-between;
}

.container.assinatura-container .col-cancelar {
    padding: 0;
    margin-top: 20px;
}

.container.assinatura-container .col-cancelar a {
    margin: 0;
}

.container.assinatura-container .col-cancelar img {
    margin: 0px 0px -4px 8px;
}

@media screen and (min-width: 991px) and (max-width: 1080px) {
    header .row.indentity {
        display: flex;
        flex-flow: nowrap;
    }

    .user-info {
        justify-content: left;
    }
}

@media screen and (max-width: 991px) {
    .container.assinatura-container .container-media .brand-content p,
    .container.assinatura-container-v2 .container-media .brand-content p {
        text-align: left;
    }

    .container.assinatura-container .container-pagamento > div,
    .container.assinatura-container-v2 .container-pagamento > div {
        width: 100%;
    }

    .container.assinatura-container .container-atributos a#editar,
    .container.assinatura-container-v2 .container-atributos a#editar {
        float: right;
    }

    .container.assinatura-container .container-atributos a.payment-history,
    .container.assinatura-container-v2 .container-atributos a.payment-history {
        display: block;
        margin: 10px 0;
    }

    .container.assinatura-container .container-atributos a.container-entrega-link,
    .container.assinatura-container-v2 .container-atributos a.container-entrega-link {
        text-align: left;
        margin: 0;
    }

    .container.assinatura-container .container-atributos a.cancel-link,
    .container.assinatura-container-v2 .container-atributos a.cancel-link {
        margin: 0;
    }

    .container.assinatura-container span.status.nao-iniciada,
    .container.assinatura-container span.status.suspensa,
    .container.assinatura-container-v2 span.status.suspensa {
        margin: 4px 8px;
    }

    .container.assinatura-container .container-atributos a#editar,
    .container.assinatura-container-v2 .container-atributos a#editar {
        float: none;
    }

    .container.assinatura-container,
    .container.assinatura-container-v2 {
        margin-bottom: unset;
        padding-bottom: unset;
    }

    .container.assinatura-container .container-media,
    .container.assinatura-container-v2 .container-media {
        box-shadow: none;
        border-bottom: 2px dashed #ddd;
    }

    .container.assinatura-container .container-media .brand-content,
    .container.assinatura-container-v2 .container-media .brand-content {
        flex-flow: row;
        justify-content: center;
        width: 100%;
        padding: 10px;
    }

    .container.assinatura-container .container-media .brand-content img,
    .container.assinatura-container-v2 .container-media .brand-content img {
        max-width: 40%;
        padding-right: 10px;
    }

    .container.assinatura-container .container-atributos,
    .container.assinatura-container-v2 .container-atributos {
        padding: 20px;
        padding-bottom: 0px;
    }

    .container.assinatura-container .container-info,
    .container.assinatura-container-v2 .container-info {
        margin-top: 15px;
    }

    .container.assinatura-container .container-info h4,
    .container.assinatura-container-v2 .container-info h4 {
        width: 100%;
        text-align: center;
    }

    .container.assinatura-container .container-info.active .container-info-hide,
    .container.assinatura-container-v2 .container-info-active .container-info-hide {
        width: 100%;
    }

    .container.assinatura-container .container-info .container-ciclo .timeline-ciclo,
    .container.assinatura-container-v2 .container-info .container-ciclo .timeline-ciclo {
        padding: 12px 0;
    }

    .container.assinatura-container .container-info .container-ciclo,
    .container.assinatura-container-v2 .container-info .container-ciclo {
        flex-wrap: wrap;
    }

    .container.assinatura-container .container-info .container-ciclo .inicio-ciclo,
    .container.assinatura-container-v2 .container-info .container-ciclo .inicio-ciclo {
        width: 50%;
        order: 1;
    }

    .container.assinatura-container .container-info .container-ciclo .timeline-ciclo,
    .container.assinatura-container-v2 .container-info .container-ciclo .timeline-ciclo {
        width: 100%;
        order: 3;
        margin-top: 5px;
    }

    .container.assinatura-container .container-info .container-ciclo .fim-ciclo,
    .container.assinatura-container-v2 .container-info .container-ciclo .fim-ciclo {
        width: 50%;
        order: 2;
        text-align: right;
    }

    .container.assinatura-container .container-entrega > div > div,
    .container.assinatura-container-v2 .container-entrega > div > div {
        flex-wrap: wrap;
        justify-content: space-between;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .container.assinatura-container .container-entrega > div > div > span,
    .container.assinatura-container-v2 .container-entrega > div > div > span {
        width: 220px;
        padding: 0px;
    }

    .container.assinatura-container .row-endereco {
        padding-top: 0px;
    }

    .container.assinatura-container .col-endereco {
        margin-bottom: 20px;
    }

    .container.assinatura-container .col-entrega {
        display: block;
        justify-content: unset;
    }

    body .site-main .reset-senha {
        margin: 48px 20px;
    }

    body .site-main .reset-senha form button,
    body .site-main .reset-senha form input {
        width: 100% !important;
    }

    body .site-main .reset-senha form {
        margin: 15px 0 0px 0;
    }

    body .site-main .reset-senha .block.step2 p span {
        font: normal normal bold 14px/18px Roboto;
    }

    .container.assinatura-container .container-info.active .container-info-hide .nome-produto,
    .container.assinatura-container-v2 .container-info.active .container-info-hide .nome-produto,
    .container.assinatura-container .conteudo-mais-info-item .nome-produto {
        display: flex;
        align-items: center;
    }

    .container.assinatura-container .container-info.active .container-info-hide .nome-produto img,
    .container.assinatura-container-v2 .container-info-active .container-info-hide .nome-produto img,
    .container.assinatura-container .conteudo-mais-info-item .nome-produto img {
        display: block;
        margin: 0 10px 0 0;
    }

    .container.assinatura-container .container-info.active .container-info-hide .container-ciclo .icone-produto,
    .container.assinatura-container-v2 .container-info.active .container-info-hide .container-ciclo .icone-produto,
    .container.assinatura-container .conteudo-mais-info-item .container-ciclo .icone-produto {
        display: none;
    }

    .container.assinatura-container .area-alertas{
        display: block;
    }
    .container.assinatura-container .alerta-cancelamento{
        text-align: left;
        margin-top: 12px;
    }
}

@media (min-width: 992px) and (max-height: 780px) {
    .page-template-single-login footer {
        position: static;
    }

    body.page-template-single-login .site-main {
        margin-bottom: 120px;
    }
}

body .login .modal-login input,
body .site-main .edit-perfil input {
    width: 237px;
    height: 33px;
    border: 1px solid #70707066;
    border-radius: 4px;
    opacity: 1;
    margin: 8px 0 12px 0;
    text-indent: 10px;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #666666;
}

body .login .modal-login button,
body .site-main .reset-senha form button,
body .site-main .perfil .edit-perfil .btn {
    font: 14px/19px 'Open Sans', 'Regular';
    letter-spacing: 0.06px;
    color: #ffffff;
    width: 237px;
    height: 42px;
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: 8px 8px 10px #00000014;
    border-radius: 4px;
    opacity: 1;
    margin-top: 16px;
    cursor: pointer;
}

input#numDocumento,
input#nomPessoa {
    background: #f3f3f3;
}

.modal-dados-pessoais span.back {
    background: #000;
    color: #fff;
    border-radius: 5px;
    padding: 14px;
    width: 150px;
    display: block;
    margin: 20px auto 0;
    text-decoration: none;
    font-size: 14px;
}

body .site-main .reset-senha form {
    margin: 15px 0 30px 0;
}

body .site-main .reset-senha form input {
    width: 305px;
}

body .site-main .reset-senha form button {
    width: 305px;
}

body .site-main .perfil .block .block-endereco p {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #464646;
    text-transform: capitalize;
}

body .site-main .perfil .block .block-endereco .card-endereco {
    align-items: center;
    margin-bottom: 21px;
}

body .site-main .perfil .block .block-endereco p span {
    font: normal normal bold 14px/19px Open Sans;
}

body .site-main .perfil .block .block-endereco .block-endereco-edit a {
    text-align: right;
    text-decoration: underline;
    font: normal normal normal 12px/14px Roboto;
    letter-spacing: 0.35px;
    color: #464646;
    opacity: 1;
}

body .site-main .perfil .block .block-endereco-novo a {
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 13px/18px Open Sans;
    letter-spacing: 0.05px;
    color: #464646;
    opacity: 1;
}

body .site-main .perfil .block .block-endereco-novo a span {
    font: normal normal bold 13px/18px Open Sans;
}

body .site-main .perfil .edit-perfil input {
    width: 100%;
}

body .site-main .perfil .edit-perfil btn {
    width: 165px;
    padding: 11px 15px;
}

.view-edit-payment-type {
    height: 100%;
    width: 100%;
    background-color: #f2f2f2;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

body .debito-conta {
    width: 367px;
    min-height: 363px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    padding: 16px 16px 20px 23px;
}

body .debito-conta h3 {
    text-align: left;
    font: normal normal bold 16px/19px Roboto;
    letter-spacing: 0.06px;
    color: #464646;
    text-transform: uppercase;
    opacity: 1;
}

body .debito-conta .input-dc {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

body .debito-conta label {
    text-indent: unset;
    padding-left: unset;
}

.opacity05 {
    opacity: 0.55;
}

.minha-abril-payment-card {
    width: 366px;
    height: auto;
    display: flex;
    background-color: #ffffff;
    padding: 24px;
    flex-flow: column;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

.minha-abril-payment-card.payment-change {
    width: 474px;
    min-height: 300px;
}

.minha-abril-payment-card.payment-change form {
    display: flex;
    flex-flow: column;
    row-gap: 32px;
}

.minha-abril-payment-card.payment-change .payment-card-body div {
    margin: 8px 0;
}

.minha-abril-payment-card.payment-change form label {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0.06px;
    color: #464646;
    opacity: 1;
}

.minha-abril-payment-card.payment-change form label span {
    font: normal normal bold 14px/19px Open Sans;
    padding-right: 5px;
}

.minha-abril-payment-card.payment-change .payment-card-body .account-bank-slip,
.minha-abril-payment-card.payment-change .payment-card-body .account-pix {
    display: none;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card h3,
.minha-abril-payment-card.payment-change .payment-card-body .account-debit h3 {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font: normal normal bold 16px/19px Roboto;
    letter-spacing: 0.06px;
    color: #464646;
    text-transform: uppercase;
    opacity: 1;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card h3 img,
.minha-abril-payment-card.payment-change .payment-card-body .account-debit h3 img {
    width: 20px;
    margin-right: 5px;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card p,
.minha-abril-payment-card.payment-change .payment-card-body .account-debit p {
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0.05px;
    color: #464646;
    opacity: 1;
    font: normal normal normal 13px/18px Open Sans;
    cursor: pointer;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card p span,
.minha-abril-payment-card.payment-change .payment-card-body .account-debit p span {
    font: normal normal bold 13px/18px Open Sans;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card div,
.minha-abril-payment-card.payment-change .payment-card-body .account-bank-slip div,
.minha-abril-payment-card.payment-change .payment-card-body .account-pix div {
    display: flex;
    align-items: center;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card div label,
.minha-abril-payment-card.payment-change .payment-card-body .account-bank-slip div label,
.minha-abril-payment-card.payment-change .payment-card-body .account-pix div label {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card div label {
    position: relative;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card div {
    margin-bottom: 20px;
}

.minha-abril-payment-card.payment-change .payment-card-body .credit-card div label img,
.minha-abril-payment-card.payment-change .payment-card-body .account-bank-slip div label img,
.minha-abril-payment-card.payment-change .payment-card-body .account-pix div label img {
    margin-right: 10px;
}

.minha-abril-payment-card.payment-change .payment-card-body .account-debit {
    margin-top: 32px;
}

.minha-abril-payment-card.payment-change .payment-card-body .account-debit div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.minha-abril-payment-card.payment-change .payment-card-body .account-debit div label {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.minha-abril-payment-card .payment-card-read {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.minha-abril-payment-card .payment-card-read .close {
    font-size: 18px;
    cursor: pointer;
}

.minha-abril-payment-card .payment-card-read h2 {
    font: bold 16px/19px Roboto;
    padding: 0;
    margin: 0;
}

.minha-abril-payment-card .payment-card-body .form-group {
    padding-top: 15px;
}

.minha-abril-payment-card .payment-card-body .form-group label {
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    color: #464646;
    font-family: 'Open Sans', sans-serif;
}

.minha-abril-payment-card .payment-card-body .form-group input[type='text'] {
    width: 100%;
    height: 33px;
    border: 1px solid #70707066;
    border-radius: 4px;
    margin: 4px 0;
    padding: 0 15px;
    font-size: 16px;
    color: #464646;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.minha-abril-payment-card .payment-card-footer {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.minha-abril-payment-card .payment-card-footer.footer-seleciona {
    justify-content: center;
}

.minha-abril-payment-card .payment-card-footer.footer-seleciona .select {
    display: none;
}

.minha-abril-payment-card .payment-card-footer button.btn-change-payment-type {
    width: 47%;
    height: 42px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.minha-abril-payment-card .payment-card-footer button.btn-change-payment-type:hover {
    opacity: 0.7;
}

body div.informacao {
    margin-left: 70px;
    margin-bottom: 73px;
}

body div.informacao p {
    text-align: left;
    font: normal normal normal 12px/14px Roboto;
    letter-spacing: 0.05px;
    color: #464646;
}

body div.informacao span {
    text-align: left;
    font: normal normal bold 12px/14px Roboto;
    letter-spacing: 0.05px;
    color: #464646;
}

body .site-main.list-endereco {
    width: 710px;
    min-height: 276px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    opacity: 1;
    border-radius: 4px;
    display: none;
}

@media (min-width: 992px) {
    header {
        border-bottom: 1px #707070 dashed;
        padding-bottom: 0px;
    }

    header .container {
        height: 148px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    header .brand img {
        display: initial;
    }

    .main-menu .menu {
        display: flex;
    }

    .main-menu .menu > li {
        flex: 1;
        display: initial;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main-menu .menu > li:last-child {
        text-align: right;
    }

    .main-menu .menu > li:only-child {
        text-align: center;
    }

    .main-menu .menu > li:not(:first-child):not(:last-child) {
        text-align: center;
        flex: 2;
    }

    .main-menu .menu li a {
        border-bottom: 7px solid transparent;
        transition: border 500ms ease-in-out;
        display: inline-block;
    }

    .main-menu .menu li:hover a,
    .main-menu .menu li.current-menu-item a {
        border-bottom-color: #000000;
    }

    .page-template-single-new-password .float-title {
        top: -62px;
        font-size: 20px;
        left: 50%;
        transform: translate(-50%);
        border-bottom: 7px solid #000000;
    }    

    body .site-main .perfil {
        margin-top: 30px;
        margin-bottom: 180px;
    }

    body .site-main.list-endereco .perfil {
        margin-top: unset;
        margin-bottom: 0;
    }

    body .site-main .edit-perfil input {
        width: 100%;
    }

    body .site-main .perfil ul {
        padding-right: 50px;
    }

    body .site-main .perfil ul li {
        opacity: 1;
        margin-bottom: 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    body .site-main .perfil .edit-perfil {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        font: 14px/19px 'Open Sans', 'Regular';
    }

    .page-custom-mural + .site-main.list-endereco {
        margin: -100px auto 200px;
    }
}

@media (max-width: 991px) {
    header > .container {
        height: unset;
    }

    body .site-main .perfil ul.conta-perfil-menu li {
        margin-bottom: 40px;
    }

    header .row.indentity {
        flex-flow: column;
        align-items: center;
        display: flex;
        grid-template-columns: unset;
        margin-bottom: 13px;
        padding: 24px 0px;
        margin: 0px;
    }

    div.banner-promotion-footer {
        display: block;
        width: 100%;
        margin-bottom: 24px;
        text-align: center;
    }

    header .row.indentity .banner-promotion-header {
        width: 100%;
        margin-top: 24px;
        text-align: center;
    }

    .container.assinatura-container .nome-projeto {
        display: block;
    }

    .container.assinatura-container .title {
        font-size: 17px;
    }

    .container.assinatura-container .mais-info {
        text-align: left;
    }

    .container.assinatura-container .mais-info span {
        display: block;
    }

    .container.assinatura-container .conteudo-mais-info-item p {
        font-size: 13px;
    }

    .container.assinatura-container .conteudo-mais-info-item a {
        margin: 0;
    }

    .container.assinatura-container .conteudo-mais-info-item .col-s-12 + .col-s-12 {
        text-align: left;
    }

    body .estoque-edicao-sucesso input[type='button'],
    body .problemas-entrega form.add-problemas-entrega input[type='button'] {
        width: 144px;
    }

    .estoque-edicao-ativo .cover-edition img {
        max-width: 140px;
        width: 100%;
    }

    body .estoque-edicao-sucesso p {
        text-align: center;
        font: normal normal 500 14px/20px Roboto, sans-serif;
        letter-spacing: 0;
        padding: 0 14px;
        color: #000000;
        opacity: 1;
    }

    .estoque-edicao-ativo h3 {
        font: normal normal bold 16px/22px Roboto, sans-serif;
    }
}

body .site-main .perfil ul.conta-perfil-menu li {
    display: flex;
    align-items: center;
}

body .site-main .perfil ul.conta-perfil-menu li a {
    text-align: left;
    font: normal normal bold 14px/16px Roboto;
    letter-spacing: 0.06px;
    color: #666666;
    text-transform: uppercase;
    padding-left: 15px;
}

body .site-main .perfil ul.conta-perfil-menu li a.active,
body .site-main .perfil ul.conta-perfil-menu li a:hover {
    color: #111;
}

div#msgstatus.erro {
    height: 45px;
    display: flex;
    align-items: baseline;
    color: #c00;
}

@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

div#msgstatus.erro::before {
    content: '\2716';
    margin-right: 10px;
}

div#msgstatus.success {
    position: absolute;
    background-color: #fff;
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    left: 15px;
    top: 0;
    align-items: center;
    justify-content: center;
    z-index: 9;
    color: #118358;
    font-size: 22px;
    animation-duration: 1s;
    animation-name: slidein;
}

div#msgstatus.success::before {
    content: '\2714';
    display: flex;
    font-size: 34px;
    margin: 17px;
}

.btn-with-loader {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: black;
    top: 0;
    left: 0;
    border-radius: 8px;
    opacity: 0;
}

.btn-with-loader.active {
    opacity: 1;
}

.block-with-loader .loader,
.btn-with-loader .loader,
.container.assinatura-container .loader {
    color: #118358;
    font-size: 30px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

.block-with-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    pointer-events: none;
}

.block-with-loader.active {
    opacity: 1;
}

.btn-with-loader .loader {
    position: absolute;
    color: #ffffff;
    font-size: 18px;
}

#update_password_button {
    position: relative;
}

.aviso-renovacao {
    background: url('images/icone-alerta.svg') left 3px no-repeat;
    padding: 0 0 0 27px;
}

.container.assinatura-container .container-atributos .aviso-renovacao a {
    color: #f52e2e;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}

.aviso-renovacao-prox-edicao {
    display: flex;
}

.aviso-renovacao-prox-edicao span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 6px 0 8px;
    position: relative;
    cursor: pointer;
    background: url('images/icone-questao.svg') left top no-repeat;
}

.aviso-renovacao-prox-edicao span i {
    position: absolute;
    left: 30px;
    top: -2px;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    width: 310px;
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    padding: 0 0 1px 5px;
    display: none;
}

.aviso-renovacao-prox-edicao span i:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: -6px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    transform: rotate(45deg);
    background: #f2f2f2;
}

.aviso-renovacao-prox-edicao span:hover i {
    display: block;
}

.card-renovacao {
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 30px 90px;
    width: 90%;
    max-width: 800px;
}

.card-renovacao .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
}

.card-renovacao-header {
    text-align: center;
}

.card-renovacao-header h2 {
    font-size: 16px;
    font-family: 'ROBOTO', sans-serif;
    margin-bottom: 5px;
}

.card-renovacao-header img {
    margin-bottom: 16px;
    max-height: 40px;
    width: auto;
}

.card-renovacao .sep-dotted {
    border-top: 2px dotted #ccc;
    margin: 15px 0px;
}

.card-renovacao-body .icone {
    float: left;
    margin-right: 20px;
}

.card-renovacao-body p {
    margin-bottom: 10px;
}

.card-renovacao-body p.plano-expirado {
    font-family: 'Roboto', sans-serif;
}

.card-renovacao-body p.add-credit-card,
.card-renovacao-body p.add-account-debit {
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.page-custom-mural .card-renovacao {
    margin: 50px auto 150px;
}

.ofertas-renovacao {
    margin: 40px 0 0;
    position: relative;
}

.ofertas-renovacao-area {
    overflow: hidden;
}

.ofertas-renovacao ul {
    width: 9999px;
}

.ofertas-renovacao ul.ofertas-renovacao-lista-mini {
    width: auto;
    display: flex;
    justify-content: center;
}

.ofertas-renovacao li {
    width: 192px;
    margin-right: 20px;
    float: left;
}

.ofertas-renovacao li:last-child {
    margin-right: 0;
}

.ofertas-renovacao .seta-esq,
.ofertas-renovacao .seta-dir {
    display: block;
    width: 32px;
    height: 32px;
    background: #262626;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    cursor: pointer;
}

.ofertas-renovacao .seta-esq {
    left: -16px;
    display: none;
}

.ofertas-renovacao .seta-esq:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 10px 0 0 12px;
    transform: rotate(45deg);
}

.ofertas-renovacao .seta-dir {
    right: -16px;
}

.ofertas-renovacao .seta-dir:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 10px 0 0 9px;
    transform: rotate(-135deg);
}

.ofertas-renovacao .seta-oculta {
    display: none;
}

.ofertas-renovacao-item {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    min-height: 180px;
}

.ofertas-renovacao-item h3 {
    font-size: 18px;
    font-family: 'ROBOTO', sans-serif;
    text-transform: uppercase;
}

.ofertas-renovacao-item span {
    display: block;
    margin-top: 5px;
    font-family: 'ROBOTO', sans-serif;
    color: #000;
}

.ofertas-renovacao-item strong.preco {
    font-size: 23px;
    font-family: 'ROBOTO', sans-serif;
}

.ofertas-renovacao-item span.obs {
    font-size: 10px;
    color: #737373;
}

.ofertas-renovacao li input[type='radio'] {
    margin: 10px auto 0;
    display: block;
}

.card-renovacao button {
    width: 194px;
    height: 42px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    margin: 30px 5px 0;
    display: inline-block;
    box-shadow: 3px 3px 6px #00000029;
    border-radius: 5px;
}

.card-renovacao-footer {
    text-align: center;
}

.card-renovacao-pagamento {
    padding: 25px;
    max-width: 475px;
}

.card-renovacao-pagamento .meio-pagamento {
    margin-top: 20px;
}

.card-renovacao-pagamento .meio-pagamento h3 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-family: 'ROBOTO', sans-serif;
}

.card-renovacao-pagamento .meio-pagamento h3 img {
    width: 20px;
    margin-right: 5px;
}

.card-renovacao-pagamento .meio-pagamento .item-meio-pagamento div,
.card-renovacao-pagamento .meio-pagamento div label {
    display: flex;
    align-items: center;
}

.card-renovacao-pagamento .meio-pagamento > div {
    justify-content: space-between;
    margin-bottom: 12px;
}

.card-renovacao-pagamento .meio-pagamento div label img {
    margin: 0 10px;
}

.card-renovacao-pagamento .meio-pagamento div label span {
    font-weight: bold;
    padding-right: 5px;
}

.card-renovacao-pagamento .meio-pagamento.boleto div label span {
    font-family: 'ROBOTO', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

.card-renovacao-pagamento .meio-pagamento.account-debit input {
    margin-right: 10px;
}

.card-renovacao-pagamento .parcelamento {
    padding: 7px 0 0 25px;
}

.card-renovacao-pagamento .parcelamento select {
    border: 1px solid #70707066;
    border-radius: 4px;
    padding: 7px;
    margin: 0 0 0 10px;
}

.excluir-forma-pagamento {
    text-transform: uppercase;
    text-decoration: underline;
    font-family: 'ROBOTO', sans-serif;
    font-size: 12px;
}

.card-renovacao-resumo strong {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: block;
}

.card-renovacao-resumo span {
    font-family: 'Roboto', sans-serif;
}

.card-renovacao-resumo svg {
    float: left;
    margin: 0 20px 20px 0;
}

.card-renovacao-sucesso {
    max-width: 625px;
}

.card-renovacao-sucesso .renovacao-msg {
    text-align: center;
}

.card-renovacao-sucesso .renovacao-msg h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 3px;
}

.card-renovacao-sucesso .renovacao-msg em {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.card-renovacao-programada {
    max-width: 620px;
    padding: 24px;
}

.card-renovacao-programada h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-renovacao-programada h2 svg {
    margin-right: 8px;
}

.card-renovacao-programada p {
    font-family: 'ROBOTO', sans-serif;
}

.card-renovacao-programada .text-right {
    text-align: right;
}

.link-renovacao-programada-editar {
    font: normal normal bold 12px/14px Roboto;
    color: #464646;
    text-transform: uppercase;
    text-decoration: underline;
}

.card-renovacao-programada .card-renovacao-footer button {
    margin: 15px 0 10px;
    max-width: 170px;
}

.card-renovacao-programada .card-renovacao-footer span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #707070;
}

.card-renovacao-programada .card-renovacao-footer span a {
    text-decoration: underline;
    color: #707070;
}

.card-renovacao-programada .card-renovacao-footer span:last-child {
    font-style: italic;
}

.card-renovacao-programada .card-renovacao-footer span svg {
    margin-right: 2px;
}

.card-renovacao-whatsapp {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 408px;
    height: 178px;
    margin: -89px 0 0 -204px;
    display: none;
}

.card-renovacao-whatsapp:before {
    content: '';
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.card-renovacao-whatsapp-area {
    background: #fff;
    position: relative;
    border-radius: 5px;
    padding: 24px 40px;
    text-align: center;
    height: 100%;
}

.card-renovacao-whatsapp-area .close-whatsapp {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.card-renovacao-whatsapp-area a.btn-whatsapp {
    display: flex;
    background: #000;
    color: #fff;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    padding: 8px;
    margin: 10px auto;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #00000040;
    max-width: 240px;
}

.card-renovacao-whatsapp-area a.btn-whatsapp svg {
    margin-right: 5px;
}

.card-renovacao-whatsapp-area span.num-tel {
    font-size: 12px;
}

.card-renovacao-programada-sucesso {
    max-width: 625px;
}

.card-renovacao-programada-sucesso h2 {
    font: normal normal bold 18px/25px Roboto;
    margin: 15px 0;
}

.card-renovacao-programada-sucesso p {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
}

.card-renovacao-programada-sucesso p:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .aviso-renovacao-prox-edicao {
        margin: 20px 0 0;
        text-align: left;
    }

    .aviso-renovacao-prox-edicao span i {
        width: 200px;
    }

    .aviso-renovacao br {
        display: none;
    }

    .card-renovacao {
        padding: 30px 20px;
        width: 96%;
        max-width: 380px;
    }

    .card-renovacao-header p {
        padding: 0 30px;
    }

    .card-renovacao-header p br {
        display: none;
    }

    .card-renovacao-body p.plano-detalhes {
        display: none;
    }

    .card-renovacao-body p.plano-expirado {
        font-size: 12px;
    }

    .card-renovacao-body p.plano-expirado strong {
        display: block;
    }

    .card-renovacao-body .icone {
        max-width: 60px;
        height: auto;
    }

    .card-renovacao.card-renovacao-pagamento .card-renovacao-header h2 {
        max-width: 250px;
        margin: 0 auto 5px;
    }

    .card-renovacao.card-renovacao-pagamento button {
        width: 142px;
    }

    .card-renovacao-resumo .card-renovacao-body .col-s-12:first-child {
        padding-left: 60px;
        margin-bottom: 20px;
    }

    .card-renovacao-resumo svg {
        margin-right: 10px;
    }

    .ofertas-renovacao ul {
        padding-left: 72px;
    }

    .card-renovacao-programada p {
        padding: 0 16px;
        margin: 0;
    }

    .card-renovacao-programada .col-l-6:first-child p {
        margin-bottom: 20px;
    }

    .card-renovacao-programada .card-renovacao-footer button {
        margin-top: 25px;
    }

    .card-renovacao-whatsapp {
        height: auto;
        max-width: 90%;
        margin: -50% auto 0;
        left: 5%;
    }
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
            0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
            0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
            -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,
            -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,
            -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
            0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
            0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
            0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
            -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,
            -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,
            -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,
            0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#update-password span.error,
.reset-senha span.error {
    font-size: 12px;
    position: relative;
    top: -13px;
    color: red;
}

button#update_password_button.disabled,
body .site-main .reset-senha form button.disabled {
    pointer-events: none;
    background: #999898;
}

.expired-card {
    margin-top: -5px;
}

.expired-card p,
span.expired-card-span {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    display: flex;
    align-items: center;
}

span.expired-card-span.expira-em-breve {
    color: #f52e2e;
}

span.expired-card-span {
    position: absolute;
    bottom: -20px;
    left: 60px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-size: 12px !important;
    width: 100%;
}

span.expired-card-span.assinaturas {
    position: relative;
    align-items: end;
    left: 0;
    top: 0;
}

span.expired-card-span svg {
    display: none;
}

span.expired-card-span.expira-em-breve svg {
    margin-top: 5px;
    display: initial;
}

.alerta-geral {
    background: #d9d9d9;
    padding: 10px 0;
    font: normal normal normal 16px/20px Roboto;
    text-align: center;
    color: #464646;
}

@media (max-width: 768px) {
    .alerta-geral {
        font-size: 14px;
    }
}

/*css conteudo salvo*/
.conteudo-salvos {
    height: 100%;
    position: relative;
    margin-bottom: 100px;
}

.conteudo-salvos .conteudo-salvo-menu {
    margin-top: 60px;
}

.conteudo-salvos .conteudo-salvo-menu li {
    cursor: pointer;
}

.conteudo-salvos .conteudo-salvo-menu li:nth-child(2) {
    margin-top: 30px;
}

.conteudo-salvos .conteudo-salvo-menu li a {
    text-decoration: none;
    color: #000;
    margin-left: 15px;
}

.conteudo-salvos .block.conteudo-salvo {
    background: #fff;
    padding: 14px 18px 28px 20px;
    margin-top: 30px;
    border-radius: 8px;
    box-shadow: 3px 3px 6px #00000029;
}

.conteudo-salvos .block.conteudo-salvo h3 {
    top: 10px;
    position: relative;
}

.conteudo-salvos .block.conteudo-salvo hr {
    border-bottom: 1px #707070 dashed;
    margin: 20px 0;
}

.conteudo-salvos .block.conteudo-salvo .data-materia hr,
.conteudo-salvos .block.conteudo-salvo .data-seguindo hr {
    border-bottom: 1px #707070 dashed;
    margin: 20px 0;
    width: 100%;
}

.conteudo-salvos .block.conteudo-salvo .filtro-conteudo-salvo {
    float: right;
    width: 156px;
    height: 33px;
    display: flex;
    align-items: center;
    border: 1px solid #70707080;
    border-radius: 5px;
}

.conteudo-salvos .block.conteudo-salvo .filtro-conteudo-salvo select {
    padding-right: 70px;
}

/*categoria blog com imagem*/
.conteudo-salvos .block.conteudo-salvo .post-data .post-category-blog-post {
    display: flex;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category-blog-post .blog-image {
    padding-left: 0;
    width: 50px;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category-blog-post .blog-post-image {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px solid #707070;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category-blog-post .blog-post-image img {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px solid #707070;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category-blog-post .blog-data {
    margin-left: -10px;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category-blog-post .blog-data .author-name span {
    font: normal normal bold 14px/28px 'Roboto', sans-serif;
}

/*categoria blog com imagem*/

.conteudo-salvos .post-data a {
    color: #000;
}

.conteudo-salvos #alertaFavoritadas {
    padding-bottom: 50px;
    text-align: center;
    position: relative;
}

.conteudo-salvos #alertaFavoritadas:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 50%;
    border: 5px solid #ccc;
    border-top-color: #333;
    animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.conteudo-salvos .conteudo-salvo-menu li.text-bold span {
    font-weight: bold;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category {
    margin-bottom: 6px;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-category span {
    background: blue;
    padding: 4px 7px 4px 7px;
    color: #fff;
    font: normal normal bold 14px/17px Roboto, sans-serif;
    text-transform: uppercase;
}

.conteudo-salvos .block.conteudo-salvo .post-data .data-follow span {
    font: normal normal normal 12px/20px 'Roboto', sans-serif;
    color: #2f2f2f;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-title span {
    font: normal normal bold 19px/28px 'Roboto', sans-serif;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-excerpt span {
    font: normal normal 300 14px/18px 'Roboto', sans-serif;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-author span {
    font: normal normal normal 12px/20px 'Roboto', sans-serif;
}

.conteudo-salvos .block.conteudo-salvo .post-data .post-author span strong {
    font: normal normal normal 12px/20px 'Roboto', sans-serif;
}

.conteudo-salvos .block.conteudo-salvo .post-data span.post-read {
    font: normal normal 500 12px/16px 'Roboto', sans-serif;
    color: #2a488b;
}

.conteudo-salvos .block.conteudo-salvo .botao-excluir {
    display: flex;
    align-items: center;
    justify-content: right;
}

.conteudo-salvos .block.conteudo-salvo .botao-excluir button {
    background: none;
    text-decoration: underline;
    color: #464646;
    cursor: pointer;
}

.conteudo-salvos .block.conteudo-salvo .botao-excluir a {
    position: absolute;
    margin-top: 50px;
    background: none;
    text-decoration: underline;
    color: #464646;
    cursor: pointer;
    font-size: 13.5px;
    text-align: right;
    margin-right: 10px;
}

.conteudo-salvos .block.conteudo-salvo .post-author {
    font: normal normal normal 12px/20px 'Roboto', sans-serif;
}

.conteudo-salvos .block.conteudo-salvo .post-author strong {
    font-weight: 400;
}

.page-template-page-conteudos-salvos footer {
    position: relative;
}

.conteudo-salvo:not(.d-none) #listaSeguidas.ordemMarca .data-materia .materias .post-category-blog-post .blog-image {
    margin-top: 30px;
}

.conteudo-salvo:not(.d-none)
    #listaSeguidas.ordemMarca
    .data-materia
    .materias
    .post-category-blog-post
    .blog-data
    .post-category:not(.d-none) {
    margin-left: -52px;
    margin-top: -10px;
}

.conteudo-salvo:not(.d-none)
    #listaSeguidas.ordemMarca
    .data-materia
    .materias
    .post-category-blog-post
    .blog-data
    .author-name {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .conteudo-salvo:not(.d-none) #listaSeguidas.ordemMarca .data-materia .materias {
        margin-bottom: -30px;
    }

    .conteudo-salvo:not(.d-none) #listaSeguidas.ordemMarca .data-materia hr {
        margin-bottom: 40px;
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .conteudo-salvos .conteudo-salvo-menu {
        margin-top: 10px;
    }

    .conteudo-salvos .conteudo-salvo-menu li {
        display: inline-block;
    }

    .conteudo-salvos .conteudo-salvo-menu li#menu-materia {
        margin-left: 25px;
    }

    .conteudo-salvos .conteudo-salvo-menu li#menu-seguindo {
        margin-left: 100px;
    }

    .conteudo-salvos .block.conteudo-salvo .filtro-conteudo-salvo {
        margin-top: 3px;
    }

    .conteudo-salvos .block.conteudo-salvo .post-data .post-author span.separator {
        display: none;
    }

    .conteudo-salvos .block.conteudo-salvo .post-author {
        display: grid;
    }

    .conteudo-salvos .block.conteudo-salvo .data-materia {
        display: grid;
    }

    .conteudo-salvos .block.conteudo-salvo .botao-excluir {
        position: relative;
        justify-content: end;
        margin-top: 0;
        display: flex;
    }

    .conteudo-salvos .block.conteudo-salvo .botao-excluir {
        position: relative;
    }

    .conteudo-salvos .block.conteudo-salvo .botao-excluir a {
        margin-top: 0px;
        margin-right: 0;
        position: relative;
    }
}

.container-dicas{
    margin: 25px auto 180px;
}
.bloco-dicas{
    background: #fff;
    box-shadow: 0px 3px 6px #00000012;
    border-radius: 15px;
    padding: 20px;
}
.bloco-dicas h1{
    font: normal normal bold 16px/21px Roboto;
    letter-spacing: 0.06px;
    color: #464646;
    text-transform: uppercase;
}
.bloco-dicas h1 + p{
    font: normal normal 300 14px/17px Roboto;
    letter-spacing: 0px;
    color: #2F2F2F;
    border-bottom: 1px dashed;
    padding: 5px 0 10px;
}
.bloco-dicas .subtitulo{
    font: normal normal bold 16px/21px Roboto;
    letter-spacing: 0.06px;
    color: #464646;
    text-transform: uppercase;
    margin: 30px 0 10px;
}
.bloco-dicas .obs{
    font: normal normal normal 14px/17px Roboto;
    letter-spacing: 0px;
    color: #2F2F2F;
}
.bloco-dicas .obs p{
    margin-bottom: 15px;
}
.bloco-dicas .item-dica{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.bloco-dicas .item-dica img{
    margin-right: 15px;
    max-width: 42px;
    height: auto;
}
.bloco-dicas .item-dica strong{
    font: normal normal bold 14px/28px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    display: block;
}
.bloco-dicas .item-dica span{
    font: normal normal normal 14px/18px Roboto;
    letter-spacing: 0px;
    color: #2F2F2F;
}
.menu-dicas li{
    margin-bottom: 10px;
}
.menu-dicas li a{
    font: normal normal bold 13px/18px Roboto;
    letter-spacing: 0.05px;
    color: #000000;
    text-transform: uppercase;
    background: url('plugins/abril-plugins/minha-abril/core/plugins/duvidas/images/duvidas-nav.svg') left center no-repeat;
    display: block;
    padding: 5px 0 3px 35px;
}

@media( max-width: 991px){
    .menu-dicas{
        display: none;
    }
    .container-dicas{
        margin-bottom: 40px;
    }
    .bloco-dicas .item-dica{
        align-items: start;
    }
    .bloco-dicas .item-dica img{
        margin-top: 5px;
    }
}
@media (min-width: 992px) {
    .col-ra-1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
    }

    .footer-line1 {
        flex: 1;
        margin-right: 20px;
    }

    .footer-line2 {
        flex: 0;
    }

    .footer-line1 p,
    .footer-line1 a {
        margin: 0;
    }
    .selo-ra{
        width: 136px;
        height: 48px;
    }
}
@media (max-width: 991px) {
    .col-ra-1 {
        display: block;
    }

    .footer-line1,
    .footer-line2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .selo-ra {
        display: block;
        margin: 0 auto;
    }
}