@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


@font-face {
    font-family: 'poppins-bold';
    src: url('typicons/fonts/poppins-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-medium';
    src: url('typicons/fonts/poppins-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-regular';
    src: url('typicons/fonts/poppins-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-semibold';
    src: url('typicons/fonts/poppins-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-extrabold';
    src: url('typicons/fonts/poppins-extrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('typicons/fonts/montserrat-bold.otf') format('opentype');
}

@font-face {
    font-family: 'gothambold';
    src: url('typicons/fonts/gothambold.ttf') format('truetype');
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.az-navbar-two .nav-link {
    font-size: 12px;
}

.content {
    padding-top: 1.1rem;
}

.input-group-prepend .input-group-text {
    height: 30.8px;
}

.ckbox span:before {
    top: 4px;
}

/*.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}*/

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.az-content-title {
    color: #182952;
}

.rz-spinner input[type='number'], .rz-spinner input[type='text'] {
    padding: 0.4375rem 0rem 0.4375rem 0.9375rem;
}

.ckbox span:after {
    top: 4px;
}

.az-content-title {
    font-size: 24px;
}

.rz-multiselect-label-container, .rz-dropdown-label {
    font-size: 0.825rem;
}

.media {
    align-items: flex-start;
    flex: none;
}

.rz-dropdown-item, .rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
    font-size: 0.825rem;
}

label {
    display: inherit;
}

.media-body {
    flex: 1;
}

.input-btn {
    height: 32px;
    min-height: auto;
}

.rz-datepicker-title .rz-dropdown:first-child {
    max-width: 100px !important;
    min-width: 100px !important;
}

.rz-datepicker.rz-popup {
    width: 300px !important;
}

@media (min-width: 992px) {
    .az-content-title {
        margin-bottom: 20px;
    }
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-shadow {
    box-shadow: 0 8px 15px 0 rgb(0 0 0 / 50%);
}

.az-profile-menu > a {
    display: block;
    font-size: 24px;
    color: #1c273c;
    position: relative;
    line-height: 0.9;
    outline: none;
}

@media (min-width: 576px) {
    .az-profile-menu.show .az-icon-user::before {
        display: block;
    }
}

@media (min-width: 992px) {
    .az-navbar .nav-sub {
        min-width: 250px;
    }
}

.az-navbar .nav-sub-link + .nav-sub-link {
    border-top: 1px dotted #ced4da;
}

.az-profile-menu > .az-icon-user::before {
    content: "";
    position: absolute;
    bottom: -39px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #cdd4e0;
    border-left-color: #cdd4e0;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 901;
    display: none;
}

.form-control {
    height: 33px;
    padding: 0.3rem 0.5rem;
    font-size: inherit;
}

textarea.form-control {
    height: auto;
}

.rz-calendar .rz-inputtext {
    height: 33px;
    font-size: inherit;
    border: 1px solid #cdd4e0;
}

.rz-datepicker-trigger {
    font-size: 1.4rem;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.az-content-dashboard-four .az-content-header {
    border-bottom: 1px solid #ced4da;
}

.az-content-header-right .media + .media {
    margin-left: 10px;
    padding-left: 10px;
}

@media (min-width: 992px) {
    .az-content-dashboard-four {
        flex: 1;
        padding: 20px;
    }
}

.az-navbar .nav-sub-link:hover, .az-navbar .nav-sub-link:focus {
    color: #7fbe41;
}

.az-light .az-header-dashboard-four {
    background-color: #182952;
}

.az-sidebar-body .nav-sub-link:hover, .az-sidebar-body .nav-sub-link:focus {
    color: #7fbe41;
}

.az-sidebar-body .nav-sub:hover, .az-sidebar-body .nav-sub:focus {
    border-left: 2px solid #7fbe41;
}

:root {
    --rz-primary: #7fbe41;
    --rz-secondary: #182952;
    --rz-grid-cell-font-size: 0.8125rem;
    --rz-button-hover-gradient: linear-gradient(rgba(55,90,139,0.04), rgba(55,90,139,0.04));
    --rz-button-hover-background-size: auto;
    --rz-button-hover-shadow: var(--rz-shadow-2);
    --rz-shadow-2: 0px 1px 2px rgba(69,73,79,0.3),0px 2px 6px 2px rgba(69,73,79,0.15);
    --rz-info: #085786;
    --rz-info-light: #aadaff;
    --rz-info-lighter: rgba(170,218,255,0.5);
    --rz-info-dark: #086791;
    --rz-info-darker: #002d41;
    --rz-on-info: #fff;
    --rz-on-info-light: #002d41;
    --rz-on-info-lighter: #086791;
    --rz-on-info-dark: #fff;
    --rz-on-info-darker: #aadaff;
}

.btn-primary {
    --bs-btn-bg: #7fbe41;
    --bs-btn-border-color: #7fbe41;
    --bs-btn-hover-bg: #75af3c;
    --bs-btn-hover-border-color: #75af3c;
    --bs-btn-active-bg: #75af3c;
    --bs-btn-active-border-color: #75af3c;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #182952;
    --bs-btn-border-color: #182952;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #121f3e;
    --bs-btn-hover-border-color: #121f3e;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #121f3e;
    --bs-btn-active-border-color: #121f3e;
    --bs-btn-disabled-color: #fff;
}

.rz-grid-table td {
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 1rem;
}

.rz-datatable-thead th:not(:last-child), .rz-datatable-thead th.rz-composite-cell, .rz-grid-table thead th:not(:last-child), .rz-grid-table thead th.rz-composite-cell {
    border-right: none;
}

.rz-datatable-thead th, .rz-grid-table thead th {
    background-color: white
}

.rz-datatable {
    border: none;
}

.rz-datatable-data tr:last-child > td, .rz-grid-table tr:last-child > td {
    border-bottom: 1px solid #e9eaed;
}

.rz-datatable-data td:not(:last-child), .rz-datatable-data td.rz-composite-cell, .rz-grid-table td:not(:last-child), .rz-grid-table td.rz-composite-cell {
    border-right: none;
}

.rz-grid-table td, .rz-grid-table th {
    padding: 0.2rem;
}

.rz-grid-table thead th .rz-column-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis !important;
}

.rz-datatable-odd > td {
    background-color: white;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    padding: 0 0.125rem 0 0.125rem;
}

.az-card-signin {
    justify-content: center !important;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    font-size: 0.8125rem;
}

.rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding: 0;
}

.centrarContenidoConGrid {
    display: grid;
    justify-content: center;
    align-items: center;
}

.centrarContenido {
    display: flex;
    justify-content: center;
    align-items: center;
}

.centrarAlInicio {
    display: flex;
    justify-content: start;
    align-items: center;
}

.centrarVertical {
    display: flex;
    align-items: center;
}

.alinearArriba {
    display: flex;
    align-items: flex-start;
}

.alinearAbajo {
    display: flex;
    align-items: end;
}


.centrarAlFinal {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/*====================inicio estilos FOOTER====================*/
.footerSection {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

    .footerSection .contenedorfooterDatos {
        background-color: #0B1C42;
        padding-right: 3%;
        padding-left: 3%;
    }

@media (max-width: 1000px) {
    .footerSection .contenedorfooterDatos {
        padding-right: 0%;
        padding-left: 0%;
    }
}



.footerSection .contenedorfooterDatosAbajo {
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
}

    .footerSection .contenedorfooterDatosAbajo img {
        width: 90%;
    }

.footerSection .contenedorblanco {
    background-color: #ffffff
}

.footerSection .contenedorSeccionesFooter {
    background-color: #fff;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 1%;
    padding-left: 1%;
}


@media (max-width: 767px) {
    .footerSection .contenedorSeccionesFooter {
        background-color: #fff;
        padding-right: 6%;
        padding-left: 6%;
    }
}


.footerSection .cuadroResaltado {
    background-color: #0B1C42;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 5%;
    padding-left: 5%;
    border-start-start-radius: 0px;
    border-bottom-left-radius: 0px;
    border-start-end-radius: 70px;
    border-end-end-radius: 70px;
}

@media (max-width: 767px) {
    .footerSection .cuadroResaltado {
        border-start-end-radius: 30px;
        border-end-end-radius: 30px;
    }
}


.footerSection h1 {
    color: #ffffff;
    font-size: 20px;
    font-family: poppins-bold;
    font-style: normal;
}

.footerSection h2 {
    color: #9BB643;
    font-size: 20px;
    font-family: poppins-bold;
    font-style: normal;
}

.footerSection h3 {
    color: #0B1C42;
    font-size: 16px;
    font-family: poppins-medium;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    font-style: normal;
}


@media (max-width: 767px) {
    .footerSection h2 {
        font-size: 18px;
    }

    .footerSection h3 {
        font-size: 15px;
    }
}

@media (max-width: 300px) {

    .footerSection h1 {
        font-size: 18px;
    }

    .footerSection p {
        font-size: 14px !important;
    }

    .footerSection h3 {
        font-size: 14px;
    }
}

.footerSection p {
    color: #ffffff;
    font-size: 16px;
    font-family: poppins-regular;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    font-style: normal;
}




.footerLogo {
    margin-bottom: 50px;
}

.footerFactura {
    margin-bottom: 30px;
}

.footerContacto {
    margin-bottom: 30px;
}

.footerInfo {
    margin-bottom: 5px;
    height: auto;
    overflow: hidden;
}

.footer_ul_amrc {
    margin: 0px;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
}

.footerSection a {
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}

.footerSection li {
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}

.footerContacto i {
    line-height: 30px;
}

.footerRedes li {
    margin-right: 10px;
    margin-bottom: 15px;
}

.footerCopyright {
    width: 100%;
}

@media only screen and (max-width: 500px) {
    .footerCopyright {
        height: 180px;
    }
}

.footerCopyright p {
    line-height: 15px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 15.25);
}

.footerCopyright hr {
    margin-right: 155px;
    margin-left: 155px;
}

.social-icon-footer {
    position: relative;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    width: 48px;
    height: 48px;
    font-size: 24px;
    background-color: #596882;
}

/*====================Fin estilos FOOTER====================*/

.az-content-dashboard-six {
    z-index: inherit;
}

.az-content-dashboard-ten {
    background-color: #fdfdfd;
}

    .az-content-dashboard-ten .az-header {
        background-color: #fdfdfd;
    }

    .az-content-dashboard-ten .az-content-body {
        margin-top: 0px;
    }

    .az-content-dashboard-ten .az-content-body {
        display: initial;
    }

@media (min-width: 576px) {
    .az-dashboard-one-title {
        justify-content: flex-end;
    }
}

@media (max-width: 320px) {
    .az-content-dashboard-four {
        padding: 5px;
    }
}

.az-content-header-right .btn:first-of-type, .az-content-header-right .sp-container button:first-of-type, .sp-container .az-content-header-right button:first-of-type {
    margin-left: 0;
}

.az-iconbar-aside-primary .az-iconbar-header {
    background-color: #f4f5f8;
    border-bottom: none;
}

.az-logo {
    color: black;
}

.az-contact-info-header .az-img-user img {
    width: 150px;
    height: 150px;
    border-radius: 0;
}

.az-contact-info-header {
    border-bottom: none;
}

.form-control:disabled, .dataTables_filter input:disabled, .form-control[readonly], .dataTables_filter input[readonly] {
    background-color: white;
}

@media (min-width: 992px) {
    .az-content-title {
        margin-bottom: 20px;
    }
}

.mg-b-5 {
    margin-bottom: 5px !important;
}

.hide {
    display: none;
}

.form-control {
    height: 30.8px;
    padding: 0.300rem 0.50rem;
}

.az-content-dashboard-ten .card {
    border-width: 1px;
    box-shadow: none;
}

.az-contact-info-header {
    border-bottom: none;
}

.az-contact-info-header {
    padding-left: 0;
}

.az-content-title {
    font-size: 24px;
}

.az-iconbar-body {
    height: auto;
}

[class*=btn-outline-] {
    padding: 0.3rem 1rem;
}

.btn, .sp-container button {
    height: 30.8px;
}

.input-group-text {
    padding-top: 4px;
    padding-left: 0.6rem;
}

.az-contact-action, .search a i {
    font-size: 13px;
}

.empty-rows td {
    padding-left: 0;
    padding-right: 0;
}

.simbol {
    padding-top: 4px !important;
    padding-top: 2px !important;
}

.az-content-breadcrumb {
    font-weight: 500;
}

.loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    z-index: 100001;
}

.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218,219,223,1);
    border-left: .8em solid rgba(11,23,66,1);
    animation: spin 1.1s infinite linear
}

    .loader, .loader:after {
        border-radius: 50%;
        width: 8em;
        height: 8em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em
    }

@keyframes spin {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.az-content-dashboard-four .az-content-header {
    border-bottom: 1px solid #ced4da;
}

.az-light {
    background-color: #ffffff;
}

.cursor {
    cursor: pointer;
}

.form-control:disabled, .dataTables_filter input:disabled, .form-control[readonly], .dataTables_filter input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.az-contact-info-header .media-body .nav-link:hover, .az-contact-info-header .media-body .nav-link:focus {
    color: #70737c;
}

@media (min-width: 992px) {
    .az-navbar-two .nav-item.active::before {
        border-bottom: 2px solid #8DC63F;
    }
}

.az-navbar .nav-item.active .nav-link {
    color: #04459d;
}

.az-navbar .nav-sub-link:hover, .az-navbar .nav-sub-link:focus {
    color: #7fbe41;
}

.hiddencol {
    display: none;
}

.az-light .az-header-dashboard-four {
    background-color: #182952;
}

.az-content-title {
    color: #182952;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #7fbe41;
}

.az-header-message > a, .az-header-notification > a {
    color: #ffffff;
}

.modal-title {
    color: #182952;
}

.select2-container-modal {
    z-index: 100001;
}

.table thead th, .table thead td {
    color: #333;
}

a {
    color: #182952;
}

.btn {
    box-shadow: 0px 6px 15px -6px rgba(184,184,184,1);
}

@media (min-width: 1200px) {
    .az-navbar .nav-item + .nav-item {
        margin-left: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 576px) {

    .modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    .modal-dialog {
        width: 500px !important;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 800px !important;
    }
}

@media (min-width: 992px) {
    .lg900 {
        width: 900px !important;
    }
}

.lg900 {
    max-width: 900px;
}

.btn-outline-secondary {
    border: 10px solid #70737c;
}

.table-bordered thead th, .table-bordered thead td {
    background-color: #182952;
    color: #ffffff;
}

/*.modal {
    z-index: 1052;
}*/

.modal-backdrop.show:nth-last-of-type(2) {
    z-index: 1051;
}

/*.modal-backdrop {
    z-index: 1053;
}
*/

.ui-datepicker {
    z-index: 1051 !important;
}

.az-header-menu-icon span {
    background-color: #ffffff;
}

    .az-header-menu-icon span::before, .az-header-menu-icon span::after {
        background-color: #ffffff;
    }

tfoot table td > a:hover {
    color: #ffffff;
    font-weight: bold;
    background-color: #7fbe41;
}

tfoot table td:hover, tfoot table td:hover a, tfoot table td span {
    color: #ffffff;
    font-weight: bold;
    background-color: #7fbe41;
}

tfoot table td:hover {
    cursor: pointer;
}

.table-hover:hover {
    background-color: #c8cfd6 !important;
}

.focus {
    background-color: #c8cfd6 !important;
}

.btn-white {
    background-color: #ffffff;
}

    .btn-white:hover {
        color: rgb(127, 190, 65);
    }

.ckbox {
    display: initial;
}

.treeView td {
    padding-left: 2px;
}

.treeView input {
    margin-top: 8px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.custom-file-label::after {
    content: "Buscar";
}

.table-bordered th {
    background-color: #182952;
    color: #ffffff;
}

.table-bordered th {
    text-align: center;
}

.table-bordered th {
    border-top-width: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.table th {
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-bottom-width: 1px;
    border-top-width: 0;
}

.table-bordered th {
    border-bottom-width: 2px;
}

.table th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.label-overflow {
    white-space: nowrap;
    overflow: hidden;
}

.az-content-header-right .media + .media {
    margin-left: 10px;
    padding-left: 10px;
}

@media (min-width: 992px) {
    .az-navbar .nav-sub {
        min-width: 250px;
    }

    .az-profile-body {
        padding: 2px 0 0 20px;
    }
}

.bw-publicidad {
    background-image: url(../../img/BnrCampCancer.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.bw-confirmacion {
    background-image: url(../../img/BnrAppSectorAgro.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.mbanner .modal-body {
    height: 280px;
}

@media (min-width: 992px) {

    .mbanner .modal-body {
        height: 400px;
    }
}

@media (max-width: 740px) {
    .mbanner .modal-body {
        height: 200px;
    }

    #ContentPlaceHolder1_imgPublicidad {
        width: 279px !important;
        height: 35px !important;
    }
}

@media (max-width: 425px) {
    .mbanner .modal-body {
        height: 160px;
    }
}

.was-validated .form-control:valid, .form-control.is-valid, input.form-control.parsley-success,
textarea.form-control.parsley-success {
    border-color: #3bb001;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233bb001' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, input.form-control.parsley-success:focus,
    textarea.form-control.parsley-success:focus {
        border-color: #3bb001;
        box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
    }

.was-validated .form-control:invalid, .form-control.is-invalid, input.form-control.parsley-error,
textarea.form-control.parsley-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, input.form-control.parsley-error:focus,
    textarea.form-control.parsley-error:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
    color: darkgray;
}

div.relative {
    position: relative;
    height: 70px;
    width: 558px;
}

img.rotate {
    height: 558px !important;
    width: 70px !important;
    position: absolute;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 398% 50%;
    transform: rotate(90deg);
    transform-origin: 398% 50%;
}

.table td.accion {
    padding: 0;
    vertical-align: middle;
}

/* Checkbox */
.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1;
    margin-bottom: 0;
}

    .ckbox span {
        padding-left: 15px;
    }

        .ckbox span:empty {
            float: left;
        }

        .ckbox span:before, .ckbox span:after {
            line-height: 18px;
            position: absolute;
        }

        .ckbox span:before {
            content: '';
            width: 16px;
            height: 16px;
            background-color: #fff;
            border: 1px solid #969dab;
            top: 1px;
            left: 0;
        }

        .ckbox span:after {
            top: 1px;
            left: 0;
            width: 16px;
            height: 16px;
            content: '';
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
            background-size: 65%;
            background-repeat: no-repeat;
            background-position: 55% 45%;
            background-color: #7fbe41;
            line-height: 17px;
            display: none;
        }

        .ckbox span:empty {
            padding-left: 0;
            width: 3px;
        }

    .ckbox input[type='checkbox'] {
        opacity: 0;
        margin: 0;
    }

        .ckbox input[type='checkbox']:checked + span:after {
            display: block;
        }

        .ckbox input[type='checkbox'][disabled] + span,
        .ckbox input[type='checkbox'][disabled] + span:before,
        .ckbox input[type='checkbox'][disabled] + span:after {
            opacity: .75;
        }

.ckbox-inline {
    display: inline-block;
}

.modal-dialog {
    box-shadow: var(--rz-dialog-shadow);
}

.modal-backdrop.show {
    opacity: 0.5;
    background-color: var(--rz-dialog-mask-background-color);
}

.modal-content {
    border-radius: var(--rz-dialog-border-radius);
}

cs-invoice_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.cs-invoice_btns .cs-invoice_btn:first-child {
    border-radius: 5px 0 0 5px
}

.cs-invoice_btns .cs-invoice_btn:last-child {
    border-radius: 0 5px 5px 0
}

.cs-invoice_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    font-weight: 600;
    padding: 8px 20px;
    cursor: pointer
}

    .cs-invoice_btn svg {
        width: 24px;
        margin-right: 5px
    }

    .cs-invoice_btn.cs-color1 {
        color: #111;
        background: rgba(42,209,157,.15)
    }

        .cs-invoice_btn.cs-color1:hover {
            background-color: rgba(42,209,157,.3)
        }

    .cs-invoice_btn.cs-color2 {
        color: #fff;
        background: #2ad19d
    }

        .cs-invoice_btn.cs-color2:hover {
            background-color: rgba(42,209,157,.8)
        }

.rz-button:not(.rz-state-disabled):hover:not(:active), .rz-paginator-element:not(.rz-state-disabled):hover:not(:active) {
    text-decoration: none;
    background-image: var(--rz-button-hover-gradient);
    background-size: var(--rz-button-hover-background-size);
    box-shadow: var(--rz-button-hover-shadow);
}

.rz-button.rz-info.rz-shade-lighter, .rz-info.rz-shade-lighter.rz-paginator-element {
    background-color: var(--rz-info-lighter);
    color: var(--rz-on-info-lighter);
}

:root {
    --rz-warning: #e8e971;
    --rz-warning-light: #f9ffaa;
    --rz-warning-lighter: rgba(249,255,170,0.5);
    --rz-warning-dark: #918908;
    --rz-warning-darker: #413d00;
    --rz-on-warning: #1b1d20;
    --rz-on-warning-light: #413d00;
    --rz-on-warning-lighter: #413d00;
    --rz-on-warning-dark: #fff;
    --rz-on-warning-darker: #f9ffaa;
    --rz-alert-border-radius: calc(var(--rz-border-radius) * 3);
    --rz-info: #085786;
    --rz-info-light: #aadaff;
    --rz-info-lighter: rgba(170,218,255,0.5);
    --rz-info-dark: #086791;
    --rz-info-darker: #002d41;
    --rz-on-info: #fff;
    --rz-on-info-light: #002d41;
    --rz-on-info-lighter: #086791;
    --rz-on-info-dark: #fff;
    --rz-on-info-darker: #aadaff;
}

.rz-alert-md {
    --rz-alert-gap: 1rem;
    --rz-alert-margin: 0.5rem 0;
    --rz-alert-padding: 1rem;
    --rz-alert-message-margin: 0.125rem 0;
    --rz-alert-icon-margin: 0.125rem 0;
}

.mud-icon-button {
    padding: 2px;
}

.mud-input-control-input-container label {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .az-header {
        height: 70px;
    }
}

.az-header-notification {
    color: white;
}

div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, div:not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-spinner:disabled .rz-inputtext, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, div:not(.rz-form-field-content) > .mask:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, div:not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext {
    background-color: #e9ecef;
}

div:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, div:not(.rz-form-field-content) > .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled div:not(.rz-form-field-content) > .rz-inputtext, div:not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, div:not(.rz-form-field-content) > .rz-autocomplete-input:disabled, div:not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, div:not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, div:not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search div:not(.rz-form-field-content) > input:disabled, div:not(.rz-form-field-content) > .rz-spinner:disabled, .rz-calendar div:not(.rz-form-field-content) > .rz-inputtext:disabled, div:not(.rz-form-field-content) > .rz-multiselect:disabled, div:not(.rz-form-field-content) > .rz-dropdown:disabled, div:not(.rz-form-field-content) > .mask:disabled, div:not(.rz-form-field-content) > .rz-textarea:disabled, div:not(.rz-form-field-content) > .rz-textbox:disabled {
    background-color: #e9ecef;
    border: 1px solid #cdd4e0;
}

/*Inicio estilo menuSuperior*/
.menuSuperior {
    background-color: #ffffff;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 4%;
    padding-left: 4%;
}

    .menuSuperior .nav-item a {
        font-family: poppins-medium;
        color: #2C3D85;
        font-size: 17px !important;
        padding-right: 6% !important;
        padding-left: 6% !important;
    }

        .menuSuperior .nav-item a:hover {
            color: #91BE21;
        }

    .menuSuperior .az-menu-sub a {
        font-family: poppins-medium;
        color: #2C3D85;
        font-size: 15px !important;
        padding-right: 6% !important;
        padding-left: 6% !important;
    }

        .menuSuperior .az-menu-sub a:hover {
            color: #91BE21;
        }

/*Fin estilo menuSuperior*/
/*Inicio estilos iniciar sesion*/
.seccionIniciarSesion {
    padding-top: 10%;
    background-color: #F8F7FB;
}

    .seccionIniciarSesion h1 {
        text-align: center;
        color: #243E80;
        font-family: poppins-bold;
        font-size: 50px;
        margin: 0px;
    }

@media (max-width: 991px) {
    .seccionIniciarSesion h1 {
        font-size: 40px;
    }
}


.seccionIniciarSesion h2 {
    text-align: center;
    color: #243E80;
    font-family: poppins-medium;
    font-size: 18px;
    margin: 0px;
}

.seccionIniciarSesion a {
    text-align: center;
    color: #243E80;
    font-family: poppins-bold;
    font-size: 16px;
    margin: 0px;
}


.seccionIniciarSesion .contenedorIniciarSesion {
    align-content: center;
    margin-top: 4%;
    background-color: #ffffff;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 14%;
    padding-left: 14%;
    border-radius: 16px;
    box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 644px) {
    .seccionIniciarSesion .contenedorIniciarSesion {
        background-color: #ffffff;
        padding-top: 7%;
        padding-right: 10%;
        padding-left: 10%;
        margin-bottom: 10%;
    }
}

.seccionIniciarSesion .contenedorIniciarSesion label {
    color: #243E80;
    font-size: 22px;
    font-family: poppins-medium;
    margin: 0px;
    padding: 10px;
}

.seccionIniciarSesion .contenedorIniciarSesion .contenedorInput {
    background-color: #ffffff;
    border-color: #243E80;
    border-width: 1px;
    border-style: solid;
    border-radius: 16px;
}

.seccionIniciarSesion .contenedorIniciarSesion input {
    font-family: poppins-medium;
    font-size: 18px;
    border-radius: 8px;
    outline: none;
    border-color: #243E80;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    border-width: 2.4px;
    color: #000000;
}

    .seccionIniciarSesion .contenedorIniciarSesion input:hover {
        border-color: #243E80 !important;
        border-width: 2.4px !important;
    }



    .seccionIniciarSesion .contenedorIniciarSesion input:focus, .seccionIniciarSesion .contenedorIniciarSesion input:active, .seccionIniciarSesion .contenedorIniciarSesion input:hover {
        outline: none !important;
        border-color: #243E80 !important;
        border-width: 2.4px !important;
    }

.seccionIniciarSesion .contenedorIniciarSesion .botonContrasena {
    height: 34px;
    width: 19%;
    margin: 0px;
    text-align: end;
    color: #7FAC42 !important;
    font-size: 24px;
}

.seccionIniciarSesion .contenedorIniciarSesion svg {
    fill: #7fac42
}

.seccionIniciarSesion .contenedorIniciarSesion .btnIniciar {
    background-color: #2C3D85;
    color: #ffffff;
    border-color: #2C3D85;
    border-style: solid;
    border-width: 1px;
    font-family: poppins-medium;
    font-size: 20px;
    width: fit-content;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 8%;
    padding-left: 8%;
    border-radius: 30px;
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center;
}

    .seccionIniciarSesion .contenedorIniciarSesion .btnIniciar:hover {
        color: #243E80;
        background-color: #ffffff;
    }

.btnInicioSesionMenu {
    font-family: poppins-medium;
    font-size: 18px;
    color: #ffffff !important;
    background-color: #243E80 !important;
    border-color: #243E80 !important;
    border-width: 1px;
    border-style: solid;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    border-radius: 16px;
}

    .btnInicioSesionMenu:hover {
        color: #243E80 !important;
        background-color: #ffffff !important;
    }

.seccionModalIniciarSesion {
}

    .seccionModalIniciarSesion .modal-content {
        background-color: #ffffff;
        padding-top: 2%;
        padding-bottom: 5%;
        padding-right: 6%;
        padding-left: 6%;
        border-radius: 16px;
        box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.25);
    }

    .seccionModalIniciarSesion .modal-body {
        padding-top: 0px;
    }

    .seccionModalIniciarSesion h1 {
        font-size: 30px;
        width: 100%;
        text-align: center;
        color: #2C3D85;
        font-family: poppins-extrabold;
        padding-top: 0px;
        padding-bottom: 2%;
        margin: 0px;
    }


    .seccionModalIniciarSesion .tituloLabel {
        text-align: center;
        font-size: 22px;
        color: #2C3D85;
        font-family: poppins-medium;
        margin: 0px;
        padding: 10px;
        display: block;
        width: 100% !important;
    }

    .seccionModalIniciarSesion .inputModal {
        font-family: poppins-medium;
        border-color: #2C3D85;
        border-width: 2.4px;
        border-style: solid;
        border-radius: 8px;
        padding-top: 8px;
        padding-bottom: 8px !important;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
        height: 50px;
        font-size: 18px;
        color: #000000;
    }
/*Fin estilos iniciar sesion*/
/*   inicio seccion index*/
.seccionIndex {
    background-color: #ffffff;
}

    .seccionIndex .seccionLanding {
        background-color: #FBFAFD;
        padding-right: 4%;
        padding-left: 4%;
    }

    .seccionIndex .contenedorTexto p {
        font-family: poppins-medium;
        background-color: #ffffff;
        color: #2C3D85;
        font-size: 20px;
        font-style: normal;
        padding-top: 1%;
        padding-bottom: 2%;
        padding-right: 10%;
        padding-left: 10%;
        margin: 0px;
        text-align: center;
        line-height: 30px;
    }


@media (max-width: 991px) {
    .seccionIndex .contenedorTexto p {
        font-size: 120%;
        line-height: normal;
    }
}

.seccionIndex .seccionLanding .contenedorInformacion {
    height: 60vh;
}

@media (max-height: 450px) {
    .seccionIndex .seccionLanding .contenedorInformacion {
        padding-top: 4%;
        padding-bottom: 4%;
        height: fit-content !important;
    }
}

.seccionIndex .seccionLanding .contenedorInformacion h1 {
    font-family: poppins-extrabold;
    color: #2C3D85;
    font-size: 45px;
    font-style: normal;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.seccionIndex .seccionLanding .contenedorInformacion h2 {
    font-family: poppins-medium;
    color: #2C3D85;
    font-size: 40px;
    font-style: normal;
    padding-top: 0px;
    padding-bottom: 3%;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    text-align: left;
}

.seccionIndex .seccionLanding .contenedorInformacion h3 {
    font-family: poppins-medium;
    color: #2C3D85;
    font-size: 20px;
    font-style: normal;
    padding-top: 3%;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    text-align: left;
}

.seccionIndex .seccionLanding .contenedorInformacion a {
    font-family: poppins-medium;
    font-size: 120%;
    font-style: normal;
    background-color: #91BE21;
    text-align: center;
    color: #ffffff;
    margin-top: 5%;
    margin-right: 5%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 1%;
    padding-left: 6%;
    border-radius: 50px;
}

@media (max-width: 600px) {
    .seccionIndex .seccionLanding .contenedorInformacion a {
        width: 100%;
    }
}


.seccionIndex .seccionLanding .contenedorInformacion img {
    width: 35px;
    margin-left: 20px;
}

@media (max-width: 600px) {
    .seccionIndex .seccionLanding .contenedorInformacion img {
        width: 40px;
        height: 40px;
    }
}

.seccionIndex .seccionLanding .contenedorInformacion a:hover {
    background-color: #2C3D85;
    color: #ffffff !important;
}


.seccionIndex .seccionLanding .contenedorInformacion a p {
    margin: 0px;
    width: 100%;
    font-size: 100%;
    line-height: 100%;
}


@media (max-width: 1400px) {
    .seccionIndex .seccionLanding .contenedorInformacion h1 {
        font-size: 40px;
    }

    .seccionIndex .seccionLanding .contenedorInformacion h2 {
        font-size: 25px;
    }

    .seccionIndex .seccionLanding .contenedorInformacion h3 {
        font-size: 18px;
    }
}

@media (max-width: 1220px) {
    .seccionIndex .seccionLanding .contenedorInformacion h1 {
        font-size: 35px;
    }

    .seccionIndex .seccionLanding .contenedorInformacion h2 {
        font-size: 30px;
    }

    .seccionIndex .seccionLanding .contenedorInformacion h3 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .seccionIndex .seccionLanding .contenedorInformacion {
        height: 50vh;
    }
}

@media (max-width: 600px) {
    .seccionIndex .seccionLanding .contenedorInformacion {
        padding-top: 10%;
        padding-bottom: 15%;
        height: 100%;
    }

        .seccionIndex .seccionLanding .contenedorInformacion h1 {
            font-size: 300%;
        }

        .seccionIndex .seccionLanding .contenedorInformacion h2 {
            font-size: 200%;
        }

        .seccionIndex .seccionLanding .contenedorInformacion h3 {
            font-size: 100%;
        }

        .seccionIndex .seccionLanding .contenedorInformacion a {
            font-size: 100%;
            padding-top: 2px;
            padding-bottom: 2px;
        }

            .seccionIndex .seccionLanding .contenedorInformacion a img {
                height: 40px;
            }
}

@media (max-width: 500px) {
    .seccionIndex .seccionLanding .contenedorInformacion a img {
        height: 30px;
        width: 30px;
    }
}

.seccionIndex .seccionLanding .contenedorCarrusel {
    height: 60vh;
    padding: 0px;
    margin: 0px;
}

    .seccionIndex .seccionLanding .contenedorCarrusel .owl-item {
        display: grid;
        justify-content: center;
        align-items: center;
    }


    .seccionIndex .seccionLanding .contenedorCarrusel img {
        width: 94% !important;
    }

@media (max-width: 991px) {
    .seccionIndex .seccionLanding .contenedorCarrusel {
        height: 40%;
    }

        .seccionIndex .seccionLanding .contenedorCarrusel img {
            height: 100% !important;
        }
}

@media (max-height: 450px) {

    .seccionIndex .seccionLanding .contenedorCarrusel .owl-item {
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .seccionIndex .seccionLanding .contenedorCarrusel img {
        width: 70vh !important;
    }
}




.seccionIndex .seccionPlanes {
    padding-top: 4%;
    padding-bottom: 2%;
}

@media (max-width: 991px) {
    .seccionIndex .seccionPlanes {
        padding-right: 8%;
        padding-left: 8%;
    }
}

.seccionIndex .seccionPlanes .contenedorPrepago {
    width: 80%;
    padding-top: 8%;
}

@media (max-width: 991px) {
    .seccionIndex .seccionPlanes .contenedorPrepago {
        width: 100%;
    }
}

.seccionIndex .seccionPlanes .contenedorPrepago .contenedor {
    background-color: #91BE21;
    border-color: #2C3E86;
    border-style: solid;
    border-width: 2.4px;
    padding-top: 2%;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    border-radius: 16px;
}

.seccionIndex .seccionPlanes .contenedorPrepago .contenedorDatos {
    background-color: #ffffff;
    border-end-start-radius: 16px;
    border-end-end-radius: 16px;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 0px;
    padding-left: 0px;
}

.seccionIndex .seccionPlanes .contenedorPrepago h5 {
    text-align: center;
    background-color: #2C3D85;
    width: fit-content;
    font-family: poppins-medium;
    font-size: 130%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 14%;
    padding-left: 14%;
    margin: 0px;
    color: #ffffff;
    border-start-end-radius: 24px;
    border-start-start-radius: 24px;
}

    .seccionIndex .seccionPlanes .contenedorPrepago h5 img {
        padding-right: 2px;
        padding-left: 8px;
        height: 30px !important;
    }



.seccionIndex .seccionPlanes .contenedorPospago {
    width: 80%;
    padding-top: 8%;
}

@media (max-width: 991px) {
    .seccionIndex .seccionPlanes .contenedorPospago {
        width: 100%;
    }
}


.seccionIndex .seccionPlanes .contenedorPospago .contenedor {
    background-color: #2C3E86;
    border-color: #2C3E86;
    border-style: solid;
    border-width: 2.4px;
    padding-top: 2%;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    border-radius: 16px;
}

.seccionIndex .seccionPlanes .contenedorPospago .contenedorDatos {
    background-color: #fff;
    border-end-start-radius: 16px;
    border-end-end-radius: 16px;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 0px;
    padding-left: 0px;
}

.seccionIndex .seccionPlanes .contenedorPospago h5 {
    text-align: center;
    background-color: #91BE21;
    width: fit-content;
    font-family: poppins-medium;
    font-size: 130%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-right: 14%;
    padding-left: 14%;
    margin: 0px;
    color: #ffffff;
    border-start-end-radius: 24px;
    border-start-start-radius: 24px;
}

    .seccionIndex .seccionPlanes .contenedorPospago h5 img {
        padding-right: 2px;
        padding-left: 8px;
        height: 30px !important;
    }

.seccionIndex .seccionPlanes .titulo {
    text-align: center;
    font-family: poppins-extrabold;
    font-size: 45px;
    padding-bottom: 1%;
    color: #2C3D85
}

.seccionIndex .seccionPlanes h1 {
    text-align: center;
    font-family: poppins-bold;
    font-size: 45px;
    text-align: center;
    color: #2C3D85;
    padding-top: 8px;
    padding-bottom: 0px;
    margin: 0px;
}

@media (max-width: 1400px) {
    .seccionIndex .seccionPlanes h1 {
        font-size: 40px;
    }
}

@media (max-width: 1220px) {
    .seccionIndex .seccionPlanes h1 {
        font-size: 35px;
    }
}

@media (max-width: 600px) {
    .seccionIndex .seccionPlanes h1 {
        font-size: 200%;
    }
}

.seccionIndex .seccionPlanes .subtitulo {
}

@media (max-width: 600px) {
    .seccionIndex .seccionPlanes .subtitulo {
        font-size: 15px;
    }
}

.seccionIndex .seccionPlanes h2 {
    text-align: center;
    font-family: poppins-medium;
    font-size: 30px;
    text-align: center;
    color: #2C3D85;
    padding-top: 15px;
    padding-bottom: 20px;
    margin: 0px;
}

.seccionIndex .seccionPlanes h3 {
    text-align: center;
    font-family: poppins-bold;
    font-size: 22px;
    text-align: center;
    color: #2C3D85;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}

.seccionIndex .seccionPlanes h4 {
    font-family: poppins-bold;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 10px;
    margin: 0px;
}


.seccionIndex .seccionPlanes a {
    text-align: center;
    font-family: poppins-medium;
    font-size: 130%;
    font-style: normal;
    background-color: #91BE21;
    text-align: center;
    color: #ffffff;
    margin-top: 5%;
    margin-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 1%;
    padding-left: 5%;
    border-radius: 50px;
}

    .seccionIndex .seccionPlanes a:hover {
        background-color: #2C3D85;
        color: #ffffff !important;
    }

.seccionIndex .seccionPlanes img {
    width: 35px;
}


.seccionIndex .seccionPlanes a p {
    margin: 0px;
    padding-right: 20px;
}

@media (max-width: 500px) {
    .seccionIndex .seccionPlanes a p {
        font-size: 14px;
    }
}

.seccionIndex .seccionPlanes .contenedorBeneficios {
    padding-top: 28px;
    padding-bottom: 40px;
    padding-right: 6%;
    padding-left: 6%;
    height: 26vh;
}

@media (max-width: 992px) {
    .seccionIndex .seccionPlanes .contenedorBeneficios {
        height: fit-content;
    }
}


.seccionIndex .seccionPlanes .contenedorBeneficios p {
    font-family: poppins-medium;
    color: #192952;
    margin: 0px;
    line-height: 150%;
}

@media (max-height: 600px) {
    .seccionIndex .seccionPlanes .contenedorBeneficios {
        height: 30vh;
    }
}

@media (max-height: 450px) {
    .seccionIndex .seccionPlanes .contenedorBeneficios {
        height: 40vh;
    }
}

.seccionIndex .seccionPlanes .contenedorBeneficios b {
    color: #91BE21;
    font-size: 100%;
}


.seccionIndex .seccionNuestrosBeneficios {
    padding-right: 10%;
    padding-left: 10%;
    background-color: #FBFAFD;
    padding-top: 4%;
    padding-bottom: 4%;
}

    .seccionIndex .seccionNuestrosBeneficios .titulo {
        text-align: center;
        font-family: poppins-extrabold;
        font-size: 45px;
        padding-bottom: 0px;
        color: #2C3D85
    }


    .seccionIndex .seccionNuestrosBeneficios .subtitulo {
        text-align: center;
        font-family: poppins-medium;
        font-size: 22px;
        padding: 0px;
        margin: 0px;
        color: #2C3D85
    }

    .seccionIndex .seccionNuestrosBeneficios .contenedorBeneficio {
        padding-top: 2%;
        padding-bottom: 2%;
        padding-right: 2%;
        padding-left: 2%;
    }

    .seccionIndex .seccionNuestrosBeneficios img {
        width: 28%;
        padding-bottom: 8%;
    }

    .seccionIndex .seccionNuestrosBeneficios h3 {
        text-align: center;
        font-family: poppins-bold;
        font-size: 22px;
        padding: 0px;
        margin: 0px;
        color: #2C3D85;
        height: 10vh;
    }

@media (max-width: 1400px) {
    .seccionIndex .seccionNuestrosBeneficios h3 {
        height: fit-content;
        padding-bottom: 10px;
    }

    .seccionIndex .seccionNuestrosBeneficios img {
        width: 30%;
    }
}

@media (max-width: 700px) {
    .seccionIndex .seccionNuestrosBeneficios img {
        width: 20%;
        padding-top: 4px;
        padding-bottom: 2px;
    }
}

.seccionIndex .seccionNuestrosBeneficios p {
    text-align: center;
    font-family: poppins-medium;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    color: #192952;
    line-height: normal;
}

.seccionIndex .seccionAplicacionMovil {
    background-color: #f9f9f9;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-right: 16%;
    padding-left: 16%;
}

@media (max-width: 1200px) {
    .seccionIndex .seccionAplicacionMovil {
    }
}


.seccionIndex .seccionAplicacionMovil h1 {
    font-family: poppins-extrabold;
    color: #2C3D85;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 40px;
}


@media (max-width: 600px) {
    .seccionIndex .seccionAplicacionMovil h1 {
        font-size: 200% !important;
    }
}

.seccionIndex .seccionAplicacionMovil h2 {
    font-family: poppins-medium;
    color: #192952;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 22px;
}

@media (max-width: 600px) {
    .seccionIndex .seccionAplicacionMovil h2 {
        font-size: 150% !important;
    }
}

.seccionIndex .seccionAplicacionMovil .contenedorBotones {
    padding-top: 6%;
}

    .seccionIndex .seccionAplicacionMovil .contenedorBotones a {
        /*width: 40%*/
    }


.seccionIndex .seccionAplicacionMovil .imgContenedorTiendas {
    padding-top: 10%;
    padding-bottom: 10%;
    width: 80%;
}



@media (max-width: 700px) {
    .seccionIndex .seccionAplicacionMovil .imgContenedorTiendas {
        width: 80%;
    }
}

.seccionIndex .seccionAplicacionMovil .imgContenedorApp {
    width: 90%;
}

@media (max-width: 991px) {
    .seccionIndex .seccionAplicacionMovil .imgContenedorApp {
        width: 75%;
    }
}

/*   .pantallaPlanes {
        background-color: #ffffff;
    }*/

.pantallaPlanes .seccionPrecios {
    background-color: #FBFAFD;
    padding-top: 2%;
    padding-bottom: 2%;
}

    .pantallaPlanes .seccionPrecios h1 {
        text-align: center;
        background-color: #FBFAFD;
        color: #2C3D85;
        font-size: 45px;
        font-family: poppins-extrabold;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pantallaPlanes .seccionPrecios h2 {
        font-size: 22px;
        text-align: center;
        background-color: #FBFAFD;
        color: #192952;
        font-family: poppins-medium;
        margin: 0px;
    }


.pantallaPlanes .seccionOfertaPlanes {
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #FBFAFD;
}

    .pantallaPlanes .seccionOfertaPlanes h1 {
        text-align: center;
        color: #2C3D85;
        font-size: 45px;
        font-family: poppins-extrabold;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 3%;
        margin-bottom: 3%;
    }

@media (max-width: 1220px) {
    .pantallaPlanes .seccionOfertaPlanes h1 {
        font-size: 30px;
    }
}


.pantallaPlanes .seccionOfertaPlanes h2 {
    font-size: 21px;
    text-align: center;
    color: #757575;
    font-family: poppins-medium;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 1220px) {
    .pantallaPlanes .seccionOfertaPlanes h2 {
        font-size: 18px;
        padding: 3%;
    }
}


.pantallaPlanes .seccionOfertaPlanes h3 {
    font-size: 20px;
    text-align: center;
    color: #2C3D85;
    font-family: poppins-medium;
    margin: 0px;
    padding-top: 1%;
}

.pantallaPlanes .seccionPlanes {
    /*        padding-top: 3%;*/
    padding-bottom: 3%;
    /*        padding-right: 5%;
        padding-left: 5%;*/
    /*        background-color: #ffffff;*/
}

    .pantallaPlanes .seccionPlanes .planActivo {
        background-color: #91BE21;
        border-color: #91BE21;
        border-style: solid;
        border-width: 1px;
        border-radius: 8px;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-right: 5%;
        padding-left: 5%;
        width: 60%;
    }



        .pantallaPlanes .seccionPlanes .planActivo .circuloActivo {
            width: 10%;
        }

    .pantallaPlanes .seccionPlanes .contenedorTitulo {
        padding-right: 10%;
        padding-left: 10%;
    }



    .pantallaPlanes .seccionPlanes .planInactivo {
        background-color: #2C3D85;
        border-color: #2C3D85;
        border-style: solid;
        border-width: 1px;
        border-radius: 8px;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-right: 5%;
        padding-left: 5%;
        width: 60%;
    }

        .pantallaPlanes .seccionPlanes .planInactivo:hover {
            background-color: #91BE21;
        }


@media (max-width: 991px) {
    .pantallaPlanes .seccionPlanes .contenedorTitulo {
        padding-right: 0%;
        padding-left: 0%;
    }

    .pantallaPlanes .seccionPlanes .planActivo {
        width: 98%;
    }

    .pantallaPlanes .seccionPlanes .planInactivo {
        width: 98%;
    }
}

.pantallaPlanes .seccionPlanes .planInactivo .circuloInactivo {
    width: 10%;
}

.pantallaPlanes .seccionPlanes h2 {
    font-size: 22px;
    color: #757575;
    font-family: poppins-medium;
    margin: 0%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.pantallaPlanes .seccionPlanes .planActivo p {
    text-align: center;
    color: #ffffff;
    font-family: poppins-bold;
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 90%;
    padding: 0px;
    margin: 0px;
}

.pantallaPlanes .seccionPlanes .planInactivo p {
    text-align: center;
    color: #ffffff;
    font-family: poppins-bold;
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 90%;
    padding: 0px;
    margin: 0px;
}


.pantallaPlanes .seccionPlanes .contenedorPlan {
    height: -webkit-fill-available !important;
    margin-top: 4%;
    margin-bottom: 4%;
    width: 100%;
    border-color: #2C3E86;
    border-style: solid;
    border-width: 2.4px;
    padding-top: 2%;
    padding-bottom: 5%;
    padding-right: 0px;
    padding-left: 0px;
    border-radius: 16px;
    background-color: #ffffff;
}

@media (max-width: 997px) {
    .pantallaPlanes .seccionPlanes .contenedorPlan {
        width: 100%;
        margin-top: 4%;
        margin-bottom: 4%;
    }
}


.pantallaPlanes .seccionPlanes .contenedorPlan h1 {
    text-align: center;
    font-family: poppins-bold;
    font-size: 40px;
    text-align: center;
    color: #2C3D85;
    padding-top: 8px;
    padding-bottom: 0px;
    margin: 0px;
}

.pantallaPlanes .seccionPlanes .contenedorPlan h2 {
    text-align: center;
    font-family: poppins-medium;
    font-size: 30px;
    text-align: center;
    color: #2C3D85;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

.pantallaPlanes .seccionPlanes .contenedorPlan h3 {
    text-align: center;
    font-family: poppins-bold;
    font-size: 22px;
    text-align: center;
    color: #2C3D85;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}

.pantallaPlanes .seccionPlanes .contenedorPlan p {
    margin: 0px;
}


.pantallaPlanes .seccionPlanes .contenedorPlan button {
    text-align: center;
    font-family: poppins-medium;
    font-size: 120%;
    font-style: normal;
    background-color: #91BE21;
    text-align: center;
    color: #ffffff;
    margin-top: 5%;
    margin-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 1%;
    padding-left: 3%;
    border-radius: 50px;
}

    .pantallaPlanes .seccionPlanes .contenedorPlan button:hover {
        background-color: #2C3D85;
    }

    .pantallaPlanes .seccionPlanes .contenedorPlan button p {
        margin: 0px;
        padding-right: 20px;
    }

.btn-plan-greendark {
    background-color: #007a35 !important;
}

.pantallaPlanes .seccionPlanes img {
    width: 35px;
}

.pantallaPlanes .seccionPlanes .contenedorPlan .contenedorBeneficios {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 10%;
    padding-left: 10%;
}

    .pantallaPlanes .seccionPlanes .contenedorPlan .contenedorBeneficios p {
        font-family: poppins-medium;
        color: #192952;
        margin: 0px;
        padding-bottom: 8px;
        font-size: 16px !important;
        line-height: normal;
    }

    .pantallaPlanes .seccionPlanes .contenedorPlan .contenedorBeneficios b {
        color: #91BE21;
        font-size: 100%;
    }


.pantallaPlanes .seccionAplicacionMovil {
    background-color: #FBFAFD;
    padding-top: 2%;
    padding-bottom: 4%;
    padding-right: 16%;
    padding-left: 16%;
}

@media (max-width: 1200px) {
    .pantallaPlanes .seccionAplicacionMovil {
        padding-right: 4%;
        padding-left: 4%;
    }
}


.pantallaPlanes .seccionAplicacionMovil h1 {
    font-family: poppins-extrabold;
    color: #2C3D85;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 40px;
}

@media (max-width: 991px) {
    .pantallaPlanes .seccionAplicacionMovil h1 {
        font-size: 35px;
    }
}


.pantallaPlanes .seccionAplicacionMovil h2 {
    font-family: poppins-medium;
    color: #192952;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 22px;
}

.pantallaPlanes .seccionAplicacionMovil .contenedorBotones {
    padding-top: 6%;
}

    .pantallaPlanes .seccionAplicacionMovil .contenedorBotones a {
        /*width: 40%*/
    }


.pantallaPlanes .seccionAplicacionMovil img {
    height: 70%;
}

@media (max-width: 991px) {
    .pantallaPlanes .seccionAplicacionMovil img {
        width: 50%;
    }
}

/*fin estilos pantalla planes*/


.pantallaPoliticaAdministrativa {
    background-color: #ffffff;
}

    .pantallaPoliticaAdministrativa .seccionPolitica {
        background-color: #FBFAFD;
        padding-top: 3%;
        padding-bottom: 3%;
    }

        .pantallaPoliticaAdministrativa .seccionPolitica h1 {
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-size: 45px;
            font-family: poppins-extrabold;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 8%;
            padding-left: 8%;
        }

        .pantallaPoliticaAdministrativa .seccionPolitica h2 {
            font-size: 22px;
            text-align: justify;
            background-color: #FBFAFD;
            color: #1b1d20;
            font-family: poppins-medium;
            margin: 0px;
            padding-right: 8%;
            padding-left: 8%;
        }

@media (max-width: 600px) {

    .pantallaPoliticaAdministrativa .seccionPolitica h1 {
        font-size: 200% !important;
    }

    .pantallaPoliticaAdministrativa .seccionPolitica h2 {
        font-size: 150% !important;
    }
}

.pantallaContacto {
    background-color: #ffffff;
}

    .pantallaContacto .seccionContacto {
        background-color: #FBFAFD;
        padding-top: 3%;
        padding-bottom: 3%;
    }

        .pantallaContacto .seccionContacto .contenedorFormulario {
            padding-right: 8%;
            padding-left: 8%;
        }

        .pantallaContacto .seccionContacto .formulario {
            background-color: #ffffff;
            border-radius: 16px;
            padding: 6%;
            box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.75);
            -webkit-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.75);
        }

            .pantallaContacto .seccionContacto .formulario label {
                font-size: 20px;
                color: #2C3D85;
                font-family: poppins-medium;
                margin: 0px;
                padding: 10px;
            }

            .pantallaContacto .seccionContacto .formulario input {
                font-family: poppins-medium;
                border-color: #2C3D85;
                border-width: 2px;
                border-style: solid;
                border-radius: 8px;
                padding-top: 8px;
                padding-bottom: 8px;
                padding-right: 10px;
                padding-left: 10px;
                width: 100%;
                font-size: 18px;
                color: #000000;
                height: 47px;
            }

                .pantallaContacto .seccionContacto .formulario input:hover {
                    border-color: #9BB643;
                    border-width: 2px;
                    border-style: solid;
                    border-radius: 8px;
                }

            .pantallaContacto .seccionContacto .formulario .invalid {
                outline: none;
                border-color: red;
                border-style: solid;
                border-width: 2px;
            }

            .pantallaContacto .seccionContacto .formulario .comentario {
                border-color: #2C3D85;
                border-width: 2px;
                border-style: solid;
                border-radius: 8px;
                padding-top: 8px;
                padding-bottom: 8px;
                padding-right: 10px;
                padding-left: 10px;
                width: 100%;
                font-size: 18px;
                color: #000000;
                padding-bottom: 80px;
            }

                .pantallaContacto .seccionContacto .formulario .comentario:hover {
                    border-color: #9BB643;
                    border-width: 2px;
                    border-style: solid;
                    border-radius: 8px;
                }

                .pantallaContacto .seccionContacto .formulario .comentario:focus {
                    outline: none;
                }

            .pantallaContacto .seccionContacto .formulario input:focus {
                outline: none;
            }

            .pantallaContacto .seccionContacto .formulario .contenedorCheck {
                padding: 20px;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-right: 0px;
                padding-left: 0px;
            }


                .pantallaContacto .seccionContacto .formulario .contenedorCheck p {
                    font-family: poppins-regular;
                    color: #2F2725;
                    font-size: 15px;
                    padding-right: 15px;
                    padding-left: 15px;
                }

                .pantallaContacto .seccionContacto .formulario .contenedorCheck input[type="checkbox"] {
                    height: 30px;
                    width: 30px !important;
                    cursor: pointer;
                }



            .pantallaContacto .seccionContacto .formulario .botonEnviar {
                background-color: #2C3D85;
                color: #ffffff;
                border-color: #2C3D85;
                border-width: 1px;
                border-style: solid;
                font-family: poppins-medium;
                font-size: 20px;
                width: fit-content;
                padding-top: 2%;
                padding-bottom: 2%;
                padding-right: 8%;
                padding-left: 8%;
                border-radius: 30px;
                margin-top: 5%;
                margin-bottom: 5%;
            }

                .pantallaContacto .seccionContacto .formulario .botonEnviar:hover {
                    background-color: #ffffff;
                    color: #2C3D85;
                }

        .pantallaContacto .seccionContacto h1 {
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-size: 45px;
            font-family: poppins-extrabold;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 8%;
            padding-left: 8%;
        }


        .pantallaContacto .seccionContacto h2 {
            font-size: 22px;
            text-align: center;
            background-color: #FBFAFD;
            color: #1b1d20;
            font-family: poppins-medium;
            margin: 0px;
            padding-right: 8%;
            padding-left: 8%;
        }

        .pantallaContacto .seccionContacto h3 {
            font-size: 28px;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-family: poppins-medium;
            margin: 0px;
            padding-bottom: 8px;
            font-weight: 600;
        }

        .pantallaContacto .seccionContacto h4 {
            font-size: 22px;
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-family: poppins-medium;
            margin: 0px;
        }

@media (max-width: 600px) {
    .pantallaContacto .seccionContacto h1 {
        font-size: 200% !important;
    }

    .pantallaContacto .seccionContacto h3 {
        font-size: 200% !important;
    }

    .pantallaContacto .seccionContacto h2 {
        font-size: 150% !important;
    }

    .pantallaContacto .seccionContacto h4 {
        font-size: 150% !important;
    }
}



.pantallaContacto .seccionContacto p {
    padding: 0px;
    margin: 0px;
    font-family: poppins-medium;
}

.pantallaContacto .seccionContacto img {
    width: 8%;
}


/*inicio estilos pantalla leyes ye reglamento*/
.pantallaLeyesReglamento {
    background-color: #FBFAFD;
    padding-right: 4%;
    padding-left: 4%;
}

    .pantallaLeyesReglamento .seccionTitulos {
        background-color: #FBFAFD;
        padding-top: 3%;
        padding-bottom: 3%;
    }

        .pantallaLeyesReglamento .seccionTitulos h1 {
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-size: 45px;
            font-family: poppins-extrabold;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pantallaLeyesReglamento .seccionTitulos h2 {
            font-size: 22px;
            text-align: center;
            background-color: #FBFAFD;
            color: #757575;
            font-family: poppins-medium;
            margin: 0px;
        }

    .pantallaLeyesReglamento .seccionReglamentos {
        padding-bottom: 4%;
    }

        .pantallaLeyesReglamento .seccionReglamentos .contenedorLR {
            background-color: #ffffff;
            border-color: #2C3D85;
            border-width: 2.4px;
            border-style: solid;
            border-radius: 8px;
            width: 100%;
            height: -webkit-fill-available;
            padding-top: 2%;
            padding-bottom: 2%;
            padding-right: 4%;
            padding-left: 4%;
            margin-top: 3%;
            margin-bottom: 3%;
        }

            .pantallaLeyesReglamento .seccionReglamentos .contenedorLR h3 {
                width: 90%;
                padding-top: 0px;
                padding-bottom: 0px;
                padding-right: 20px;
                padding-left: 0px;
                margin: 0px;
                font-family: poppins-medium;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
            }

            .pantallaLeyesReglamento .seccionReglamentos .contenedorLR p {
                width: 90%;
                padding-top: 10px;
                margin: 0px;
                font-family: poppins-regular;
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                text-align: justify;
            }

            .pantallaLeyesReglamento .seccionReglamentos .contenedorLR img {
                width: 6%;
            }
/*Fin estilos pantalla leyes ye reglamento*/

/*Inicio estilo pantalla activar cuenta*/


.pantallaActivarCuenta {
    background-color: #FBFAFD;
}

    .pantallaActivarCuenta .seccionTitulos {
        background-color: #FBFAFD;
        padding-top: 3%;
        padding-bottom: 3%;
    }

        .pantallaActivarCuenta .seccionTitulos h1 {
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-size: 45px;
            font-family: poppins-extrabold;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pantallaActivarCuenta .seccionTitulos h2 {
            font-size: 22px;
            text-align: center;
            background-color: #FBFAFD;
            color: #757575;
            font-family: poppins-medium;
            margin: 0px;
        }

    .pantallaActivarCuenta .contenedorActivarCuenta {
        align-content: center;
        margin-top: 2%;
        margin-bottom: 6%;
        background-color: #ffffff;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-right: 14%;
        padding-left: 14%;
        border-radius: 16px;
        box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.25);
    }

@media (max-width: 644px) {
    .pantallaActivarCuenta .contenedorActivarCuenta {
        background-color: #ffffff;
        padding-right: 10%;
        padding-left: 10%;
        margin-bottom: 10%;
    }
}

.pantallaActivarCuenta .contenedorActivarCuenta label {
    font-size: 20px;
    color: #2C3D85;
    font-family: poppins-medium;
    margin: 0px;
    padding: 10px;
}

.pantallaActivarCuenta .contenedorActivarCuenta input {
    font-family: poppins-medium;
    border-color: #2C3D85;
    border-width: 2.4px;
    border-style: solid;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 18px;
    color: #000000;
}

    .pantallaActivarCuenta .contenedorActivarCuenta input:focus {
        outline: none;
    }

    .pantallaActivarCuenta .contenedorActivarCuenta input[type="checkbox"] {
        height: 28px !important;
        width: 28px !important;
        cursor: pointer;
    }

.pantallaActivarCuenta .contenedorActivarCuenta button {
    background-color: #2C3D85;
    color: #ffffff;
    border-color: #2C3D85;
    border-style: solid;
    border-width: 1px;
    font-family: poppins-medium;
    font-size: 20px;
    width: fit-content;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 8%;
    padding-left: 8%;
    border-radius: 30px;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
}

    .pantallaActivarCuenta .contenedorActivarCuenta button:hover, .pantallaActivarCuenta .contenedorActivarCuenta button:active {
        background-color: #ffffff;
        color: #2C3D85;
    }

/*Fin estilo pantalla activar cuenta*/


/*inicio pantalla pagar facturacion*/
.pantallaPagarFacturacion {
    background-color: #FBFAFD;
}

    .pantallaPagarFacturacion .seccionTitulos {
        background-color: #FBFAFD;
        padding-top: 3%;
        padding-bottom: 3%;
    }

        .pantallaPagarFacturacion .seccionTitulos h1 {
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-size: 45px;
            font-family: poppins-extrabold;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pantallaPagarFacturacion .seccionTitulos h2 {
            font-size: 22px;
            text-align: center;
            background-color: #FBFAFD;
            color: #757575;
            font-family: poppins-medium;
            margin: 0px;
        }

    .pantallaPagarFacturacion .contenedorPagar {
        align-content: center;
        margin-top: 2%;
        margin-bottom: 6%;
        background-color: #ffffff;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-right: 14%;
        padding-left: 14%;
        border-radius: 16px;
        box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.25);
    }

@media (max-width: 644px) {
    .pantallaPagarFacturacion .contenedorPagar {
        background-color: #ffffff;
        padding-right: 10%;
        padding-left: 10%;
        margin-bottom: 10%;
    }
}

.pantallaPagarFacturacion .contenedorPagar label {
    font-size: 20px;
    color: #2C3D85;
    font-family: poppins-medium;
    margin: 0px;
    padding: 10px;
}

.pantallaPagarFacturacion .contenedorPagar input {
    font-family: poppins-medium;
    border-color: #2C3D85;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 18px;
    color: #000000;
}

    .pantallaPagarFacturacion .contenedorPagar input:focus {
        outline: none;
    }

.pantallaPagarFacturacion .contenedorPagar button {
    background-color: #2C3D85;
    color: #ffffff;
    border-color: #2C3D85;
    border-style: solid;
    border-width: 1px;
    font-family: poppins-medium;
    font-size: 20px;
    width: fit-content;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 8%;
    padding-left: 8%;
    border-radius: 30px;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
}

    .pantallaPagarFacturacion .contenedorPagar button:hover, .pantallaPagarFacturacion .contenedorPagar button:active {
        background-color: #ffffff;
        color: #2C3D85;
    }

.pantallaPagarFacturacion .contenedorPagar .contenedorResultado {
    border-color: #9BB643;
    border-bottom-width: 4px;
    border-style: solid;
}

    .pantallaPagarFacturacion .contenedorPagar .contenedorResultado h3 {
        font-family: poppins-medium;
        font-size: 20px;
        border-color: #9BB643;
        border-bottom-width: 1px;
        border-style: solid;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pantallaPagarFacturacion .contenedorPagar .contenedorResultado p {
        font-family: poppins-medium;
        color: #000000;
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 15px;
        margin: 0px;
    }

/*Fin pantalla pagar facturacion*/


/*inicio pantalla recargar cuenta*/
.pantallaRecargarCuenta {
    background-color: #FBFAFD;
}

    .pantallaRecargarCuenta .seccionTitulos {
        background-color: #FBFAFD;
        padding-top: 3%;
        padding-bottom: 3%;
    }

        .pantallaRecargarCuenta .seccionTitulos h1 {
            text-align: center;
            background-color: #FBFAFD;
            color: #2C3D85;
            font-size: 45px;
            font-family: poppins-extrabold;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pantallaRecargarCuenta .seccionTitulos h2 {
            font-size: 22px;
            text-align: center;
            background-color: #FBFAFD;
            color: #757575;
            font-family: poppins-medium;
            margin: 0px;
        }


    .pantallaRecargarCuenta .contenedorRecargarCuenta {
        align-content: center;
        margin-top: 2%;
        margin-bottom: 6%;
        background-color: #ffffff;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-right: 14%;
        padding-left: 14%;
        border-radius: 16px;
        box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.25);
    }

@media (max-width: 644px) {
    .pantallaRecargarCuenta .contenedorRecargarCuenta {
        background-color: #ffffff;
        padding-right: 10%;
        padding-left: 10%;
        margin-bottom: 10%;
    }
}

.pantallaRecargarCuenta .contenedorRecargarCuenta label {
    font-size: 20px;
    color: #2C3D85;
    font-family: poppins-medium;
    margin: 0px;
    padding: 10px;
}

.pantallaRecargarCuenta .contenedorRecargarCuenta input {
    font-family: poppins-medium;
    border-color: #2C3D85;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 18px;
    color: #000000;
    margin-bottom: 4%;
}

    .pantallaRecargarCuenta .contenedorRecargarCuenta input:focus {
        outline: none;
    }

.pantallaRecargarCuenta .contenedorRecargarCuenta button {
    background-color: #2C3D85;
    color: #ffffff;
    border-color: #2C3D85;
    border-style: solid;
    border-width: 1px;
    font-family: poppins-medium;
    font-size: 20px;
    width: fit-content;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 8%;
    padding-left: 8%;
    border-radius: 30px;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
}

    .pantallaRecargarCuenta .contenedorRecargarCuenta button:hover, .pantallaRecargarCuenta .contenedorRecargarCuenta button:active {
        background-color: #ffffff;
        color: #2C3D85;
    }

/*Fin pantalla recargar cuenta*/

/*inicio pantalla soluciones*/

.seccionSoluciones {
    background-color: #ffffff;
}

    .seccionSoluciones .seccionLanding {
        background-color: #FBFAFD;
        padding-right: 4%;
        padding-left: 4%;
    }

    .seccionSoluciones .contenedorTexto p {
        font-family: poppins-medium;
        background-color: #ffffff;
        color: #2C3D85;
        font-size: 20px;
        font-style: normal;
        padding-top: 1%;
        padding-bottom: 2%;
        padding-right: 10%;
        padding-left: 10%;
        margin: 0px;
        text-align: center;
        line-height: 30px;
    }


@media (max-width: 991px) {
    .seccionSoluciones .contenedorTexto p {
        font-size: 100%;
        line-height: normal;
    }
}

.seccionSoluciones .seccionLanding .contenedorInformacion {
    height: 60vh;
}

    .seccionSoluciones .seccionLanding .contenedorInformacion h1 {
        font-family: poppins-extrabold;
        color: #2C3D85;
        font-size: 45px;
        font-style: normal;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion h2 {
        font-family: poppins-medium;
        color: #2C3D85;
        font-size: 40px;
        font-style: normal;
        padding-top: 0px;
        padding-bottom: 3%;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
        text-align: left;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion h3 {
        font-family: poppins-medium;
        color: #2C3D85;
        font-size: 20px;
        font-style: normal;
        padding-top: 3%;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
        text-align: left;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion a {
        font-family: poppins-medium;
        font-size: 120%;
        font-style: normal;
        background-color: #91BE21;
        text-align: center;
        color: #ffffff;
        margin-top: 5%;
        margin-right: 5%;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 20px;
        padding-left: 3%;
        border-radius: 50px;
        width: fit-content;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion img {
        width: 35px;
    }


    .seccionSoluciones .seccionLanding .contenedorInformacion a:hover {
        background-color: #2C3D85;
        color: #ffffff;
    }


    .seccionSoluciones .seccionLanding .contenedorInformacion a p {
        margin: 0px;
        padding-right: 20px;
    }


@media (max-width: 1400px) {
    .seccionSoluciones .seccionLanding .contenedorInformacion h1 {
        font-size: 40px;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion h2 {
        font-size: 35px;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion h3 {
        font-size: 20px;
    }
}

@media (max-width: 1220px) {
    .seccionSoluciones .seccionLanding .contenedorInformacion h1 {
        font-size: 35px;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion h2 {
        font-size: 30px;
    }

    .seccionSoluciones .seccionLanding .contenedorInformacion h3 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .seccionSoluciones .seccionLanding .contenedorInformacion {
        height: 50vh;
    }
}

@media (max-width: 600px) {
    .seccionSoluciones .seccionLanding .contenedorInformacion {
        padding-top: 10%;
        padding-bottom: 15%;
        height: 100%;
    }

        .seccionSoluciones .seccionLanding .contenedorInformacion h1 {
            font-size: 280%;
        }

        .seccionSoluciones .seccionLanding .contenedorInformacion h2 {
            font-size: 200%;
        }

        .seccionSoluciones .seccionLanding .contenedorInformacion h3 {
            font-size: 100%;
        }

        .seccionSoluciones .seccionLanding .contenedorInformacion a {
            font-size: 100%;
            padding-top: 2px;
            padding-bottom: 2px;
        }

            .seccionSoluciones .seccionLanding .contenedorInformacion a img {
                height: 40px;
            }
}

.seccionSoluciones .seccionLanding .contenedorCarrusel {
    height: 70vh;
    padding: 0px;
    margin: 0px;
}

    .seccionSoluciones .seccionLanding .contenedorCarrusel img {
        width: 96%;
        height: 96%;
    }

@media (max-width: 1200px) {
    .seccionSoluciones .seccionLanding .contenedorCarrusel {
    }

        .seccionSoluciones .seccionLanding .contenedorCarrusel img {
            height: 80%;
        }
}

@media (max-width: 991px) {
    .seccionSoluciones .seccionLanding .contenedorCarrusel {
        height: 40%;
    }

        .seccionSoluciones .seccionLanding .contenedorCarrusel img {
            height: 100%;
            width: 50%;
        }
}

.seccionSoluciones .seccionNuestrosBeneficios {
    padding-right: 10%;
    padding-left: 10%;
    background-color: #FBFAFD;
    padding-top: 3%;
    padding-bottom: 3%;
}

    .seccionSoluciones .seccionNuestrosBeneficios .titulo {
        text-align: center;
        font-family: poppins-extrabold;
        font-size: 50px;
        padding-bottom: 0px;
        color: #2C3D85
    }


    .seccionSoluciones .seccionNuestrosBeneficios .subtitulo {
        text-align: center;
        font-family: poppins-medium;
        font-size: 30px;
        padding: 0px;
        margin: 0px;
        color: #2C3D85
    }

    .seccionSoluciones .seccionNuestrosBeneficios .contenedorBeneficio {
        padding-top: 2%;
        padding-bottom: 2%;
        padding-right: 2%;
        padding-left: 2%;
    }

    .seccionSoluciones .seccionNuestrosBeneficios img {
        width: 28%;
        padding-bottom: 8%;
    }

    .seccionSoluciones .seccionNuestrosBeneficios h3 {
        text-align: center;
        font-family: poppins-bold;
        font-size: 22px;
        padding: 0px;
        margin: 0px;
        color: #2C3D85;
        height: 10vh;
    }

@media (max-width: 1400px) {
    .seccionSoluciones .seccionNuestrosBeneficios h3 {
        height: fit-content;
        padding-bottom: 10px;
    }

    .seccionSoluciones .seccionNuestrosBeneficios img {
        width: 30%;
    }
}

.seccionSoluciones .seccionNuestrosBeneficios p {
    text-align: center;
    font-family: poppins-medium;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    color: #192952;
    line-height: normal;
}

.seccionSoluciones .seccionContactar {
    background-color: #Ffffff;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    padding-right: 16%;
    padding-left: 16%;
}

@media (max-width: 1200px) {
    .seccionSoluciones .seccionContactar {
        padding-top: 2% !important;
        padding-bottom: 2% !important;
        padding-right: 4%;
        padding-left: 4%;
    }
}


.seccionSoluciones .seccionContactar h1 {
    font-family: poppins-extrabold;
    color: #2C3D85;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 40px;
}

.seccionSoluciones .seccionContactar h2 {
    font-family: poppins-medium;
    color: #192952;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 22px;
}

@media (max-width: 1400px) {
    .seccionSoluciones .seccionContactar h1 {
        font-size: 35px;
    }
}

@media (max-width: 1220px) {
    .seccionIndex .seccionLanding .contenedorInformacion h1 {
        font-size: 30px;
    }
}

.seccionSoluciones .seccionContactar {
    padding-top: 6%;
    background-color: #FBFAFD;
}

    .seccionSoluciones .seccionContactar button {
        font-family: poppins-extrabold;
        background-color: #192952;
        border-color: #192952;
        border-width: 1px;
        border-style: solid;
        color: #ffffff;
        padding: 0px;
        margin-top: 6%;
        margin-bottom: 6%;
        line-height: normal;
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 15px;
        width: fit-content;
    }

        .seccionSoluciones .seccionContactar button:hover {
            background-color: #7fbe41;
        }

/*Fin pantalla soluciones*/


/*inicio subseccion somos picture mejor opcion*/
.seccionSomosMejorOpcion {
}

@media (max-width: 676px) {
    .seccionSomosMejorOpcion {
        padding-right: 4%;
        padding-left: 4%;
    }
}


.seccionSomosMejorOpcion h1 {
    font-family: poppins-extrabold !important;
    color: #2C3D85 !important;
    font-size: 45px !important;
    font-style: normal !important;
    padding: 0px !important;
    margin: 0px !important;
}

.seccionSomosMejorOpcion h5 {
    color: #2C3D85 !important;
    font-size: 22px !important;
}

@media (max-width: 676px) {
    .seccionSomosMejorOpcion h5 {
        font-size: 18px !important;
    }
}

@media (max-width: 1400px) {
    .seccionSomosMejorOpcion h1 {
        font-size: 40px !important;
    }
}

@media (max-width: 1220px) {
    .seccionSomosMejorOpcion h1 {
        font-size: 35px !important;
    }
}


@media (max-width: 600px) {
    .seccionSomosMejorOpcion h1 {
        font-size: 180% !important;
    }
}


@media (max-width: 676px) {
    .seccionSomosMejorOpcion p {
        font-size: 15px !important;
    }
}


@media (max-width: 676px) {
    .seccionSomosMejorOpcion .img-fluid {
        max-width: 50%;
        padding-bottom: 4%;
    }
}

@media (max-height: 450px) {
    .seccionSomosMejorOpcion .img-fluid {
        width: 70% !important;
        padding-bottom: 4%;
    }
}

.seccionSomosMejorOpcion span {
    color: red !important;
}

.seccionSomosMejorOpcion svg {
    color: red !important;
}

.fondoGris {
    background-color: #f9f9f9 !important;
}

/*Fin subseccion somos picture mejor opcion*/

.contenedorPlanesFlex {
    display: flex;
    background-color: DodgerBlue;
}

    .contenedorPlanesFlex .boxPlanes {
        background-color: #f1f1f1;
        /*width: 33.33%;*/
        text-align: center;
        font-size: 16px;
    }

.tx-green {
    color: #91BE21 !important;
}

@media screen and (max-width: 1200px) {
    .carousel-cell {
        width: 50%;
    }
}

@media screen and (max-width: 900px) {
    .carousel-cell {
        width: 100%;
    }
}

.gr--whitesmoke {
    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
}

.botonEnviarPlan {
    font-family: poppins-medium;
    font-size: 16px;
}

/* fuerza a que el <img> ignore atributos width/height */
.img-ajustada img {
    width: 100% !important; /* llena ancho del contenedor */
    height: 100% !important; /* llena alto del contenedor */
    object-fit: contain !important; /* ajusta sin deformar */
}

.rz-autocomplete-input {
    padding: var(--rz-input-padding);
    background-color: transparent;
    color: #031b4e;
    box-shadow: var(--rz-input-shadow);
    border: none;
    height: var(--rz-input-height);
    line-height: var(--rz-input-line-height);
    width: 100%;
    transition: var(--rz-input-transition);
}

/* Ajuste fino del input dentro de RadzenAutoComplete */
.autocomplete-center .rz-inputtext input {
    padding-top: 6px !important;
    color: #031b4e;
    padding-bottom: 6px !important;
    line-height: normal !important;
}

/* Ajuste del contenedor general */
.autocomplete-center .rz-inputtext {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0px 0px 15px !important;
}