.q-card.yuhu-card{
    padding: 8px 8px;
}
.q-card.yuhu-card > .row {
    padding: 16px 16px;
    border: 1px solid rgba(161, 227, 184, 0.24);
}
.userInfo{
    height: 193px;
}
.left-drawer-menu{
    height: calc(100% - 193px); margin-top: 193px
}
.left-drawer-menu .q-item {
    padding: 8px 14px 8px 29px;
}
.left-drawer-menu .q-item__section--avatar {
    color: inherit;
    min-width: initial;
}
.left-drawer-menu .q-item .icon{
    font-size: 1.2rem;
    margin-right: .2em;
}
.left-drawer-menu .q-item--active{
    font-weight: 600;
}
.header-top{
    min-height: 30px;
    padding-top: 10px;
}
.header-bottom{
    padding-bottom: 10px;
}
.col.main-banner-col{
    min-width: 370px;
}
.banner-iustration{
    background-image: url('/img/ilustracion-01.svg');
    height: calc(100% + 40px);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -20px;
}
.main-banner-title{
    line-height: 1;
}
.main-banner-subtitle{
    max-width: 350px;
    font-size: 13px
}

/*****
/* RESPONSIVE
 *****/


@media (max-width: 600px) {
    h2, .text-h2 {
        font-size: 1.5rem;
    }
    h4, .text-h4 {
        font-size: 1.5rem;
    }
    .main-page{
        padding: 30px 15px;
    }
    .col.main-banner-col{
        min-width: initial;
    }
}
@media (max-width: 350px) {
    h6, .text-h6,
    h5, .text-h5,
    h3, .text-h3,
    h2, .text-h2 {
        font-size: 20px;
    }
    .main-banner-title {
        font-size: 20px;
    }
}