@media screen and (min-width: 768px) {
    .login {
        display: flex;
        padding: 0;
        border: 0;
        height: 870px;
    }
    .login .login__image {
        display: block;
        width: 40%;
        border-radius: 12px 0 0 12px;
        position: relative;
        height: inherit;
    }
    .login .login__image figcaption {
        border-radius: inherit;
        height: inherit;
    }
    .login .login__image figcaption::before {
        position: absolute;
        content: " ";
        background-image: linear-gradient(to right, #9f3231cc, transparent);
        width: 100%;
        height: 100%;
        border-radius: inherit;
    }
    .login .login__image figcaption img {
        width: 100%;
        height: inherit;
        object-fit: cover;
        border-radius: inherit;
    }
    .login__image .login__image--info {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2rem;
        color: white;
        width: 100%;
    }
    .login__image .login__image--info div {
        display: flex;
        flex-direction: column;
    }
    .login .login__form {
        width: 60%;
        padding: 2rem;
    }
    .login__form .login__form-links {
        flex-direction: row;
        column-gap: 1rem;
    }
    .user .user__content {
        flex-direction: row;
        column-gap: 1rem;
    }
    .user__content .user__content--card {
        width: 45%;
        height: 100%;
    }
    .user__content--card .card .card__row.cta {
        flex-direction: column;
    }
    .user__content .user__content--info {
        width: 54%;
    }
    .user__content--info .nav-pills {
        flex-wrap: nowrap;
    }
    .user__content--info .nav-pills .nav-item {
        width: 100px;
    }
    .nav-pills .nav-item .nav-link {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-block: .3rem;
        padding-inline: .3rem;
    }
    .user__content--info .tab-content .tab-pane .card .card__detail {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .user__content--info .tab-content .tab-pane .card .card__detail .card__detail--info {
        width: 50%;
    }
    .search .search__content {
        width: 460px;
        margin: 0 auto;
    }
    .listc__content .listc__content--header {
        flex-direction: row;
        justify-content: space-between;
    }
    .listc__content .listc__content--header .list-header {
        flex-direction: column;
        justify-content: start;
    }
    .listc__content .listc__content--header .list-cta {
        flex-direction: column;
        row-gap: 1rem;
    }
    .listc__content .listc__content--filter {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 1rem;
        justify-content: space-between;
    }
    .listc__content .listc__content--filter .list-select {
        flex-direction: column;
        width: 190px;
    }
    .listc__content--filter .list-cta button {
        height: 38px;
        align-self: end;
        width: 190px;
    }
    .pagination .pagination__content {
        flex-direction: row;
        justify-content: space-between;
    }
    .pagination__content .pagination__content--info p {
        margin: 0;
    }
    .removec__content .removec__content--form {
        width: 450px;
        padding: 2rem;
    }
    .removec__content--form .form-body p {
        text-align: left;
    }
    .removec__content--form .form-body .buttons {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .registerc .registerc__content {
        width: 550px;
    }
    .registerc__content .registerc__content--form form {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .registerc__content .registerc__content--form form .group-row {
        width: 240px;
        flex-direction: column;
    }
    .registerc__content .registerc__content--form #finalizacion-form {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: unset;
    }
    .registerc__content--form #finalizacion-form .group-row {
        width: 100%;
    }
    .personal .personal__content {
        width: 440px;
        margin: 0 auto;
    }
    .personal__content .personal__content--form .form-body {
        margin-block: 1.5rem;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .personal__content--form .form-body .group-row {
        width: 190px;
    }
    .personal__content--form .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .identidad__content .identidad__content--form {
        width: 450px;
        padding: 2rem;
    }
    .identidad .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .origen__content .origen__content--form {
        width: 450px;
        padding: 2rem;
    }
    .origen .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .contacto__content .contacto__content--form {
        width: 450px;
        padding: 2rem;
    }
    .contacto .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .domicilio__content .domicilio__content--form {
        width: 450px;
        padding: 2rem;
    }
    .domicilio .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .educacion__content .educacion__content--form {
        width: 450px;
        padding: 2rem;
    }
    .educacion .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .postgrado__content .postgrado__content--form {
        width: 450px;
        padding: 2rem;
    }
    .postgrado .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .laboral__content .laboral__content--form {
        width: 450px;
        padding: 2rem;
    }
    .laboral .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .renewal__content .renewal__content--form form {
        flex-direction: row;
        justify-content: space-between;
    }
    .renewal__content .renewal__content--form form .column-info {
        width: 48%;
    }
    .renewal__content .renewal__content--form .member {
        padding: 2rem;
    }
    .voucher__information .voucher__information--row:first-child {
        flex-direction: row;
    }
    .voucher__information .voucher__information--row div {
        flex-direction: column;
        width: 50%;
    }
    .voucher .voucher__buttons .voucher__buttons--content {
        flex-direction: row;
        justify-content: space-between;
    }
    .voucher .voucher__buttons .voucher__buttons--content div:first-child {
        justify-content: start;
        column-gap: 1rem;
    }
    .pendiente__content--information .voucher .voucher__header {
        flex-direction: row;
    }
    .pendiente__content--information .voucher__header .voucher__header--column h3 {
        text-align: right;
    }
    .pendiente__content--information .voucher__information .voucher__information--row:last-child {
        flex-direction: row;
    }
    .pendiente__content--information .voucher .voucher__buttons .voucher__buttons--content div:first-child {
        width: 100%;
        justify-content: space-between;
    }
    .renovaciones__content .renovaciones__content--list .list-filter {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        column-gap: 1rem;
    }
    .renovaciones__content--list .list-filter .search {
        width: 90%;
    }
    .renovaciones__content--list .list-filter .search .search__content {
        width: 100%;
    }
    .renovaciones__content--list .list-filter .filter {
        width: 90px;
    }
    .renovaciones__content--list .list-filter .filter button {
        height: 42px;
    }
    .dashboard_content .dashboard_row .dashboard_row-content {
        flex-direction: row;
        column-gap: 1rem;
        flex-grow: 1;
    }
    .dashboard_content .dashboard_row .dashboard_row-content .card {
        flex-direction: column;
        width: 48%;
        justify-content: space-between; 
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content {
        flex-direction: column;
    }
    .transactions .transactions_content .transactions_content-group {
        display: inherit        ;
        flex-direction: inherit;
        row-gap: 1rem;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 1rem;
    }
    .navbar-admin .navbar-brand {
        display: block;
        font-size: .875rem;
    }
    .navbar.navbar-admin {
        height: 71px;
    }
    .navbar.navbar-admin .container {
        height: inherit;
        padding-inline: 1rem;
    }
    .listp__content .listp__content--header {
        flex-direction: row;
        justify-content: space-between;
    }
    .listp__content .listp__content--header .list-header {
        flex-direction: column;
        justify-content: start;
    }
    .listp__content .listp__content--header .list-cta {
        flex-direction: column;
        row-gap: 1rem;
    }
    .listp__content .listp__content--filter {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 1rem;
        justify-content: space-between;
    }
    .listp__content .listp__content--filter .list-select {
        flex-direction: column;
        width: 190px;
    }    
    .listp__content--filter .list-cta button {
        height: 38px;
        align-self: end;
        width: 190px;
    }
    .registerp .registerp__content {
        height: initial;
        width: 100%;
        margin: 0 auto;
    }
    .registerp__content .registerp__content--form .form-body {
        margin-block: 1.5rem;
        flex-direction: column;
        justify-content: space-between;
    }
    .registerp__content--form .form-body .group-row {
        width: 450px;
    }
    .registerp__content--form .form-body .group-row.group-row-content {
        flex-direction: row;
        column-gap: 1rem;
    }
    .registerp__content--form .form-body .group-row.group-row-content > .group-row {
        width: 50%;
    }
    .registerp__content--form .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }  
    .editp .editp__content {
        height: initial;
        width: 100%;
        margin: 0 auto;
    }
    .editp__content .editp__content--form .form-body {
        margin-block: 1.5rem;
        flex-direction: column;
        justify-content: space-between;
    }
    .editp__content--form .form-body .group-row {
        width: 450px;
    }
    .editp__content--form .form-body .group-row.group-row-content {
        flex-direction: row;
        column-gap: 1rem;
    }
    .editp__content--form .form-body .group-row.group-row-content > .group-row {
        width: 50%;
    }
    .editp__content--form .form-footer .form-footer-content {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .removep .removep__content {
        height: initial;
        width: 100%;
        margin: 0 auto;
    }
    .removep__content .removep__content--form {
        width: 450px;
        padding: 2rem;
    }
    .removep__content--form .form-body p {
        text-align: left;
    }
    .removep__content--form .form-body .buttons {
        flex-direction: row-reverse;
        column-gap: 1rem;
    }
    .search-activo .search-activo-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .search-activo .search-activo-content .card {
        flex-direction: row;
        justify-content: start;
    }
    .search-activo .search-activo-content .card .subcard:first-child {
        width: 240px;
    }
    .search-activo .search-activo-content .card .subcard .subcard_details {
        row-gap: 1rem;
    }
    .pendings .pendings__content {
        width: 440px;
        margin: 0 auto;
    }
    .pendings__content--form .form-header .form-header-row {
        text-align: left;
    }
    .pendings__content--form .form-footer .form-footer-content {
        flex-direction: row;
        column-gap: 1rem;
        justify-content: flex-end;
    }
    .payment .payment__content {
        width: 440px;
        margin: 0 auto;
    }
    .payment__content--form .form-header .form-header-row {
        text-align: left;
    }
    .payment__content--form .form-footer .form-footer-content {
        flex-direction: row;
        column-gap: 1rem;
        justify-content: flex-end;
    }
    .transfer__content .transfer__content--header {
        flex-direction: row;
        justify-content: space-between;
    }
    .transfer__content .transfer__content--header .list-header {
        flex-direction: column;
        justify-content: start;
    }
    .transfer__content .transfer__content--header .list-cta {
        flex-direction: column;
        row-gap: 1rem;
    }
    .transfer__content .transfer__content--filter {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 1rem;
        justify-content: space-between;
    }
    .transfer__content .transfer__content--filter .list-select {
        flex-direction: column;
        width: 190px;
    }    
    .transfer__content--filter .list-cta button {
        height: 38px;
        align-self: end;
        width: 190px;
    }
}

@media screen and (min-width: 1024px) {
    .login {
        max-width: 850px;
        margin-inline: auto;
        height: 770px;
    }
    .login__form--form .checkradio {
        flex-direction: row;
        column-gap: 1rem;
    }
    .user__content .user__content--card {
        width: 40%;
    }
    .user__content--card .card .card__row.cta {
        flex-direction: row;
    }
    .user__content .user__content--info {
        width: 59%;
    }
    .listc__content .listc__content--header .list-cta {
        flex-direction: row;
        align-items: center;
        column-gap: 1rem;
    }
    .listc__content .listc__content--filter .list-select {
        width: auto;
        flex-grow: 1;
    }
    .listc__content--filter .list-cta button {
        width: auto;
    }
    .registerc .registerc__content {
        width: 700px;
    }
    .registerc__content .registerc__content--form form .group-row {
        width: 310px;
    }
    .renovaciones__content--list .list-filter .search {
        width: 91%;
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content {
        flex-direction: row;
        justify-content: space-between;
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .chart {
        width: 450px
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .transactions {
        width: 400px;
    }
    .transactions .transactions_content .transactions_content-group {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .card {
        width: 100%;
        flex-direction: row;
        column-gap: 1rem;
    }
    /* .navbar-admin .navbar-brand {
        width: 250px;
        text-align: left;
    } */    
    .navbar-admin .container .search {
        width: 250px;
    }
    .navbar-admin .container .actions {
        width: 350px;
        justify-content: end;
    }
    .dashboard_content {
        padding: 2rem;
        row-gap: 2rem;
    }
    .dashboard_content h1 {
        font-size: 1.45rem;
    }
    .navbar.navbar-admin .container {
        padding-inline: 2rem;
    }
    .listp__content .listp__content--header .list-cta {
        flex-direction: row;
        align-items: center;
        column-gap: 1rem;
    }
    .listp__content .listp__content--filter .list-select {
        width: 230px;
        flex-grow: 0;
    }
    .listp__content--filter .list-cta button {
        width: auto;
    }
    .listp__content--filter .list-select select {
        width: 230px;   
    }    
    .search-activo .search-activo-content .card .subcard .subcard_details {
        flex-direction: row;
        column-gap: 9rem;
    }
    .search-activo .search-activo-content .card .subcard .subcard_details .subcard_details-row {
        flex-direction: column;
    }
    .transfer__content .transfer__content--header .list-cta {
        flex-direction: row;
        align-items: center;
        column-gap: 1rem;
    }
    .transfer__content .transfer__content--filter .list-select {
        width: 230px;
        flex-grow: 0;
    }
    .transfer__content--filter .list-cta button {
        width: auto;
    }
    .transfer__content--filter .list-select select {
        width: 230px;   
    }
}

@media screen and (min-width: 1200px) {
    .user__content .user__content--card {
        width: 33%;
    }
    .user__content .user__content--info {
        width: 66%;
    }
    .user__content--info .nav-pills .nav-item {
        width: 177px;
    }
    .nav-pills .nav-item .nav-link {
        -webkit-line-clamp: 0;
        line-clamp: 0;
    }
    .listc__content--filter .list-cta button {
        width: 190px;
    }
    .listp__content--filter .list-cta button {
        width: 190px;
    }
    .search .search__button {
        display: none;    
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .chart {
        width: 690px;
        width: 57%;
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .transactions {
        width: 43%;
    }
    .transfer__content--filter .list-cta button {
        width: 190px;
    }
}

@media screen and (min-width: 1440px) {
    .user__content .user__content--card {
        width: 30%;
    }
    .user__content .user__content--info {
        width: 69%;
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .chart {
        width: 60%;
    }
    .dashboard_content .dashboard_row.row-second .dashboard_row-content .transactions {
        width: 35%;
    }
}