.main {
    display: grid;
    grid-auto-rows: auto auto 1fr;
}
.text_key {
    color: var(--text-medium);
    text-align: start;
    font-size: 16px;
    word-break: break-all;
}
.w-ft {
    width: fit-content;
    height: fit-content;
}
.btn_delete_acc {
    background: none;
    border: none;
}
.actions-guest{
    display: flex;
    gap: 16px;
    position: absolute;
    top: 0;
    right: 5px;
    width: fit-content;
}
.actions-guest a{
    color: var(--dark-green);
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.actions-guest a:hover{
    background: unset;
    color: var(--color-green);
}
.a_float {
    color: var(--dark-green);
    font-size: 20px;
    width: 18px;
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0;
}
.a_float:hover {
    background: unset;
    color: var(--color-green);
}
.gauge {
    width: 350px;
    height: auto;
    max-width: 100%;
}
.photo_my_account {
    width: 100px !important;
    min-width: 100px;
    height: 100px !important;
}
.ctn_btn_photo_my_account {
    left: 70px;
}
.line_normal {
    line-height: normal !important;
}
.guest_list:last-child {
    margin-bottom: 0 !important;
}
.guest_list:first-child {
    margin-top: 4px !important;
}
.enterprise_list:first-child {
    margin-top: 0 !important;
}
.mobile, .question_mobile {
    display: none;
}
.h_35 {
    height: auto;
    max-height: 350px;
}
.font-22 {
    font-size: 22px;
}
.my-35 {
    margin: 35px 0;
}
.img_modal_account {
    width: 90%;
}
.img_modal_mobile_account {
    width: 180px !important;
}
.info_first {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-gap: 10px;
}
.ctn_info_account .img_list_user {
    box-shadow: 0px 3px 6px var(--sombra);
}
/* corregir empresa */
/* .ctn_info_account {
    grid-template-columns: auto;
    grid-template-areas: "info invitados invitados invitados campañas campañas"
} */
.ctn_info_account {
    grid-template-columns: auto;
    grid-template-areas: "info info invitados invitados invitados invitados"
}
.state_suscription {
    font: normal normal bold 18px/20px Europa;
}
.green_dark_type {
    background: var(--color-green-3) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    color: var(--color-green-ligth);
    padding: 3px 20px;
    font: normal normal normal 14px/14px Europa;
    width: fit-content;
}
.check_green {
    font-size: 25px;
    color: var(--color-green-4);
}
.view_more_green {
    font: normal normal bold 14px/18px Europa;
    color: var(--color-green-ligth);
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    justify-content: flex-end;
}
.view_more_green:hover {
    background-color: unset;
    color: var(--color-card);
}
.view_more_green span {
    text-decoration: underline;
}
.view_more_green_icon {
    font-size: 16px;
}
.text_more {
    font: normal normal normal 14px/18px Europa;
    color: var(--first-color-light);
}
.icon_title_cuad_guest {
    font-size: 24px;
    color: var(--color-green-ligth);
}
.p_input {
    padding: 10px 20px !important;
    overflow: hidden;
}
.p_input p {
    width: calc(100% - 150px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn_complete { 
    border-radius: unset;
    padding: 12px 48px;
    color: var(--white-color);
    background-color: var(--color-green-1);
    position: absolute;
    top: -1px;
    right: -1px;
    border: none;
}
.btn_complete:hover {
    background-color: var(--color-hover-bg-primary);
}
.photo_my_enterprise {
    width: 180px !important;
    height: 180px !important;
    box-shadow: 0px 3px 12px var(--color-box-shadow-3);
}
.ctn_btn_photo_enterprise {
    left: 70%;
}
.rad {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
}
.rad>input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.rad>i {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    transition: 0.2s;
    box-shadow: inset 0 0 0 8px var(--color-white);
    border: 1px solid var(--color-icon-menu);
    background: var(--color-icon-menu);
    width: 18px;
    border-radius: 50%;
}
.rad>input:checked+i {
    box-shadow: inset 0 0 0 3px var(--color-white);
    background: var(--first-color);
}
.type_plan_tittle {
    font: normal normal bold 16px/14px Europa;
    color: var(--text);
}
.other_padding {
    padding: 35px 45px 40px 50px;
}
.brd-30 {
    border-bottom: 2px solid var(--color-hover-select);
    padding: 30px;
}
.photo_info_plan {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px;
}
.ctn_btn_photo_info_plan {
    top: 0;
    left: 65px;
}
.ctn_info_card {
    background: var(--white-color) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--color-box-shadow-2);
    border: 1px solid var(--color-hover-select);
    border-radius: 4px;
    padding: 16px 24px 24px 16px;
    margin-bottom: 10px;
}
.icon_card {
    font-size: 25px;
}
.text_green_card {
    text-decoration: underline;
    font: normal normal bold 14px/14px Europa;
    color: var(--color-card);
}
.text_green_card:hover {
    color: var(--color-green-ligth);
}
.mr_start_card {
    border-right: 2px solid var(--color-card);
}
.button_eraser_card {
    background: var(--white-color) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 11px var(--sombra);
    border: 1.5px solid var(--color-card);
    border-radius: 28px;
    font: normal normal normal 14px/14px Europa;
    color: var(--color-card);
    padding: 10px 20px;
}
.button_eraser_card:hover {
    color: var(--color-green);
    border-color: var(--color-green);
}
.shadow {
    box-shadow: 0px 3px 6px var(--sombra);
}
.mrs-30 {
    margin-left: 30px;
}
.section_info_plan {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
.text_tittle_gauge {
    font: normal normal bold 34px/30px Europa;
    color: var(--text);
}
.carousel_list_firms {
    margin-bottom: 0 !important;
}
.text_gauge, .ctn_gauge {
    width: fit-content;
}
.text_gauge {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.h-250 {
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
}
.carousel_package {
    padding: 0 4.6vw;
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
}
.carousel_package .owl-item {
    display: flex;
    justify-content: center;
}
.carousel_package .owl-dots {
    gap: 10px !important;
}
.carousel_package .owl-dot {
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
}
.carousel_package .owl-prev, .carousel_package .owl-next {
    font-size: 3rem !important;
}
.carousel_package .owl-prev {
    margin-left: 4.5vw;
}
.carousel_package .owl-next {
    margin-right: 4.5vw;
}
.carousel_package .owl-stage-outer {
    text-align: -webkit-center;
}
.w-40 {
    max-width: 40vw;
}
.indicative_row ~ .select2 .select2-selection__arrow::before {
    content: "\f107";
}
.indicative_row ~ .select2.select2-container--open .select2-selection__arrow::before {
    content: "\f106";
    color: var(--color-input) !important;
}
.indicative_country.indicative_row ~ .select2 .select2-selection__rendered {
    line-height: 1.3 !important;
}
.indicative_row ~ .select2 .select2-selection__placeholder, .indicative_row ~ .select2 .select2-selection__rendered {
    font-size: 16px;
}
.item-payment {
    height: auto;
    width: 5%;
    margin-right: 20px;
    min-width: 30px;
}
.md_content_card {
    border: none;
    background: var(--white-color);
    box-shadow: 0px 3px 6px var(--sombra);
    border-radius: 15px;
}
.form-payment {
    width: 100%;
    max-width: 1350px !important;
    margin-left: 50px !important;
}
.form-payment .form-output {
    height: auto !important;
}
.md_fit {
    width: fit-content;
}
.pd-distinct {
    padding: 40px 30px 28px;
}
#cities ~ .select2 .select2-selection__clear {
    display: flex;
    justify-content: center;
    line-height: 1 !important;
    padding: 0;
}
.dash_admin_type_guest {
    background-color: var(--color-gray-border-2);
    color: var(--color-gray-1);
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    width: fit-content;
    margin-top: 4px;
}

@media only screen and (max-width: 1700px) {
    /* corregir empresa */
    /* .ctn_info_account {
        grid-template-columns: auto;
        grid-template-areas: "info invitados invitados invitados invitados campañas"
    } */
    .ctn_info_account {
        grid-template-columns: auto;
        grid-template-areas: "info info invitados invitados invitados invitados"
    }
    .form-payment {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1500px) {
    .brd-30 {
        padding: 30px 0;
    }
    .mrs-30 {
        margin: 0;
    }
    /* corregir empresa */
    /* .ctn_info_account {
        grid-template-columns: 45% 53%;
        grid-template-areas:
            "info campañas campañas"
            "invitados invitados invitados";
    } */
}

@media only screen and (max-width: 1400px) {
    .w-40 {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1199.98px) {
    .div_imgs_account {
        flex-direction: column;
        gap: 20px;
    }
    .div_imgs_account div {
        height: auto;
    }
}

@media only screen and (max-width: 1100px) {
    .carousel_package {
        padding: 0;
        max-width: 450px;
        margin: 0 auto;
    }
    .carousel_package .owl-prev {
        margin-left: 0;
    }
    .carousel_package .owl-next {
        margin-right: 0;
    }
    /* corregir empresa */
    /* .ctn_info_account {
        grid-template-columns: 1fr;
        grid-template-areas:
            "info info info"
            "invitados invitados invitados"
            "campañas campañas campañas";
        grid-gap: 30px;
    } */
    .ctn_info_account {
        grid-template-columns: 1fr;
        grid-template-areas:
            "info info info"
            "invitados invitados invitados";
        grid-gap: 30px;
    }
}

@media only screen and (max-width: 845px) {
    .carousel_package {
        max-width: 250px;
    }
    .owl-nav {
        top: 35%;
    }
    .other_padding {
        padding: 30px 25px 20px;
    }
}

@media only screen and (max-width: 991.98px) {
    .desk {
        display: none;
    }
    .mobile {
        display: block;
        max-width: 100%;
    }
}

@media only screen and (max-width: 799.98px) {
    .btn_close_modal_account {
        top: -20px;
        color: var(--color-white);
    }
    .cuad_modal_95 {
        height: 97%;
        min-height: fit-content;
    }
    .carousel_dots_absolute .owl-dots {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .column-800 {
        flex-direction: column;
        gap: 5px;
    }
    .flex-800 {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
}

@media only screen and (max-width: 768.99px) {
    .my-35 {
        margin: 10px 0;
    }
    .question_desk {
        display: none;
    }
    .question_mobile {
        display: block;
    }
    .text_mobile_center {
        text-align: center;
        width: 100%;
        max-width: inherit;
    }
    .item-inf {
        justify-content: center !important;
        gap: 20px;
    }
    .list_guests .img_list_user {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }
    .list_guests .a_float, .list_enterprises .a_float {
        font-size: 16px;
    }
    .pd-s-65 {
        padding-left: 65px;
    }
    .w-mobile-100 {
        margin-top: 40px !important;
        width: 100%;
    }
    .info_account {
        padding: 30px 15px 10px
    }
    .mg-auto {
        margin-top: 0 !important;
    }
    .grid-mobile {
        display: grid !important;
        grid-template-columns: auto 1fr;
        grid-row-gap: 30px;
        grid-column-gap: 40px;
    }
    .w-fit {
        grid-column: span 2;
        margin: 0;
    }
    .grid_mobile_suscription {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-gap: 35px;
        padding-bottom: 0;
    }
    .grid_mobile_suscription .type_plan_tittle {
        grid-column: span 2;
    }
    .h-250 {
        max-height: 300px;
    }
    .brd_mobile_none {
        border-bottom: none;
    }
}

@media (max-width: 575.99px) {
    .ctn-info-signer {
        background: var(--color-white) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 19px var(--sombra);
    }
    .px-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mx-mobile-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .photo_my_enterprise {
        width: 160px;
        height: 160px;
    }
    .w-mobile-100 {
        width: 100%;
    }
}