:root {
    --color-primary: #9F3231;
}
@font-face {
    font-family: Geist-Thin;
    src: url(../fonts/Geist-Thin.ttf);
}
@font-face {
    font-family: Geist;
    src: url(../fonts/Geist-Regular.ttf);
}
@font-face {
    font-family: Geist-Medium;
    src: url(../fonts/Geist-Medium.ttf);
}
@font-face {
    font-family: Geist-SemiBold;
    src: url(../fonts/Geist-SemiBold.ttf);
}
@font-face {
    font-family: Geist-Bold;
    src: url(../fonts/Geist-Bold.ttf);
}
@font-face {
    font-family: Geist-ExtraBold;
    src: url(../fonts/Geist-ExtraBold.ttf);
}
.navbar {
    background-color: var(--color-primary);
    font-family: Geist, sans-serif;
    margin: 0;
}
.navbar.navbar-admin {
    height: 56px;
}
.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.navbar li.active a {
    color: var(--bs-navbar-active-color);
}
.navbar-brand {
    width: 70px;
    margin: 0;
}
.navbar-public .container .navbar-brand {
    width: 150px;
}
.navbar-public + header {
    padding: 0;
    margin: 0;
}
.banner {
    position: relative;
    width: 100%;
    height: 350px;
}
.banner img {
    width: 100%;
    height: inherit;
    object-fit: cover;
}
.banner p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.5rem;
    width: 300px;
}
.navbar-brand .navbar-brand_logotipo {
    width: 100%;
}
.navbar-public .container .actions > a {
    color: white;
    text-decoration: none;
    font-size: .875rem;
}
header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    row-gap: 1rem;
    margin-inline: .5rem;
    padding-top: 1rem;
}
header .logo {
    width: 80px;
}
header .logo .logotipo {
    width: 100%;
}
header h1 {
    margin: 0;
    font-family: Geist-Bold, sans-serif;
    font-size: 1.5rem;
}
header p {
    margin: 0;
    font-family: Geist, sans-serif;
    color: #4b5563;
}
.login {
    padding: 2rem;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    margin-block: 2rem;
    margin-inline: .5rem;
}
.login__image {
    display: none;
}
.login__form .login__form--info h2 {
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.login__form .login__form--info p {
    color: #71717a;
    font-size: .875rem;
    font-family: Geist, sans-serif;
    margin-bottom: 1.5rem;
}
.login__form--form {
    margin-bottom: 2rem;
}
.login__form--form h3 {
    font-size: 0.875rem;
    font-family: Geist-Medium, sans-serif;
    margin-bottom: .75rem;
}
.login__form--form .checkradio {
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
}
.login__form--form .checkradio.reminder {
    flex-direction: row;
    margin-block: 1rem;
    align-items: center;
    column-gap: .75rem;
}
.login__form--form .checkradio.reminder input {
    margin: 0;
    padding: 0;
}
.login__form--form .checkradio.reminder label {
    font-size: .875rem;
    font-family: Geist, sans-serif;
}
.checkradio .checkradio__user, .checkradio .checkradio__admin {
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    column-gap: .5rem;
}
.checkradio .checkradio__user:hover, .checkradio .checkradio__admin:hover {
    background: #f9fafb;
}
.checkradio__user .checkradio__user--input[type="radio"],
.checkradio__admin .checkradio__admin--input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    background-color: white;
    padding: 0;
}
.checkradio__user .checkradio__user--input[type="radio"]:checked,
.checkradio__admin .checkradio__admin--input[type="radio"]:checked {
    background-color: white;
    border-color: #222222;
    border-width: 1px;
}
.checkradio__user .checkradio__user--input[type="radio"]:checked::before,
.checkradio__admin .checkradio__admin--input[type="radio"]:checked::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-radius: 50%;
    background-color: #222222;
}
.checkradio__user .checkradio__user--info, .checkradio__admin .checkradio__admin--info {
    display: flex;
    column-gap: .5rem;
    align-items: center;
    cursor: pointer;
}
.checkradio__user--info i, .checkradio__admin--info i {
    color: var(--color-primary);
    font-size: 1.25rem;
}
.checkradio__admin--info .bi-shield-check {
    font-size: 1.1rem;
}
.checkradio__user--info div, .checkradio__admin--info div  {
    display: flex;
    flex-direction: column;
    width: 138px;
}
.checkradio__user--info div h4, .checkradio__admin--info div h4 {
    font-size: 0.875rem;
    font-family: Geist-Medium, sans-serif;
    margin: 0;
}
.checkradio__user--info div p, .checkradio__admin--info div p {
    font-size: 0.75rem;
    font-family: Geist-Medium, sans-serif;
    color: #6b7280;
    margin: 0;
}
.login__form--form .input {
    margin-top: 1.5rem;
    display: flex    ;
    flex-direction: column;
    row-gap: 1rem;
}
.login__form--form .input.admin {
    display: none;
}
.input .input__group {
    display: flex;
    flex-direction: column;
}
.input .input__group label {
    font-size: 0.875rem;
    font-family: Geist-Medium, sans-serif;
    margin-bottom: .5rem;
}
.input .input__group input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.input .input__group input::placeholder {
    font-size: 0.875rem;
    font-family: Geist, sans-serif;
}
.input__group .input__group--password {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.input__group .input__group--password a {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 0.875rem;
    font-family: Geist, sans-serif;
    margin-bottom: .5rem;
}
.input__group .input__group--password a:hover {
    text-decoration: underline;
}
.input__group .input__group--input {
    display: flex;
    flex-direction: column;
    position: relative;
}
.input__group .input__group--input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.input__group .input__group--input .bi-eye-slash {
    display: none;
}
.input__group .checkradio {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: .5rem;
    margin-block: 1rem;
}
.input__group .checkradio .form-check-input {
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 2px;
    margin: 0;
}
.input__group .checkradio .form-check-label {
    margin: 0;
}
.login__form .login__form-links {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-top: 2rem;
}
.login__form-links .link {
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    row-gap: .5rem;
}
.login__form-links .link .link__header {
    display: flex;
    align-items: center;
    column-gap: .5rem;
}
.login__form-links .link .link__header i {
    color: var(--color-primary);
}
.login__form-links .link .link__header h5 {
    font-size: 0.875rem;
    font-family: Geist-Medium, sans-serif;
    margin: 0;
}
.login__form-links .link a {
    color: #4b5563;
    text-decoration: none;
    font-size: 0.8rem;
    font-family: Geist, sans-serif;
}
.login__form-links .link a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}
.login__form .login__form--footer {
    margin: 2rem 0 0;
    text-align: center;
}
.login__form .login__form--footer p {
    color: #6b7280;
    font-size: 0.75rem;
    font-family: Geist, sans-serif;
    margin-block: 2rem;
}
.login__form--form .button {
    background: var(--color-primary);
    color: white;
    font-family: Geist, sans-serif;
    border-radius: 6px;
    width: 100%;
    padding: .7rem 1rem;
    border: 0;
    font-size: 0.875rem;
}
.login__form--form .button:hover {
    background: #8a2b29;
}
.login__form--form .button:active {
    scale: 99%;
    transition: all 300ms;
}
.navbar-user .navbar-brand {
    width: 50px;
}
.navbar-user .container .actions .dropdown > a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: .5rem;
    padding: .2rem .5rem;
}
.navbar-user .container .actions .dropdown > a:hover {
    background: #8b1818;
    border-radius: 6px;
}
.navbar-user .container .actions .dropdown a > span {
    border: 2px solid white;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #8b1818;
    font-family: Geist, sans-serif;
    font-size: .875rem;
}
.navbar-user .container .actions .dropdown a > span + span {
    border: 0;
    background: transparent;
    font-family: Geist, sans-serif;
    font-size: .875rem;
    width: auto;
    height: auto;
}
.navbar-user .container .actions .dropdown > a > i {
    font-size: .7rem;
}
.navbar-user .container .actions .dropdown .dropdown-menu {
    color: initial;
    left: -3.3rem;
    font-family: Geist, sans-serif;
    font-size: .875rem;
}
.navbar-user .container .actions .dropdown .dropdown-menu > li > a {
    display: flex;
    column-gap: .5rem;
}
.navbar-user .container .actions .dropdown .dropdown-menu > li > a:active {
    background: var(--color-primary);
}
.user {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-block: 1rem;
}
.user .user__fullname {
    font-family: Geist-Bold, sans-serif;
    margin-block: .5rem;
}
.user .user__content {
    display: inherit;
    flex-direction: column;
    row-gap: 2rem;
}
.user__content .user__content--card {
    display: inherit;
    font-family: Geist, sans-serif;
}
.user__content--card .card {
    display: inherit;
    flex-direction: column;
    row-gap: 1rem;
    padding: 2rem;
    width: 100%;
}
.user__content--card .card .card__row {
    display: inherit;
    flex-direction: inherit;
    row-gap: .75rem;
}
.card .card__row .card__row--profile {
    display: inherit;
    flex-direction: inherit;
    justify-content: center;
    align-items: center;
}
.card__row .card__row--profile figcaption {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 
                0 4px 6px -4px rgb(0 0 0 / 0.1);
    position: relative;
}
.card__row .card__row--profile figcaption img {
    width: inherit;
    height: inherit;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid white;
}
.card__row .card__row--profile figcaption .edit-photo {
    width: 40px;
    height: 40px;
    background: #f4f4f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 5.3rem;
    bottom: 0;
}
.card__row .card__row--profile > div {
    display: inherit;
    flex-direction: inherit;
    align-items: inherit;
    row-gap: .1rem;
    margin-block: .5rem;
}
.card__row .card__row--profile > div > h2 {
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
    margin: 0;
    text-align: center;
}
.card__row .card__row--profile > div > h2 + span {
    font-size: .875rem;
    color: #6b7280;
    font-family: Geist-SemiBold, sans-serif;
}
.card__row .card__row--profile > div > h2 + span + span {
    font-size: .75rem;
    padding: 2px 10px;
    border-radius: 12px;
    font-family: Geist-SemiBold, sans-serif;
    margin-top: .4rem;
}
.card__row .card__row--profile > div > h2 + span + span.estado-activo {
    background: #008000;
    color: white;
}
.card__row .card__row--profile > div > h2 + span + span.estado-inactivo {
    background: orange;
}
.card__row .card__row--dates {
    display: inherit;
    flex-direction: inherit;
    row-gap: .75rem;
}
.card__row .card__row--dates > div {
    display: inherit;
    align-items: center;
    column-gap: .3rem;
}
.card__row .card__row--dates > div > i {
    color: #6b7280;
}
.card__row .card__row--dates > div > i + span {
    color: #6b7280;
    font-size: .875rem;
}
.card__row .card__row--dates > div > i + span + span {
    font-size: .875rem;
}
.card hr {
    margin: 0;
}
.card__row .card__row--status {
    display: inherit;
    flex-direction: row;
    column-gap: .3rem;
}
.card__row .card__row--status > i {
    color: #6b7280;
}
.card__row .card__row--status > i + span {
    color: #6b7280;
    font-size: .875rem;
}
.card__row .card__row--status > i + span + span {
    font-size: .875rem;
}
.user__content--card .card .card__row.cta {
    flex-direction: row;
    justify-content: space-between;
}
.card__row .card__row--cta button {
    border: 0;
    font-size: .875rem;
    background: transparent;
    display: flex;
    column-gap: .8rem;
    border: 1px solid;
    border-radius: 6px;
    padding: .3rem .8rem;
    transition: all 300ms;
}
.card__row .card__row--cta .send-mail {
    color: #3b82f6;
}
.card__row .card__row--cta .send-mail:hover {
    color: #1D4ED8;
    background: #DBEAFE;
}
.card__row .card__row--cta .trash-user {
    color: #ef4444;
}
.card__row .card__row--cta .trash-user:hover {
    color: #fafafa;
    background: #EF4444;
}
.user__content .user__content--info {
    font-family: Geist, sans-serif;
}
.user__content--info .nav-pills {
    justify-content: space-between;
    background: #f4f4f5;
    border-radius: 6px;
    padding: .3rem;
}
.user__content--info .nav-pills .nav-item {
    width: 50%;
}
.nav-pills .nav-item .nav-link {
    margin: 0 auto;
    font-size: .875rem;
    width: 100%;
    color: #71717a;
    font-family: Geist-Medium, sans-serif;
}
.nav-pills .nav-link.active {
    background: white;
    color: black;
}
.user__content--info .tab-content > .active {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.user__content--info .tab-content .tab-pane .card {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.user__content--info .tab-content .tab-pane .card .card__header {
    display: inherit;
    justify-content: space-between;
    align-items: center;
}
.user__content--info .tab-content .tab-pane .card .card__header .card__header--title {
    font-size: 1.5rem;
    font-family: Geist-SemiBold, sans-serif;
    margin: 0;
}
.user__content--info .tab-content .tab-pane .card .card__header .card__header--action {
    color: var(--color-primary);
    display: inherit;
    column-gap: .5rem;
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
    padding: .4rem .8rem;
    transition: all 300ms;
    border-radius: 6px;
    border: 0;
    background: transparent;
}
.user__content--info .tab-content .tab-pane .card .card__header .card__header--action:hover {
    background: #8b1818;
    color: white;
}
.user__content--info .tab-content .tab-pane .card .card__detail {
    display: inherit;
    flex-direction: inherit;
    row-gap: inherit;
}
.user__content--info .tab-content .tab-pane .card .card__detail .card__detail--info span {
    color: #6b7280;
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
}
.user__content--info .tab-content .tab-pane .card .card__detail .card__detail--info .info-empty {
    font-style: italic;
}
.user__content--info .tab-content .tab-pane .card .card__detail .card__detail--info p {
    margin: 0;
}
.user__content--info .card-actions {
    font-family: Geist-SemiBold, sans-serif;
    margin-top: 1rem;
}
.user__content--info .card-actions .card {
    padding: 2rem;
}
.user__content--info .card-actions .card .card__title {
    margin-bottom: 2rem;
}
.user__content--info .card-actions .card .card__content {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    overflow-x: scroll;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 6px;
    column-gap: .8rem;
}
.card .card__content .card__content--action {
    display: inherit;
    flex-direction: column;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    text-decoration: none;
}
.card__content--action.action-one {
    background: #DBEAFE;
    color: #3B82F6;
}
.card__content--action.action-two {
    background: #DCFCE7;
    color: #22C55E;
}
.card__content--action.action-three {
    background: #FEF9C3;
    color: #EAB308;
}
.card__content--action.action-four {
    background: #F3E8FF;
    color: #A855F7;
}
.card__content--action.action-five {
    background: #FEE2E2;
    color: #EF4444;
}
.card__content--action.action-six {
    background: #E0E7FF;
    color: #6366F1;
}
.card__content--action.action-seven {
    background: #FCE7F3;
    color: #EC4899;
}
.card__content--action.action-eight {
    background: #CFFAFE;
    color: #06B6D4;
}
.card__content--action.action-nine {
    background: #CCFBF1;
    color: #14B8A6;
}
.card__content--action.action-ten {
    background: #FFE4E6;
    color: #F43F5E;
}
.card__content--action.action-eleven {
    background: #F3F4F6;
    color: #6B7280;
}
.card__content--action.action-twelve {
    background: #FFEDD5;
    color: #F97316;
}
.card__content--action.action-thirteen {
    background: #D1FAE5;
    color: #10B981;
}
.card__content .card__content--action .bi-airplane {
    transform: rotate(45deg);
}
.card__content .card__content--action p {
    margin: 0;
    font-family: Geist, sans-serif;
    font-size: .7rem;
    width: 100px;
    text-align: center;
    color: black;
}
.user__content--info .card-actions .card .card__content::-webkit-scrollbar {
    height: .6rem;
    width: .6rem;
    border-radius: .5rem;
    background-color: white;
    opacity: 0;
}
.user__content--info .card-actions .card .card__content::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: .5rem;
    cursor: pointer;
}
.footer > p {
    font-family: Geist, sans-serif;
    text-align: center;
}
.navbar-admin .navbar-brand {
    width: 50px;
    display: none;
}
.navbar-admin .container .actions {
    display: flex;
    column-gap: .8rem;
    align-items: baseline;
}
.navbar-admin .container .actions a {
    color: white;
    text-decoration: none;
    font-size: .875rem;
}
.navbar-admin .container .actions a .bi-chevron-down {
    font-size: .7rem;
}
.navbar-admin .container .actions .dropdown .dropdown-menu .dropdown-item {
    color: initial;
}
.navbar-admin .container .actions .dropdown .dropdown-menu .dropdown-item:hover {
    background: var(--color-primary);
    color: white;
}
.search-public {
    height: 300px;
}
.search-public .search {
    height: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.search-public .search .search__button {
    display: flex;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    width: 250px;
    justify-content: space-evenly;
}
.search .search__button {
    background: white;
    color: #777;
    font-family: Geist, sans-serif;
    border-radius: 6px;
    width: 100%;
    padding: .7rem 1rem;
    border: 0;
    font-size: 0.875rem;
    transition: all 300ms;
    display: none;
}
.search .search__button .shortcut-hint {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    color: #888;
}
.search .search__button .shortcut-hint .kbd {
    display: inherit;
    align-items: inherit;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 2px;
    font-size: 12px;
    color: #777;
    min-width: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.search .search__button:hover {
    color: var(--color-primary);
}
.search.search-modal {
    padding-block: 0;
    padding-inline: 0;
}
.search .search__content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 1.25rem;
}
.search .search__content--title {
    margin: 0;
    font-size: 1.25rem;
    font-family: GeistMedium, sans-serif;
    color: var(--color-primary);
}
.search .search__content--input {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.search .search__content--input i,
.search .search__content--input > span {
    position: absolute;    
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
} 
.search .search__content--input .bi-search {
    left: 12px;
    bottom: 50%;
    transform: translateY(50%);
}
.search .search__content--input input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .7rem .75rem;
    padding-left: 2.5rem;
    width: 100%;
    transition: all 300ms;
    font-family: Geist, sans-serif;
    font-size: 1rem;
}
.search .search__content--input input:focus,
.search .search__content--input input:focus-visible {
    outline-color: var(--color-primary);
    outline-width: 0;
}
.search__content:hover .search__content--input i {
    color: var(--color-primary);
}
.search__content:hover .search__content--input input {
    border: 1px solid var(--color-primary);
}
.search .search__content--input .shortcut-hint {
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
}
.search__content--input .shortcut-hint .kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 2px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    border: 1px solid #ddd;
    min-width: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.search-results {
    max-height: 270px;
    overflow-y: auto;
    transition: all 0.3s ease;
}
.search-result-item {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    font-family: Geist, sans-serif;
}
.search-result-item a {
    text-decoration: none;
    color: initial;
}
.search-result-item:hover {
    background-color: #9f32311a;
}
.search-result-item .search-result-content {
    display: flex;
    column-gap: .5rem;
}
.search-no-results {
    padding: 20px;
    text-align: center;
    color: #666;
    font-family: Geist, sans-serif;
}
.highlight {
    background-color: #fff0f0;
    font-weight: 600;
    padding: 0 2px;
    color: var(--color-primary);
}
.listc {
    display: flex;
    font-family: Geist, sans-serif;
}
.listc .listc__content {
    display: inherit;
    flex-direction: column;
    padding: 2rem;
    border: 1px solid #ddd;
    margin-block: 2rem;
    border-radius: 6px;
    row-gap: 1rem;
    width: 100%;
}
.listc__content .listc__content--header {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.listc__content .listc__content--header .list-header {
    display: inherit;
    flex-direction: inherit;
}
.listc__content--header .list-header h1,
.listc__content--header .list-header p {
    margin: 0;
}
.listc__content--header .list-header h1 {
    font-size: 1.5rem;
    font-family: Geist-Bold, sans-serif;
}
.listc__content--header .list-header p {
    font-size: .875rem;
    color: #71717a;
}
.listc__content .listc__content--header .list-header {
    display: inherit;
    justify-content: space-between;
}
.listc__content .listc__content--header .list-cta {
    display: inherit;
    justify-content: space-between;
    font-size: .875rem;
}
.listc__content--header .list-cta button {
    padding: .5rem 1rem;
    border-radius: 6px;
}
.listc__content--header .list-cta button:first-child {
    background: #047857;
    color: white;
    border: 0;    
}
.listc__content--header .list-cta button:last-child {
    border: 1px solid #047857;
    color: #047857;
    background: transparent;
}
.listc__content--form {
    display: inherit;
}
.listc__content .listc__content--filter {
    display: inherit;
    flex-direction: inherit;
}
.listc__content .listc__content--filter .list-select {
    display: inherit;
    flex-direction: inherit;
    font-size: .875rem;
    margin-top: 1rem;
    position: relative;
}
.listc__content--filter .list-select label {
    font-family: Geist-Medium, sans-serif;
}
.listc__content--filter .list-select select {
    border: 1px solid #ddd;
    padding: .5rem 1rem;
    border-radius: 6px;
    appearance: none;
    cursor: pointer;
    width: 120px;
}
.listc__content--filter .list-select i {
    position: absolute;
    right: 16px;
    top: 70%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.listc__content .listc__content--filter .list-cta {
    display: inherit;
    justify-content: space-between;
    column-gap: 1rem;
    margin-top: 1rem;
}
.listc__content--filter .list-cta button {
    background: var(--color-primary);
    color: white;
    padding: .5rem 1rem;
    border-radius: 6px;
    border: 0;
    width: 100%;
    font-size: .875rem;
}
.listc__content--filter .list-cta button + button {
    width: auto;
    border: 1px solid #ddd;
    color: black;
    background-color: transparent;
}
.listc__content--body {
    font-size: .875rem;
}
.table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.custom-table {
    min-width: 800px;
    width: 100%;
}
.custom-table th:nth-child(1),
.custom-table td:nth-child(1) {
    width: 10%;
    text-align: center;
}
.custom-table th:nth-child(2),
.custom-table td:nth-child(2) {
    width: 30%; 
}
.custom-table th:nth-child(3),
.custom-table td:nth-child(3) {
    width: 15%;
    text-align: center;
}
.custom-table th:nth-child(4),
.custom-table td:nth-child(4) {
    width: 15%;
    text-align: center;
}
.custom-table th:nth-child(5),
.custom-table td:nth-child(5) {
    width: 10%;
    text-align: center;
}
.custom-table th:nth-child(6),
.custom-table td:nth-child(6) {
    width: 20%;
    text-align: center;
}
.custom-table tr .link-action a {
    color: initial;
}
.custom-table tr .link-action a:first-child {
    margin-right: 1.8rem;
}
.custom-table tr .link-action a:first-child:hover {
    color: var(--color-primary);
}
.custom-table tr .link-action a:nth-child(2):hover {
    color: red;
}
.custom-table tr .link-action a:nth-child(3):hover {
    color: green;
}
.custom-table tr .link-action a:nth-child(2) {
    margin-right: 1.8rem;
}
.custom-table thead tr {
    background-color: #f8f9fa;
}
.custom-table th,
.custom-table td {
    padding: 0.75rem;
    vertical-align: middle;
}
.action-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.action-buttons a {
    font-size: 1.1rem;
    color: #6c757d;
    transition: color 0.2s;
}
.action-buttons a:hover {
    color: #0d6efd;
}
.pagination .pagination__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-top: 1rem;
}
.pagination__content .pagination__content--info p {
    color: #6b7280;
}
.pagination__content .pagination__content--buttons button {
    border: 1px solid #ddd;
    background: transparent;
    border-radius: 6px;
    padding: .4rem .8rem;
}
.pagination__content .pagination__content--buttons .active {
    background: var(--color-primary);
    color: white;
}
.removec {
    font-family: Geist, sans-serif;
}
.removec .removec__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.removec__content .removec__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.removec__content .removec__content--form .form-header {
    display: inherit;
    justify-content: space-between;
}
.removec__content--form .form-header h2 {
    font-size: 1.125rem;
    font-family: Geist-Medium, sans-serif;
    color: #9b2226;
    margin-bottom: 1rem;
}
.removec__content--form .form-header i {
    cursor: pointer;
}
.removec__content--form .form-body p {
    font-size: .875rem;
    color: #71717a;
    text-align: center;
}
.removec__content--form .form-body p span {
    font-family: Geist-Medium, sans-serif;
}
.removec__content--form .form-body p + p {
    color: #991b1b;
    background: #fef2f2;
    padding: 1rem;
    text-align: left;
    border: 1px solid #fee2e2;
    border-radius: 6px;
}
.removec__content--form .form-body .buttons {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.removec__content--form .form-body .buttons button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.removec__content--form .form-body .buttons button:first-child {
    background: var(--color-primary);
    color: white;
}
.registerc {
    font-family: Geist, sans-serif;
    display: flex;
    flex-direction: column;
    height: 85vh;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.registerc .registerc__content {
    display: inherit;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 100%;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 
                0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.registerc__content .registerc__content--header {
    background: var(--color-primary);
    padding: 1rem;
    color: white;
    border-radius: 6px 6px 0 0;
    display: inherit;
    justify-content: space-between;
}
.registerc__content .registerc__content--header h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-SemiBold, sans-serif;
}
.registerc__content .registerc__content--header .bullets {
    display: inherit;
    align-items: center;
    column-gap: .5rem;
}
.registerc__content .registerc__content--header .bullets span {
    width: .75rem;
    height: .75rem;
    display: block;
    background: white;
    border-radius: 50%;
    opacity: .5;
}
.registerc__content .registerc__content--header .bullets span.active {
    opacity: 1;
}
.registerc__content .registerc__content--form {
    display: none;
    padding: 1.5rem;
}
.registerc__content .registerc__content--form h3 {
    margin: 0;
    font-size: 1.125rem;
    font-family: Geist-Medium, sans-serif;
}
.registerc__content .registerc__content--form form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.registerc__content .registerc__content--form form .group-row {
    display: inherit;
    flex-direction: inherit;
    font-size: .875rem;
}
.registerc__content--form form .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.registerc__content--form form .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.registerc__content--form form .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
.registerc__content--form form .group-row i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.registerc__content .registerc__content--form.active {
    display: inherit;
    flex-direction: inherit;
}
.registerc__content--form form .group-row-button {
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
}
.registerc__content--form form .group-row-button button {
    border: 0;
    font-size: .875rem;
    border-radius: 6px;
    padding: .5rem 1rem;
    background: var(--color-primary);
    color: white;
    opacity: .5;
}
.registerc__content--form form button:not(:disabled) {
    opacity: 1;
}
.registerc__content--form form button i {
    font-size: .7rem;
}
.registerc__content--form form .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.registerc__content--form form .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.registerc__content--form form .group-row select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.registerc__content--form form .group-row p {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.registerc__content--form form .group-row .gender-options {
    display: inherit;
    column-gap: 1rem;
}
.registerc__content--form form .group-row .gender-options .checkradio {
    display: flex;
    column-gap: .5rem;
    background: transparent;
    border: 0;
    padding: 0;
}
.registerc__content--form form .group-row .gender-options .checkradio label {
    margin: 0;
    font-family: inherit;
}
.registerc__content--form form .group-row-buttons {
    display: inherit;
    justify-content: space-between;
    flex-grow: 1;
}
.registerc__content--form form .group-row-buttons button {
    border: 0;
    font-size: .875rem;
    border-radius: 6px;
    padding: .5rem 1rem;
    background: var(--color-primary);
    color: white;
    opacity: .5;
}
.registerc__content--form form .group-row-buttons button:not(:disabled) {
    opacity: 1;
}
.registerc__content--form form .group-row-buttons button:first-child {
    background: transparent;
    color: initial;
    border: 1px solid #ddd;
    opacity: 1;
}
.registerc__content--form form .group-row .file-upload {
    border: 2px dashed #ddd;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}
.registerc__content--form form .group-row .file-upload .upload-icon {
    width: 130px;
    height: 130px;
    background-color: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    overflow: hidden;
}
.registerc__content--form form .group-row .file-upload .upload-icon svg {
    width: 3rem;
}
.registerc__content--form form .group-row .file-upload .upload-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.registerc__content--form form .group-row .file-upload .upload-text {
    color: #777;    
}
.registerc__content--form form .group-row .file-upload .upload-text p {
    font-family: inherit;
    font-size: .75rem;
}
.registerc__content--form form .group-row .file-upload .upload-text p:first-child {
    font-family: Geist-Medium, sans-serif;
    font-size: .875rem;
}
.registerc__content--form form .group-row .password-hint {
    color: #71717a;
    font-size: .8rem;
    margin-top: .5rem;
}
.registerc__content--form form .group-row .checkradio {
    display: flex;
    padding: 1rem;
    background: #f9fafb;
    border: 1px solid #ddd;
    border-radius: 6px;
    column-gap: .5rem;
}
.registerc__content--form form .group-row .checkradio label {
    margin: 0;
    font-family: inherit;
}
.personal {
    font-family: Geist, sans-serif;
}
.personal .personal__content {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 2rem 1rem;
}
.personal .personal__content .personal__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.personal__content .personal__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.personal__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.personal__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.personal__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.personal__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.personal__content .personal__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.personal__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.personal__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.personal__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.personal__content--form .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.personal__content--form .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.personal__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.personal__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.personal__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.personal__content--form .form-body .group-row p {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.personal__content--form .form-body .group-row .gender-options {
    display: inherit;
    column-gap: 1rem;
}
.personal__content--form .form-body .group-row .gender-options .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.personal__content--form .form-body .group-row .gender-options .checkradio label {
    margin: 0;
    font-family: inherit;
}
.personal__content--form .form-body .group-row .active-status {
    display: inherit;
    column-gap: 1rem;
}
.personal__content--form .form-body .group-row .active-status .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.personal__content--form .form-body .group-row .active-status .checkradio label {
    margin: 0;
    font-family: inherit;
}
.personal__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.personal__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.personal__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.identidad {
    font-family: Geist, sans-serif;
}
.identidad .identidad__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.identidad .identidad__content .identidad__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.identidad__content .identidad__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.identidad__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.identidad__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.identidad__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.identidad__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.identidad__content .identidad__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.identidad__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.identidad__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.identidad__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.identidad__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.identidad__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.identidad__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.identidad__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.identidad__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.identidad__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.origen {
    font-family: Geist, sans-serif;
}
.origen .origen__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.origen .origen__content .origen__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.origen__content .origen__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.origen__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.origen__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.origen__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.origen__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.origen__content .origen__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.origen__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.origen__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.origen__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.origen__content--form .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.origen__content--form .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.origen .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.origen .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.origen .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.contacto {
    font-family: Geist, sans-serif;
}
.contacto .contacto__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.contacto .contacto__content .contacto__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.contacto__content .contacto__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.contacto__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.contacto__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.contacto__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.contacto__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.contacto__content .contacto__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.contacto__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.contacto__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.contacto__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.contacto .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.contacto .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.contacto .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.domicilio {
    font-family: Geist, sans-serif;
}
.domicilio .domicilio__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.domicilio .domicilio__content .domicilio__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.domicilio__content .domicilio__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.domicilio__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.domicilio__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.domicilio__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.domicilio__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.domicilio__content .domicilio__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.domicilio__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.domicilio__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.domicilio__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.domicilio .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.domicilio .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.domicilio .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.educacion {
    font-family: Geist, sans-serif;
}
.educacion .educacion__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.educacion .educacion__content .educacion__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.educacion__content .educacion__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.educacion__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.educacion__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.educacion__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.educacion__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.educacion__content .educacion__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.educacion__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.educacion__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.educacion__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.educacion .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.educacion .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.educacion__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.educacion__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.educacion__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.educacion__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.educacion__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.educacion__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.postgrado {
    font-family: Geist, sans-serif;
}
.postgrado .postgrado__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.postgrado .postgrado__content .postgrado__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.postgrado__content .postgrado__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.postgrado__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.postgrado__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.postgrado__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.postgrado__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.postgrado__content .postgrado__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.postgrado__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.postgrado__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.postgrado__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.postgrado .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.postgrado .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.postgrado__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.postgrado__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.postgrado__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.postgrado__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.postgrado__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.postgrado__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.laboral {
    font-family: Geist, sans-serif;
}
.laboral .laboral__content {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 2rem 1rem;
}
.laboral .laboral__content .laboral__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.laboral__content .laboral__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.laboral__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.laboral__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.laboral__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.laboral__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.laboral__content .laboral__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.laboral__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.laboral__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.laboral__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.laboral .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.laboral .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.laboral__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.laboral__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.laboral__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.laboral__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.laboral__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.laboral__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.renewal {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-block: 1rem;
    font-family: Geist, sans-serif;
}
.renewal .renewal__content {
    display: inherit;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1.5rem;
    row-gap: 1rem;
}
.renewal .renewal__content .renewal__content--header {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.renewal__content .renewal__content--header h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.renewal__content .renewal__content--header p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.renewal .renewal__content .renewal__content--header > div {
    display: flex;
    column-gap: .5rem;
    align-items: center;
}
.renewal .renewal__content .renewal__content--header > div a {
    text-decoration: none;
    color: initial;
    font-size: .875rem;
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
}
.renewal .renewal__content .renewal__content--header > div a:hover {
    background: #f4f4f5;
}
.renewal .renewal__content .renewal__content--header > div p {
    color: initial;
    font-size: 1rem;
    font-family: Geist-Medium, sans-serif;
}
.renewal__content .renewal__content--form form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.renewal__content--form .member {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1.5rem;
}
.renewal__content--form .member .member__info h3 {
    margin: 0;
    font-size: 1rem;
    font-family: Geist-SemiBold, sans-serif;
}
.member .member__info .member__info--detail {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: #dddddd73;
    border-radius: 4px;
    margin-top: 1rem;
    row-gap: .5rem;
}
.member .member__info .member__info--detail div {
    display: inherit;
    justify-content: space-between;
    font-size: .875rem;
}
.member .member__info .member__info--detail div span {
    width: 50%;
}
.member .member__info .member__info--detail div span:first-child {
    color: #6b7280;
}
.renewal__content--form .member .member__renewal {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.renewal__content--form .member .member__renewal h3 {
    margin: 0;
    font-size: 1rem;
    font-family: Geist-SemiBold, sans-serif;
}
.member .member__renewal .member__renewal--detail .renewal-options {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.member .member__renewal > .checkradio {
    display: flex;
    row-gap: .5rem;
    column-gap: .5rem;
}
.member .member__renewal > .checkradio label {
    font-size: .875rem;
}
.member__renewal--detail .renewal-options .checkradio {
    display: flex;
    column-gap: .5rem;
    align-items: center;
}
.member__renewal--detail .renewal-options .checkradio label {
    font-size: .875rem;
}
.member .member__renewal .member__renewal--date {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
}
.member .member__renewal .member__renewal--date label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.member__renewal .member__renewal--date .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.member__renewal .member__renewal--date .group-row-input input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.member__renewal .member__renewal--date .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.renewal__content--form .member .member__pay h3 {
    margin-bottom: .5rem;
    font-size: 1rem;
    font-family: Geist-SemiBold, sans-serif;
}
.member .member__pay .member__receipt .receipt-options {
    display: flex;
    flex-direction: column;
}
.member__receipt .receipt-options .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.member__receipt .receipt-options .checkradio label {
    display: inherit;
    column-gap: .5rem;
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
}
.member__receipt .receipt-options .detail-boleta {
    display: inherit;
    margin-top: .5rem;
    column-gap: .5rem;
}
.member__receipt .receipt-options .detail-boleta > div > label {
    font-size: .875rem;
    margin-bottom: .25rem;
}
.member__receipt .receipt-options .detail-boleta > div > input:disabled {
    width: auto;
}
.member__receipt .receipt-options .detail-factura {
    display: inherit;
    margin-top: .5rem;
    column-gap: .5rem;
}
.member__receipt .receipt-options .detail-factura > div > label {
    font-size: .875rem;
    margin-bottom: .25rem;
}
.member__receipt .receipt-options .detail-factura > div > input:disabled {
    width: auto;
}
.member__receipt .receipt-options .details-empresa {
    display: inherit;
    flex-direction: column;
    row-gap: .5rem;
}
.member__receipt .receipt-options .details-empresa h4 {
    font-size: .875rem;
    margin-bottom: 0;
    color: var(--color-primary);
    font-family: Geist-SemiBold, sans-serif;
}
.member__receipt .receipt-options .details-empresa .details-empresa-row {
    display: inherit;
    flex-direction: column;
}
.member__receipt .receipt-options .details-empresa .details-empresa-row.group-row {
    flex-direction: row;
    column-gap: .5rem;
}
.member__receipt .receipt-options .details-empresa .details-empresa-row > div > label {
    font-size: .875rem;
    margin-bottom: .25rem;
}
.member__receipt .receipt-options .details-empresa .details-empresa-row > label {
    font-size: .875rem;
    margin-bottom: .25rem;
}
.member .member__pay .member__renewal--detail .pay-options {
    display: flex;
    flex-direction: column;
}
.member__renewal--detail .pay-options .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.member__renewal--detail .pay-options .checkradio label {
    display: inherit;
    column-gap: .5rem;
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
}
.member__renewal--detail .pay-options .number-operation {
    margin-block: .5rem;
}
.member__renewal--detail .pay-options .number-operation input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    font-size: .875rem;
    width: 100%;
}
.member__renewal--detail .pay-options .informacion {
    color: rgb(146, 64, 14);
    background: rgb(255, 251, 235);
    font-size: 0.875rem;
    padding: 0.75rem;
    border-radius: 6px;
}
.member .member__pay .member__observations {
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
}
.member .member__pay .member__observations textarea {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.member .member__pay .member__observations label {
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
    margin-bottom: .5rem;
}
.member .member__pay .member__observations textarea::placeholder {
    font-size: .875rem;
}
.member .member__pay .member__button {
    margin-top: 1rem;
}
.member .member__pay .member__button button {
    text-decoration: none;
    border: 0;
    font-size: .875rem;
    border-radius: 6px;
    padding: .5rem 1rem;
    background: var(--color-primary);
    color: white;
    width: 100%;
    display: flex;
    justify-content: center;
}
.pagado {
    display: flex;
    flex-direction: column;
    margin-block: 1rem;
    font-family: Geist, sans-serif;
}
.pagado .pagado__content {
    display: inherit;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1.5rem;
    row-gap: 1rem;
}
.pagado .pagado__content .pagado__content--alert {
    display: inherit;
    background: #f0fdf4;
    padding: 1.5rem;
    column-gap: 1rem;
}
.pagado__content .pagado__content--alert i {
    color: #16a34a;
    font-size: 1.25rem;
}
.pagado__content .pagado__content--alert div p {
    margin: 0;
    font-size: .875rem;
}
.pagado__content .pagado__content--alert div p:first-child {
    color: #166534;
    font-family: Geist-Medium, sans-serif;
}
.pagado__content .pagado__content--alert div p:last-child {
    color: #15803d;
}
.pagado .pagado__content .pagado__content--information {
    padding: 1.5rem;
    border: 2px dashed #ddd;
    border-radius: 6px;
}
.pagado__content--information .voucher .voucher__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1.5rem;
}
.pagado__content--information .voucher__header .voucher__header--column h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.pagado__content--information .voucher__header .voucher__header--column p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.pagado__content--information .voucher__header .voucher__header--column h3 {
    margin: 0;
    font-size: 1rem;
    font-family: Geist-Medium, sans-serif;
    text-align: right;
}
.pagado__content--information .voucher .voucher__information {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-block: 1.5rem;
}
.voucher__information .voucher__information--row {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.voucher__information .voucher__information--row div {
    display: inherit;
    flex-direction: inherit;
    row-gap: .25rem;
}
.voucher__information .voucher__information--row div p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.voucher__information .voucher__information--row div span {
    font-size: .875rem;
}
.voucher__information .voucher__information--row div h4 {
    margin: 0;
    font-size: 1rem;
    font-family: Geist-Medium, sans-serif;
}
.voucher__information .voucher__information--row div :not(p:first-child) {
    color: initial;
}
.voucher__information .voucher__information--row div p span {
    font-family: Geist-Medium, sans-serif;
}
.voucher__information .voucher__information--row:last-child {
    row-gap: .25rem;
}
.voucher__information .voucher__information--row p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.voucher__information .voucher__information--row :not(p:first-child) {
    color: initial;
}
.voucher__information .voucher__information--row p span {
    font-family: Geist-Medium, sans-serif;
}
.pagado__content--information .voucher .voucher__price {
    display: flex;
    justify-content: space-between;
    margin-block: 1.5rem;
}
.voucher .voucher__price .voucher__price--total p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.voucher .voucher__price .voucher__price--total span {
    font-size: 1.5rem;
    font-family: Geist-Bold, sans-serif;
}
.voucher .voucher__price .voucher__price--status p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
    text-align: right;
}
.voucher .voucher__price .voucher__price--status span {
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
    color: #166534;
    background: #dcfce7;
    padding: .125rem .625rem;
    border-radius: 20px;
}
.pagado__content--information .voucher .voucher__buttons {
    display: flex;
    margin-top: 1.5rem;
}
.voucher .voucher__buttons .voucher__buttons--content {
    display: inherit;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%;    
}
.voucher .voucher__buttons .voucher__buttons--content div:first-child {
    display: flex;
    justify-content: space-between;
}
.voucher .voucher__buttons .voucher__buttons--content div:last-child {
    display: flex;
    justify-content: flex-end;
}
.voucher .voucher__buttons .voucher__buttons--content div button {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: .875rem;
    padding: .5rem 1rem;
}
.voucher .voucher__buttons .voucher__buttons--content div button:first-child {
    background: var(--color-primary);
    color: white;
    border: transparent;
}
.voucher .voucher__buttons .voucher__buttons--content div a {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: .875rem;
    padding: .5rem 1rem;
    text-decoration: none;
    color: initial;
}
.pendiente {
    display: flex;
    flex-direction: column;
    margin-block: 1rem;
    font-family: Geist, sans-serif;
}
.pendiente .pendiente__content {
    display: inherit;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1.5rem;
    row-gap: 1rem;
}
.pendiente .pendiente__content .pendiente__content--alert {
    display: inherit;
    background: #FFFBEB;
    padding: 1.5rem;
    column-gap: 1rem;
}
.pendiente__content .pendiente__content--alert i {
    color: #D97706;
    font-size: 1.25rem;
}
.pendiente__content .pendiente__content--alert div p {
    margin: 0;
    font-size: .875rem;
}
.pendiente__content .pendiente__content--alert div p:first-child {
    color: #92400e;
    font-family: Geist-Medium, sans-serif;
}
.pendiente__content .pendiente__content--alert div p:last-child {
    color: #b45309;
}
.pendiente .pendiente__content .pendiente__content--information {
    padding: 1.5rem;
    border: 2px dashed #ddd;
    border-radius: 6px;
}
.pendiente__content--information .voucher .voucher__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1.5rem;
    flex-direction: column;
    row-gap: 1rem;
}
.pendiente__content--information .voucher__header .voucher__header--column h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.pendiente__content--information .voucher__header .voucher__header--column p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.pendiente__content--information .voucher__header .voucher__header--column h3 {
    margin: 0;
    font-size: 1rem;
    font-family: Geist-Medium, sans-serif;
    text-align: left;
}
.pendiente__content--information .voucher .voucher__information {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-block: 1.5rem;
}
.voucher__information .voucher__information--row {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.voucher__information .voucher__information--row div {
    display: inherit;
    flex-direction: inherit;
    row-gap: .25rem;
}
.voucher__information .voucher__information--row div p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.voucher__information .voucher__information--row div span {
    font-size: .875rem;
}
.voucher__information .voucher__information--row div h4 {
    margin: 0;
    font-size: 1rem;
    font-family: Geist-Medium, sans-serif;
}
.voucher__information .voucher__information--row div :not(p:first-child) {
    color: initial;
}
.voucher__information .voucher__information--row div p span {
    font-family: Geist-Medium, sans-serif;
}
.voucher__information .voucher__information--row:last-child {
    row-gap: .25rem;
}
.voucher__information .voucher__information--row p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.voucher__information .voucher__information--row :not(p:first-child) {
    color: initial;
}
.voucher__information .voucher__information--row p span {
    font-family: Geist-Medium, sans-serif;
}
.pendiente__content--information .voucher .voucher__price {
    display: flex;
    justify-content: space-between;
    margin-block: 1.5rem;
}
.voucher .voucher__price .voucher__price--total p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}
.voucher .voucher__price .voucher__price--total span {
    font-size: 1.5rem;
    font-family: Geist-Bold, sans-serif;
}
.voucher .voucher__price .voucher__price--status p {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
    text-align: right;
}
.pendiente__content--information .voucher .voucher__price .voucher__price--status span {
    font-size: .875rem;
    font-family: Geist-Medium, sans-serif;
    color: #92400e;
    background: #fef3c7;
    padding: .125rem .625rem;
    border-radius: 20px;
}
.pendiente__content--information .voucher .voucher__buttons {
    display: flex;
    margin-top: 1.5rem;
}
.voucher .voucher__buttons .voucher__buttons--content {
    display: inherit;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%;    
}
.voucher .voucher__buttons .voucher__buttons--content div:first-child {
    display: flex;
    justify-content: space-between;
}
.voucher .voucher__buttons .voucher__buttons--content div:last-child {
    display: flex;
    justify-content: flex-end;
    column-gap: 1rem;
}
.voucher .voucher__buttons .voucher__buttons--content div button {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: .875rem;
    padding: .5rem 1rem;
}
.pendiente__content--information .voucher .voucher__buttons .voucher__buttons--content div a:first-child {
    background: #F59E0B;
    color: white;
    border: transparent;
}
.voucher .voucher__buttons .voucher__buttons--content div a {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: .875rem;
    padding: .5rem 1rem;
    text-decoration: none;
    color: initial;
}
.renovaciones {
    font-family: Geist, sans-serif;
}
.renovaciones .renovaciones__content {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border: 1px solid #ddd;
    margin-block: 2rem;
    border-radius: 6px;
    row-gap: 1rem;
    width: 100%;
}
.renovaciones .renovaciones__content .renovaciones__content--header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
} 
.renovaciones .renovaciones__content .renovaciones__content--header h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
} 
.renovaciones .renovaciones__content .renovaciones__content--header p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.renovaciones .renovaciones__content .renovaciones__content--list {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
} 
.renovaciones__content .renovaciones__content--list .list-filter {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.renovaciones__content--list .list-filter .search .search__content {
    top: 0;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.renovaciones__content--list .list-filter .search .search__content input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.renovaciones__content--list .list-filter .search .search__content input::placeholder {
    font-size: .875rem;
}
.renovaciones__content--list .list-filter .search .search__content i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.renovaciones__content--list .list-filter .filter button {
    border: 1px solid #ddd;
    background: transparent;
    border-radius: 6px;
    padding: .4rem .8rem;
    width: 100%;
    font-size: .875rem;
}
.renovaciones__content .renovaciones__content--list .list-body {
    font-size: .875rem;
}
.renovaciones .table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.renovaciones .custom-table {
    min-width: 800px;
    width: 100%;
}
.renovaciones .custom-table th:nth-child(1),
.renovaciones .custom-table td:nth-child(1) {
    width: 5%;
    text-align: center;
}
.renovaciones .custom-table th:nth-child(2),
.renovaciones .custom-table td:nth-child(2) {
    width: 15%; 
}
.renovaciones .custom-table th:nth-child(3),
.renovaciones .custom-table td:nth-child(3) {
    width: 15%; 
}
.renovaciones .custom-table th:nth-child(4),
.renovaciones .custom-table td:nth-child(4) {
    width: 15%;
}
.renovaciones .custom-table th:nth-child(5),
.renovaciones .custom-table td:nth-child(5) {
    width: 15%;
}
.renovaciones .custom-table th:nth-child(6),
.renovaciones .custom-table td:nth-child(6) {
    width: 15%;
}
.renovaciones .custom-table th:nth-child(7),
.renovaciones .custom-table td:nth-child(7) {
    width: 15%;
}
.renovaciones .custom-table th:nth-child(8),
.renovaciones .custom-table td:nth-child(8) {
    width: 5%;
    text-align: center;
}
.renovaciones .custom-table thead tr {
    background-color: #f8f9fa;
}
.renovaciones .custom-table th,
.renovaciones .custom-table td {
    padding: 0.75rem;
    vertical-align: middle;
}
.renovaciones .custom-table .pending {
    background: #fffbeb;
}
.renovaciones .custom-table td:nth-child(6) span,
.renovaciones .custom-table td:nth-child(7) span {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: .125rem .625rem;
    font-family: Geist-SemiBold, sans-serif;
}
.renovaciones .custom-table .paid td:nth-child(7) span {
    border: transparent;
    background: #dcfce7;
    color: #166534;
}
.renovaciones .custom-table .pending td:nth-child(7) span {
    border: transparent;
    background: #fef9c3;
    color: #854d0e;
}
.renovaciones .custom-table td button {
    color: initial;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    transition: all 300ms;
    border: 0;
}
.renovaciones .custom-table td button:hover {
    background: #f4f4f5;
}
.renovaciones .custom-table .pending td button {
    color: white;
    background: #f59e0b;
}
.renovaciones .custom-table .pending td button:hover {
    background: #d97706;
}
.pendings {
    font-family: Geist, sans-serif;
}
.pendings .pendings__content {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: 0;
    margin-block: .75rem;
    border-radius: 6px;
    row-gap: 1rem;
    width: 100%;
}
.pendings .pendings__content .pendings__content--form {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.pendings__content .pendings__content--form .form-header {
    display: inherit;
    column-gap: 1rem;
}
.pendings__content--form .form-header .form-header-row {
    display: inherit;
    flex-direction: column;
    text-align: center;
    row-gap: .25rem;
}
.pendings__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.pendings__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.pendings__content .pendings__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    font-family: Geist-Medium, sans-serif;
}
.pendings__content--form .form-body .form-body-row {
    display: inherit;
    justify-content: space-between;
    flex-direction: row;
    row-gap: 1rem;
}
.pendings__content--form .form-body .form-body-row .member {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.pendings__content--form .form-body .form-body-row .member p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.pendings__content--form .form-body .form-body-row .member h3 {
    font-size: 1rem;
    margin: 0;
}
.pendings__content--form .form-body .form-body-row + hr + div {
    row-gap: 1rem;
    flex-direction: column;
}
.pendings__content--form .form-body .form-body-row .row-one {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1rem;
}
.pendings__content--form .form-body .form-body-row .row-one .pay {
    width: 50%;
}
.pendings__content--form .form-body .form-body-row .row-one .pay:nth-child(4) span {
    font-size: .75rem;
    padding: .125rem .625rem;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.pendings__content--form .form-body .form-body-row .row-one .pay p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.pendings__content--form .form-body .form-body-row .row-one .pay h3 {
    font-size: 1rem;
    margin: 0;
}
.pendings__content--form .form-body .form-body-row .row-two .status p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
    margin-bottom: .25rem;
}
.pendings__content--form .form-body .form-body-row .row-two .status div {
    display: flex;
    column-gap: 1rem;
    align-items: start;
    flex-direction: column;
    row-gap: .25rem;
}
.pendings__content--form .form-body .form-body-row .row-two .status div span {
    background: #fef9c3;
    color: #854d0e;
    font-size: .75rem;
    font-family: Geist-SemiBold, sans-serif;
    padding: .125rem .625rem;
    border-radius: 20px;
}
.pendings__content--form .form-body .form-body-row .row-two .status div p {
    color: #d97706;
}
.pendings__content--form .form-body .form-body-row .header h3 {
    font-size: 1rem;
    margin: 0;
}
.pendings__content--form .form-body .form-body-row .input {
    display: flex;
    flex-direction: column;
    position: relative;
}
.pendings__content--form .form-body .form-body-row .input label {
    margin: 0;
    font-size: .875rem;
}
.pendings__content--form .form-body .form-body-row .input input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    font-family: Geist, sans-serif;
    font-size: .875rem;
    outline: none;
    transition: transform 0.2s ease, border-color 0.3s ease;
}
.pendings__content--form .form-body .form-body-row .input input:focus {
    border: 1px solid #9F3231;
    animation: pulse 1s ease-out;
}
.pendings__content--form .form-body .form-body-row .date {
    display: flex;
    flex-direction: column;
}
.pendings__content--form .form-body .form-body-row .date label {
    margin: 0;
    font-size: .875rem;
}
.pendings__content--form .form-body .form-body-row .date .date-row {
    position: relative;
    display: flex;
    flex-direction: column;
}
.pendings__content--form .form-body .form-body-row .date .date-row input, input, select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    font-family: Geist, sans-serif;
    font-size: .875rem;
    outline: none;
    transition: transform 0.2s ease, border-color 0.3s ease;
}
.pendings__content--form .form-body .form-body-row .date .date-row input:focus,
input:focus-visible, input:focus, select:focus, textarea:focus, textarea:focus-visible {
    border: 1px solid #9F3231;
    animation: pulse 1s ease-out;
}
@keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(159, 50, 49, 0.4);
    }
    70% {
      box-shadow: 0 0 0 10px rgba(159, 50, 49, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(159, 50, 49, 0);
    }
  }
.pendings__content--form .form-body .form-body-row .date .date-row i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    transition: color 0.3s ease;
}
.pendings__content--form .form-body .form-body-row .date .date-row:focus-within i {
    color: var(--color-primary);
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fffbeb;
    border: 1px dashed #fcd34d;
    border-radius: 6px;
    height: 130px;
    cursor: pointer;
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-icon svg {
    width: 1.65rem;
    margin-bottom: .5rem;
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-text {
    text-align: center;
    margin-top: 1rem;
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-text p {
    margin: 0;
    font-size: .75rem;
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-text p:first-child {
    font-size: .875rem;
}
.pendings__content--form .form-body .form-body-row .receipt .file-upload .upload-text p:last-child {
    color: #777;
}
.pendings__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 1rem;
}
.pendings__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.pendings__content--form .form-footer .form-footer-content button:last-child {
    background: var(--color-primary);
    color: white;
}
.payment {
    font-family: Geist, sans-serif;
}
.payment .payment__content {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: 0;
    margin-block: .75rem;
    border-radius: 6px;
    row-gap: 1rem;
    width: 100%;
}
.payment .payment__content .payment__content--form {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.payment__content .payment__content--form .form-header {
    display: inherit;
    column-gap: 1rem;
}
.payment__content--form .form-header .form-header-row {
    display: inherit;
    flex-direction: column;
    text-align: center;
    row-gap: .25rem;
}
.payment__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.payment__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.payment__content .payment__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    font-family: Geist-Medium, sans-serif;
}
.payment__content--form .form-body .form-body-row {
    display: inherit;
    justify-content: space-between;
    flex-direction: row;
    row-gap: 1rem;
}
.payment__content--form .form-body .form-body-row .member {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.payment__content--form .form-body .form-body-row .member p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.payment__content--form .form-body .form-body-row .member h3 {
    font-size: 1rem;
    margin: 0;
}
.payment__content--form .form-body .form-body-row + hr + div {
    row-gap: 1rem;
    flex-direction: column;
}
.payment__content--form .form-body .form-body-row .row-one {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1rem;
}
.payment__content--form .form-body .form-body-row .row-one .pay {
    width: 50%;
}
.payment__content--form .form-body .form-body-row .row-one .pay:nth-child(5) span {
    font-size: .75rem;
    padding: .125rem .625rem;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.payment__content--form .form-body .form-body-row .row-one .pay p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.payment__content--form .form-body .form-body-row .row-one .pay h3 {
    font-size: 1rem;
    margin: 0;
}
.payment__content--form .form-body .form-body-row .row-two .status p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
    margin-bottom: .25rem;
}
.payment__content--form .form-body .form-body-row .row-two .status div {
    display: flex;
    column-gap: 1rem;
    align-items: start;
    flex-direction: column;
    row-gap: .25rem;
}
.payment__content--form .form-body .form-body-row .row-two .status div span {
    background: #dcfce7;
    color: #166534;
    font-size: .75rem;
    font-family: Geist-SemiBold, sans-serif;
    padding: .125rem .625rem;
    border-radius: 20px;
}
.payment__content--form .form-body .form-body-row .row-two .status div p {
    color: #d97706;
}
.payment__content--form .form-body .form-body-row .header h3 {
    font-size: 1rem;
    margin: 0;
}
.payment__content--form .form-body .form-body-row .input {
    display: flex;
    flex-direction: column;
    position: relative;
}
.payment__content--form .form-body .form-body-row .input label {
    margin: 0;
    font-size: .875rem;
}
.payment__content--form .form-body .form-body-row .input input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    font-family: Geist, sans-serif;
    font-size: .875rem;
    outline: none;
    transition: transform 0.2s ease, border-color 0.3s ease;
}
.payment__content--form .form-body .form-body-row .input input:focus {
    border: 1px solid #9F3231;
    animation: pulse 1s ease-out;
}
.payment__content--form .form-body .form-body-row .date {
    display: flex;
    flex-direction: column;
}
.payment__content--form .form-body .form-body-row .date label {
    margin: 0;
    font-size: .875rem;
}
.payment__content--form .form-body .form-body-row .date .date-row {
    position: relative;
    display: flex;
    flex-direction: column;
}
.payment__content--form .form-body .form-body-row .date .date-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    font-family: Geist, sans-serif;
    font-size: .875rem;
    outline: none;
    transition: transform 0.2s ease, border-color 0.3s ease;
}
.payment__content--form .form-body .form-body-row .date .date-row input:focus {
    border: 1px solid #9F3231;
    animation: pulse 1s ease-out;
}
.payment__content--form .form-body .form-body-row .date .date-row i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    transition: color 0.3s ease;
}
.payment__content--form .form-body .form-body-row .date .date-row:focus-within i {
    color: var(--color-primary);
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fffbeb;
    border: 1px dashed #fcd34d;
    border-radius: 6px;
    height: 130px;
    cursor: pointer;
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-icon svg {
    width: 1.65rem;
    margin-bottom: .5rem;
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-text {
    text-align: center;
    margin-top: 1rem;
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-text p {
    margin: 0;
    font-size: .75rem;
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-text p:first-child {
    font-size: .875rem;
}
.payment__content--form .form-body .form-body-row .receipt .file-upload .upload-text p:last-child {
    color: #777;
}
.payment__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 1rem;
}
.payment__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.payment__content--form .form-footer .form-footer-content button:last-child {
    background: var(--color-primary);
    color: white;
}
.dashboard {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: Geist, sans-serif;
}
.dashboard_content {
    display: inherit;
    flex-direction: inherit;
    padding: 1rem;
    border-radius: 6px;
    row-gap: 1rem;
    z-index: 1;
}
.dashboard_content h1 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-SemiBold, sans-serif;
}
.dashboard_content .dashboard_row .dashboard_row-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.dashboard_content .dashboard_row .dashboard_row-content .card {
    display: inherit;
    flex-direction: inherit;
    padding: 1.5rem;
    color: white;
    border: 0;
}
.dashboard_content .dashboard_row .dashboard_row-content > .card:nth-child(1) {
    background: #E54545;
}
.dashboard_content .dashboard_row .dashboard_row-content > .card:nth-child(2) {
    background: #504DE5;
}
.dashboard_content .dashboard_row .dashboard_row-content > .card:nth-child(3) {
    background: #4B4A78;
}
.dashboard_content .dashboard_row .dashboard_row-content .card .card_row {
    display: inherit;
    justify-content: space-between;
    align-items: center;
}
.dashboard_content .dashboard_row .dashboard_row-content .card .card_row h2 {
    font-size: .875rem;
    margin: 0;
}
.dashboard_content .dashboard_row .dashboard_row-content .card .card_row .price,
.dashboard_content .dashboard_row .dashboard_row-content .card .card_row .count {
    font-size: 1.5rem;
    margin-top: 1.5rem;
}
.dashboard_content .dashboard_row .dashboard_row-content .card .card_row p {
    font-size: .75rem;
    margin: 0;
}
.transactions {
    font-family: Geist, sans-serif;
}
.transactions .transactions_content {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem;
    row-gap: 1rem;
}
.transactions .transactions_content h3 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-SemiBold, sans-serif;
}
.transactions .transactions_content .transactions_content-group {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.transactions .transactions_content .transactions_content-group .card {
    display: inherit;
    background: transparent;
    color: initial;
    flex-direction: row;
    border: 1px solid #ddd;
    padding: .9rem 1rem;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
    row-gap: 1rem;
}
.transactions_content .transactions_content-group .card .card_letter span {
    padding: .8rem;
    display: flex;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    color: var(--color-primary);
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
}
.transactions_content .transactions_content-group .card:hover .card_letter span {
    background: var(--color-primary);
    color: white;
    border: none;
}
.transactions_content .transactions_content-group .card:hover .card_user span {
    color: var(--color-primary);
}
.transactions_content .transactions_content-group .card .card_user p {
    margin: 0;
    color: #64748B;
    font-size: .875rem;
}
.transactions_content .transactions_content-group .card .card_mount {
    display: flex;
    flex-direction: column;
}
.transactions_content .transactions_content-group .card .card_mount span:nth-child(1) {
    color: #22C55E;
}
.transactions_content .transactions_content-group .card .card_mount span:nth-child(2) {
    color: #64748B;
    font-size: .875rem;
}
.listp {
    display: flex;
    font-family: Geist, sans-serif;
}
.listp .listp__content {
    display: inherit;
    flex-direction: column;
    padding: 2rem;
    border: 1px solid #ddd;
    margin-block: 2rem;
    border-radius: 6px;
    row-gap: 1rem;
    width: 100%;
}
.listp__content .listp__content--header {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.listp__content .listp__content--header .list-header {
    display: inherit;
    flex-direction: inherit;
}
.listp__content--header .list-header h1,
.listp__content--header .list-header p {
    margin: 0;
}
.listp__content--header .list-header h1 {
    font-size: 1.5rem;
    font-family: Geist-Bold, sans-serif;
}
.listp__content--header .list-header p {
    font-size: .875rem;
    color: #71717a;
}
.listp__content .listp__content--header .list-header {
    display: inherit;
    justify-content: space-between;
}
.listp__content .listp__content--header .list-cta {
    display: inherit;
    justify-content: space-between;
    font-size: .875rem;
}
.listp__content--header .list-cta a {
    text-decoration: none;
    background: #047857;
    color: white;
    padding: .5rem 1rem;
    border-radius: 6px;
}
.listp__content--header .list-cta button {
    border: 1px solid #047857;
    color: #047857;
    background: transparent;
    padding: .5rem 1rem;
    border-radius: 6px;
}
.listp__content--form {
    display: inherit;
}
.listp__content .listp__content--filter {
    display: inherit;
    flex-direction: inherit;
}
.listp__content .listp__content--filter .list-select {
    display: inherit;
    flex-direction: inherit;
    font-size: .875rem;
    margin-top: 1rem;
    position: relative;
}
.listp__content--filter .list-select label {
    font-family: Geist-Medium, sans-serif;
}
.listp__content--filter .list-select select {
    border: 1px solid #ddd;
    padding: .5rem 1rem;
    border-radius: 6px;
    appearance: none;
    cursor: pointer;
}
.listp__content--filter .list-select i {
    position: absolute;
    right: 16px;
    top: 70%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.listp__content .listp__content--filter .list-cta {
    display: inherit;
    justify-content: space-between;
    column-gap: 1rem;
    margin-top: 1rem;
}
.listp__content--filter .list-cta button {
    background: var(--color-primary);
    color: white;
    padding: .5rem 1rem;
    border-radius: 6px;
    border: 0;
    width: 100%;
    font-size: .875rem;
}
.listp__content--filter .list-cta button + button {
    width: auto;
    border: 1px solid #ddd;
    color: black;
    background-color: transparent;
}
.listp__content--body {
    font-size: .875rem;
}
.listp .custom-table th:nth-child(1),
.listp .custom-table td:nth-child(1) {
    width: 5%;
    text-align: center;
}
.listp .custom-table th:nth-child(2),
.listp .custom-table td:nth-child(2) {
    width: 10%; 
}
.listp .custom-table th:nth-child(3),
.listp .custom-table td:nth-child(3) {
    width: 30%;
    text-align: left;
}
.listp .custom-table th:nth-child(4),
.listp .custom-table td:nth-child(4) {
    width: 15%;
    text-align: left;
}
.listp .custom-table th:nth-child(5),
.listp .custom-table td:nth-child(5) {
    width: 15%;
}
.listp .custom-table th:nth-child(6),
.listp .custom-table td:nth-child(6) {
    width: 10%;
}
.listp .custom-table th:nth-child(7),
.listp .custom-table td:nth-child(7) {
    width: 15%;
}
.registerp {
    font-family: Geist, sans-serif;
}
.registerp .registerp__content {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 2rem 1rem;
}
.registerp .registerp__content .registerp__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.registerp__content .registerp__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.registerp__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.registerp__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.registerp__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.registerp__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.registerp__content .registerp__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.registerp__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.registerp__content--form .form-body .group-row.group-row-content {
    row-gap: inherit;
}
.registerp__content--form .form-body .group-row.group-row-content.producto-fisicos,
.registerp__content--form .form-body .group-row.group-row-content.producto-certificados {
    display: none;
}
.registerp__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.registerp__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.registerp__content--form .form-body .group-row textarea {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.registerp__content--form .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.registerp__content--form .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.registerp__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.registerp__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.registerp__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.registerp__content--form .form-body .group-row p {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.registerp__content--form .form-body .group-row .gender-options {
    display: inherit;
    column-gap: 1rem;
}
.registerp__content--form .form-body .group-row .gender-options .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.registerp__content--form .form-body .group-row .gender-options .checkradio label {
    margin: 0;
    font-family: inherit;
}
.registerp__content--form .form-body .group-row .active-status {
    display: inherit;
    column-gap: 1rem;
}
.registerp__content--form .form-body .group-row .active-status .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.registerp__content--form .form-body .group-row .active-status .checkradio label {
    margin: 0;
    font-family: inherit;
}
.registerp__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.registerp__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.registerp__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.editp {
    font-family: Geist, sans-serif;
}
.editp .editp__content {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 2rem 1rem;
}
.editp .editp__content .editp__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.editp__content .editp__content--form .form-header {
    display: inherit;
    flex-direction: inherit;
    row-gap: .5rem;
}
.editp__content--form .form-header .form-header-row h2 {
    margin: 0;
    font-size: 1.25rem;
    font-family: Geist-Bold, sans-serif;
}
.editp__content--form .form-header .form-header-row i {
    cursor: pointer;
}
.editp__content--form .form-header .form-header-row p {
    margin: 0;
    font-size: .875rem;
    color: #71717a;
}
.editp__content--form .form-header .form-header-row {
    display: inherit;
    justify-content: space-between;
}
.editp__content .editp__content--form .form-body {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
    margin-block: 1rem;
}
.editp__content--form .form-body .group-row {
    display: inherit;
    flex-direction: column;
    font-size: .875rem;
}
.editp__content--form .form-body .group-row.group-row-content {
    row-gap: inherit;
}
/* .editp__content--form .form-body .group-row.group-row-content.producto-fisicos, */
.editp__content--form .form-body .group-row.group-row-content.producto-certificados {
    display: none;
}
.editp__content--form .form-body .group-row label {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.editp__content--form .form-body .group-row input {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.editp__content--form .form-body .group-row textarea {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
}
.editp__content--form .form-body .group-row .group-row-input {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.editp__content--form .form-body .group-row .group-row-input i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
}
.editp__content--form .form-body .group-row .group-row-select {
    display: inherit;
    flex-direction: inherit;
    position: relative;
}
.editp__content--form .form-body .group-row .group-row-select select {
    border: 1px solid #e4e4e7;
    border-radius: .375rem;
    padding: .5rem .75rem;
    appearance: none;
}
.editp__content--form .form-body .group-row .group-row-select i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.editp__content--form .form-body .group-row p {
    margin-bottom: .5rem;
    font-family: Geist-Medium, sans-serif;
}
.editp__content--form .form-body .group-row .gender-options {
    display: inherit;
    column-gap: 1rem;
}
.editp__content--form .form-body .group-row .gender-options .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.editp__content--form .form-body .group-row .gender-options .checkradio label {
    margin: 0;
    font-family: inherit;
}
.editp__content--form .form-body .group-row .active-status {
    display: inherit;
    column-gap: 1rem;
}
.editp__content--form .form-body .group-row .active-status .checkradio {
    display: inherit;
    column-gap: .5rem;
}
.editp__content--form .form-body .group-row .active-status .checkradio label {
    margin: 0;
    font-family: inherit;
}
.editp__content--form .form-footer .form-footer-content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.editp__content--form .form-footer .form-footer-content button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.editp__content--form .form-footer .form-footer-content button:first-child {
    background: var(--color-primary);
    color: white;
}
.removep {
    font-family: Geist, sans-serif;
}
.removep .removep__content {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    margin: 0 1rem;
}
.removep__content .removep__content--form {
    display: inherit;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.removep__content .removep__content--form .form-header {
    display: inherit;
    justify-content: space-between;
}
.removep__content--form .form-header h2 {
    font-size: 1.125rem;
    font-family: Geist-Medium, sans-serif;
    color: #9b2226;
    margin-bottom: 1rem;
}
.removep__content--form .form-header i {
    cursor: pointer;
}
.removep__content--form .form-body p {
    font-size: .875rem;
    color: #71717a;
    text-align: center;
}
.removep__content--form .form-body p span {
    font-family: Geist-Medium, sans-serif;
}
.removep__content--form .form-body p + p {
    color: #991b1b;
    background: #fef2f2;
    padding: 1rem;
    text-align: left;
    border: 1px solid #fee2e2;
    border-radius: 6px;
}
.removep__content--form .form-body .buttons {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.removep__content--form .form-body .buttons button {
    border-radius: 6px;
    border: 0;
    padding: .5rem 1rem;
    font-size: .875rem;
}
.removep__content--form .form-body .buttons button:first-child {
    background: var(--color-primary);
    color: white;
}
.search-activo {
    margin-block: 1rem;
    font-family: 'Geist';
    display: flex;
    flex-direction: column;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10), 0 10px 15px -3px rgba(0, 0, 0, 0.10);
    row-gap: 1rem;
}
.search-activo .search-activo-header {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.search-activo .search-activo-header div p {
    margin: 0;
    font-family: Geist-SemiBold;
    font-size: 1.125rem;
}
.search-activo .search-activo-header div span {
    font-size: .875rem;
    color: #6B7280;
}
.search-activo .search-activo-header div button {
    color: #DC2626;
    border: 1px solid #DC2626;
    border-radius: 6px;
    padding: .5rem 1rem;
    background: transparent;
    font-size: .875rem;
}
.search-activo .search-activo-content .card {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
}
.search-activo .search-activo-content .card .subcard {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 1rem;
}
.search-activo .search-activo-content .card .subcard:first-child {
    justify-content: center;
    align-items: center;
    background: #E4E4E7;
    width: 100%;
}
.search-activo .search-activo-content .card .subcard figcaption {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 
    0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.search-activo .search-activo-content .card .subcard figcaption > img {
    width: inherit;
    height: inherit;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid white;
}
.search-activo .search-activo-content .card .subcard > span {
    font-size: .875rem;
    background: #DCFCE7;
    color: #166534;
    padding: .4rem .8rem;
    border-radius: 20px;
}
.search-activo .search-activo-content .card .subcard .subcard_info > h1 {
    font-size: 1rem;
    margin: 0;
    font-family: 'Geist-SemiBold';
}
.search-activo .search-activo-content .card .subcard .subcard_info > p {
    margin: 0;
    font-size: .875rem;
}
.search-activo .search-activo-content .card .subcard .subcard_details {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.search-activo .search-activo-content .card .subcard .subcard_details .subcard_details-row {
    display: inherit;
    flex-direction: inherit;
    row-gap: inherit;
}
.search-activo .search-activo-content .card .subcard .subcard_details .subcard_details-row > div {
    display: flex;
    column-gap: .3rem;
    align-items: center;
}
.search-activo .search-activo-content .card .subcard .subcard_details .subcard_details-row > div > i {
   color: #6b7280;
}
.search-activo .search-activo-content .card .subcard .subcard_details .subcard_details-row > div > i + span {
   color: #6b7280;
   font-size: .875rem;
}
.search-activo .search-activo-content .card .subcard .subcard_details .subcard_details-row > div > i + span + span {
   font-size: .875rem;
}
.search-activo .search-activo-content .card .subcard .subcard_social {
    display: inherit;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: start;
}
.search-activo .search-activo-content .card .subcard .subcard_social .social-media > a {
    font-size: .75rem;
    text-decoration: none;
    color: #1D4ED8;
    background: #DBEAFE;
    border-radius: 20px;
    padding: .2rem .6rem;
}
.transfer {
    display: flex;
    font-family: Geist, sans-serif;
}
.transfer .transfer__content {
    display: inherit;
    flex-direction: column;
    padding: 2rem;
    border: 1px solid #ddd;
    margin-block: 2rem;
    border-radius: 6px;
    row-gap: 1rem;
    width: 100%;
}
.transfer__content .transfer__content--header {
    display: inherit;
    flex-direction: inherit;
    row-gap: 1rem;
}
.transfer__content .transfer__content--header .list-header {
    display: inherit;
    flex-direction: inherit;
}
.transfer__content--header .list-header h1,
.transfer__content--header .list-header p {
    margin: 0;
}
.transfer__content--header .list-header h1 {
    font-size: 1.5rem;
    font-family: Geist-Bold, sans-serif;
}
.transfer__content--header .list-header p {
    font-size: .875rem;
    color: #71717a;
}
.transfer__content .transfer__content--header .list-header {
    display: inherit;
    justify-content: space-between;
}
.transfer__content .transfer__content--header .list-cta {
    display: inherit;
    justify-content: space-between;
    font-size: .875rem;
}
.transfer__content--header .list-cta a {
    text-decoration: none;
    background: #047857;
    color: white;
    padding: .5rem 1rem;
    border-radius: 6px;
}
.transfer__content--header .list-cta button {
    border: 1px solid #047857;
    color: #047857;
    background: transparent;
    padding: .5rem 1rem;
    border-radius: 6px;
}
.transfer__content--form {
    display: inherit;
}
.transfer__content .transfer__content--filter {
    display: inherit;
    flex-direction: inherit;
}
.transfer__content .transfer__content--filter .list-select {
    display: inherit;
    flex-direction: inherit;
    font-size: .875rem;
    margin-top: 1rem;
    position: relative;
}
.transfer__content--filter .list-select label {
    font-family: Geist-Medium, sans-serif;
}
.transfer__content--filter .list-select select {
    border: 1px solid #ddd;
    padding: .5rem 1rem;
    border-radius: 6px;
    appearance: none;
    cursor: pointer;
}
.transfer__content--filter .list-select i {
    position: absolute;
    right: 16px;
    top: 70%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #777;
    font-size: .7rem;
}
.transfer__content .transfer__content--filter .list-cta {
    display: inherit;
    justify-content: space-between;
    column-gap: 1rem;
    margin-top: 1rem;
}
.transfer__content--filter .list-cta button {
    background: var(--color-primary);
    color: white;
    padding: .5rem 1rem;
    border-radius: 6px;
    border: 0;
    width: 100%;
    font-size: .875rem;
}
.transfer__content--filter .list-cta button + button {
    width: auto;
    border: 1px solid #ddd;
    color: black;
    background-color: transparent;
}
.transfer__content--body {
    font-size: .875rem;
}
.transfer .custom-table th:nth-child(1),
.transfer .custom-table td:nth-child(1) {
    width: 5%;
    text-align: left;
}
.transfer .custom-table th:nth-child(2),
.transfer .custom-table td:nth-child(2) {
    width: 0%; 
}
.transfer .custom-table th:nth-child(3),
.transfer .custom-table td:nth-child(3) {
    width: 20%;
    text-align: left;
}
.transfer .custom-table th:nth-child(4),
.transfer .custom-table td:nth-child(4) {
    width: 10%;
    text-align: left;
}
.transfer .custom-table th:nth-child(5),
.transfer .custom-table td:nth-child(5) {
    width: 10%;
    text-align: left;
}
.transfer .custom-table th:nth-child(6),
.transfer .custom-table td:nth-child(6) {
    width: 30%;
    text-align: left;
}
.transfer .custom-table th:nth-child(7),
.transfer .custom-table td:nth-child(7) {
    width: 10%;
}
.transfer .custom-table th:nth-child(8),
.transfer .custom-table td:nth-child(8) {
    width: 0%;
}
.transfer .custom-table th:nth-child(9),
.transfer .custom-table td:nth-child(9) {
    width: 15%;
}