@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-01.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-Italic-03.woff2) format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-Bold-02.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-BoldItalic-04.woff2) format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-CondensedBold-05.woff2) format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeueLTPro-Blk.woff2) format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-UltraLight-06.woff2) format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-UltraLightItalic-07.woff2) format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-Light-08.woff2) format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-LightItalic-09.woff2) format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeueLTPro-Md.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-MediumItalic-12.woff2) format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-Thin-13.woff2) format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(../fonts/HelveticaNeue-ThinItalic-14.woff2) format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Rounded Black';
    src: url(../fonts/HelveticaRoundedLTPro-Blk.woff2) format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Rounded Bold';
    src: url(../fonts/HelveticaRoundedLTPro-Bd.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MyriadPro-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url(../fonts/TrebuchetMS.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.lqd-blog-post-style-6 h1.entry-title {
    margin-top: 2.1000000000000014em;
    margin-bottom: 0.375em;
    font-size: 44px;
    line-height: 1em;
}

.verify-button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.related-posts .lqd-lp-style-13 .lqd-lp-title {
    font-size: 22px;
    font-family: Montserrat !important;
}

.lqd-mobile-sec {
    position: fixed;
}

.lqd-post-media {
    display: none;
}

.hustle-ui.module_id_1 .hustle-layout .hustle-layout-form {
    display: none !important;
}

.hustle-ui.hustle-popup .hustle-popup-content .hustle-info,
.hustle-ui.hustle-popup .hustle-popup-content .hustle-optin {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hustle-ui.hustle-popup .hustle-popup-content {
    overflow-y: hidden !important;
}

.layer-curve {
    padding: 0;
    margin: 0;
}

.form-2300 {
    position: relative;
}

.layer-ellipse-form {
    position: absolute;
    right: -6.5%;
    top: -21%;
    z-index: 0;
}

.layer-ellipse-form.validate-custom {
    top: -37%;
}

.layer-ellipse-form.layer-end {
    right: -5%;
    top: -13%;
}

.layer-ellipse_down-form {
    position: absolute;
    right: -0.5%;
    bottom: 8%;
    z-index: 0;
}

.layer-ellipse_down-form.layer-end {
    right: -3.5%;
    bottom: 5.5%;
}

.input-label-inside .wpforms-field input[type='text'],
.input-label-inside .wpforms-field input[type='email'],
.input-label-inside .wpforms-field input[type='number'] {
    border: none;
    border-bottom: 0.5px solid #565656;
    border-radius: 0;
    width: 100%;
    padding: 10px 0;
}

.input-label-inside .check-center li {
    align-items: center !important;
    padding-top: 70px !important;
}

.input-label-inside .check-center li a.wpform-link-custom {
    color: #0c82c5;
    text-decoration: underline;
}

.input-label-inside .check-center input[type='checkbox']::before {
    border-radius: 2px !important;
}

.input-label-inside .check-center input[type='checkbox']:checked::before {
    border-color: #0094ef !important;
    box-shadow: 0 0 0 1px #0094ef, 0 1px 2px rgb(0 0 0 / 15%) !important;
    background-color: #0094ef !important;
}

.input-label-inside .check-center input[type='checkbox']:checked::after {
    border-left: 4px solid white !important;
    border-bottom: 4px solid white !important;
}

.input-label-inside .wpforms-submit-container {
    display: flex;
    justify-content: center;
    margin-top: 70px !important;
}

.btn-rounded {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c82c5 !important;
    box-shadow: 0 15px 40px 0 rgb(64 224 208 / 19%) !important;
    border-radius: 3.125rem !important;
    padding: 1rem 2rem !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 1.25rem !important;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: 0.08125rem !important;
}

.btn-center-rounded {
    display: flex;
    justify-content: center;
}

.btn-full {
    width: 100% !important;
}

.btn-center-rounded a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c82c5 !important;
    box-shadow: 0 15px 40px 0 rgb(64 224 208 / 19%) !important;
    border-radius: 3.125rem !important;
    padding: 1rem 2rem !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 1.25rem !important;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: 0.08125rem !important;
}

.input-label-inside .choices .choices__inner {
    border: none !important;
    border-bottom: 0.5px solid #565656 !important;
    border-radius: 0 !important;
}

.input-label-inside .wpforms-field-select .ui-selectmenu-button {
    display: none;
}

.input-label-inside.form-center .wpforms-field-number {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-label-inside.form-center .wpforms-field input[type='number'] {
    width: 45%;
}

.hidden-label label {
    display: none !important;
}

.hidden-label .wpforms-submit-container {
    display: none !important;
}

.check-space {
    margin: 10px auto !important;
}

.check-space ul {
    display: flex !important;
    justify-content: space-around;
}

.check-space .wpforms-error {
    display: flex;
    justify-content: center;
}

.check-space li {
    width: auto !important;
}

.check-space .wpforms-field-checkbox {
    padding: 0 !important;
    margin-bottom: 3.7rem;
}

.check-space input[type='checkbox']::before {
    border-radius: 2px !important;
}

.check-space input[type='checkbox']:checked::before {
    border-color: #0094ef !important;
    box-shadow: 0 0 0 1px #0094ef, 0 1px 2px rgb(0 0 0 / 15%) !important;
    background-color: #0094ef !important;
}

.check-space input[type='checkbox']:checked::after {
    border-left: 4px solid white !important;
    border-bottom: 4px solid white !important;
}

.check-33 {
    width: 33% !important;
}

.check-67 {
    width: 67% !important;
}

.text-title p {
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    color: #0c82c5;
    margin: 0;
}

.portal-2300-container .info-header {
    color: #0b86e6;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    margin: 40px 0;
}

.portal-2300-container .info-header.first {
    margin: 0 0 40px;
}

.portal-2300-container .info-paragraph {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 325;
    line-height: 26px;
    margin: 45px 0 0 80px;
}

.portal-2300-container .channel-header {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin: 30px 0 30px 30px;
}

.portal-2300-container .channel-paragraph {
    margin: 40px 0 0 80px;
}

.portal-2300-container .disclaimer {
    margin: 40px 0;
}

.portal-2300-container .wrapper {
    margin: 0;
}

.portal-2300-container .submit-button {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.portal-2300-container .submit-button input {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c82c5;
    box-shadow: 0 15px 40px 0 rgb(64 224 208 / 19%) !important;
    border-radius: 50px !important;
    padding: 16px 32px !important;
    text-align: center;
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.08125rem;
    color: white;
    border: none;
}

.portal-2300-form .wpforms-field-label {
    color: #565656 !important;
    font-family: Montserrat;
    font-style: normal !important;
    font-weight: 325 !important;
    line-height: 160% !important;
}

.card-A4-Solar {
    position: relative;
    overflow: hidden;
}

.layer-A4-Solar {
    position: absolute;
    right: -5%;
    top: 0;
}

.list-A4-Solar .eael-feature-list-item {
    margin: 2rem 0;
    padding: 0 !important;
}

.list-A4-Solar .eael-feature-list-item:nth-last-child(-n + 3) {
    margin: 0.4rem 0;
}

.list-A4-Solar .eael-feature-list-content-box {
    display: flex;
    justify-content: center;
    margin: 0 !important;
    flex-direction: column;
}

.list-A4-Solar .eael-feature-list-icon-box {
    align-self: center;
}

.list-A4-Solar
    .eael-feature-list-icon-box:nth-last-child(-n + 3)
    .eael-feature-list-icon {
    padding: 0 !important;
    height: 25px !important;
}

.list-A4-Solar
    .eael-feature-list-item:nth-child(5)
    .eael-feature-list-icon-box {
    margin-top: 1.95rem;
}

.list-A4-Solar .eael-feature-list-icon-inner {
    background: none !important;
}

.list-A4-Solar .eael-feature-list-icon-inner span {
    color: #000 !important;
}

.list-A4-Solar p:not([class]),
.list-A4-Solar p.eael-feature-list-content {
    display: none;
}

.hover-card-A4-Solar {
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.hover-card-A4-Solar p {
    font-weight: 600;
}

.hover-card-A4-Solar:hover {
    background: rgb(255 255 255 / 50%);
    box-shadow: 0 14px 42px 0 rgb(20 20 43 / 14%);
}

.A4-Solar-PF {
    background-size: 700px auto !important;
}

.A4-Solar-container {
    position: relative;
}

.A4-Solar-container .layer-ellipse-A4-Solar {
    position: absolute;
    right: -6.5%;
    top: -1%;
    z-index: 0;
}

.A4-PF-acordeon .e-n-accordion-item-title {
    border: 0;
    border-bottom: 0.5px solid #afafaf;
    justify-content: space-between;
    padding: 1.5rem 0.625rem;
}

.A4-PF-acordeon div.e-child {
    border: 0;
}

.shadow-white {
    box-shadow: inset 0 -300px 15px 0 rgb(255 255 255 / 90%);
}

.size-fix {
    width: 300px;
    height: 250px;
    border-radius: 16px;
}

.size-fix .elementor-widget-container {
    box-shadow: none !important;
}

.size-fix:hover {
    box-shadow: 0 25px 70px 0 rgb(0 0 0 / 7%);
}

.size-fix .iconbox {
    justify-content: center;
}

.size-fix svg {
    height: 60px;
    width: auto !important;
}

.A4-Solar-form .wpforms-container-full {
    margin: 0;
}

.wpforms-field-label,
.wpforms-field-label-inline {
    color: #59616a !important;
    font-family: Montserrat;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.A4-Solar-form legend.wpforms-field-label {
    color: #000 !important;
}

p.main {
    color: #0d87e7 !important;
    font-family: Montserrat !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25rem !important;
    text-decoration-line: underline !important;
}

.A4-Solar-form label.wpforms-field-label-inline {
    color: #59616a !important;
    font-family: Montserrat;
    font-size: 0.9375rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.A4-Solar-Contact
    .elementor-widget-ld_icon_box:hover
    .elementor-widget-container {
    box-shadow: none !important;
}

.A4-Solar-Contact .iconbox-icon-container svg {
    width: 45px;
    height: auto;
    max-height: 100px;
}

.content-list {
    color: #4a4b4b;
    text-align: justify;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
    margin: 0;
    padding-bottom: 0.7rem;
}

#myModal {
    align-content: center;
}

.galey-pot {
    flex-wrap: wrap;
}

.slider-home .wpr-grid-image-wrap img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
}

.slider-home .wpr-grid-slider-dots {
    display: none !important;
}

.slider-home .wpr-grid-item-title .inner-block a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banner-slider .sina-content-slider {
    height: auto !important;
    min-height: 75vh !important;
}

.banner-slider .sina-cs-item {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.banner-slider .e-con-full {
    min-height: 75vh !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
}

.banner-slider .e-con-full {
    background-size: cover !important;
    background-position: center center !important;
}

.elementor-widget-sina_content_slider .owl-dots {
    position: absolute !important;
    bottom: 20px !important;
    left: 0 !important;
    right: 0 !important;
}

.elementor-widget-sina_content_slider .sina-cs-item:empty {
    min-height: 500px !important;
}

.elementor-widget-sina_content_slider .sina-cs-item > * {
    width: 100% !important;
    max-height: 100% !important;
    overflow: auto !important;
}

.line-tabs .elementor-section {
    background-position: 55% center !important;
}

#wpforms-53197-field_1-container em,
#wpforms-53197-field_2-container em,
#wpforms-53197-field_3-container em,
#wpforms-53197-field_4-container em {
    text-align: center;
}

#wpforms-53197-field_1-container em:first-of-type,
#wpforms-53197-field_2-container em:first-of-type,
#wpforms-53197-field_3-container em:first-of-type,
#wpforms-53197-field_4-container em:first-of-type {
    display: none !important;
}

.card {
    width: 310px;
    height: 230px;
    border-radius: 8px;
    box-shadow: 0 8px 28px 0 #14142b1a;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    padding: 20px;
    margin: 15px;
    cursor: pointer;
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-5px);
}

.icon-circle {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #c2e1f980;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle img {
    width: 42px;
    height: 48px;
}

.card h3 {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-weight: 700;
}

.radio-button {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #565656;
    background-color: transparent;
    transition: background-color 0.3s, border-color 0.3s;
}

.form_container {
    display: none;
    margin-bottom: 80px !important;
}

.form_persona-natural,
.form_persona-juridica {
    display: none;
    background-color: #fff;
    box-shadow: 0 16px 50px 0 #bfd4d880;
    border-radius: 24px;
    padding: 40px;
}

.form_persona-natural.active,
.form_persona-juridica.active {
    display: block;
}

#wpforms-66274,
#wpforms-64795 {
    margin: 0 !important;
}

.form_container.active {
    display: block;
}

.card.active .radio-button {
    border-color: #0c82c5;
}

.card.active .radio-button::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0c82c5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card.deactive {
    opacity: 0.2;
    box-shadow: none;
}

.form-title {
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.5rem !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-align: center;
}

.form-description {
    color: #4a4b4b;
    text-align: justify;
    font-family: Montserrat;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

.form-all-fields {
    color: #737373;
    display: block;
    text-align: right;
    font-family: Montserrat;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.25rem;
}

.form_persona-natural button.wpforms-page-prev,
.form_persona-juridica button.wpforms-page-prev {
    display: flex;
    margin: 0 !important;
    margin-right: auto !important;
    padding: 1rem 1.5rem !important;
    justify-content: center;
    align-items: center;
    background: #fff !important;
    border: 1px solid #d4d4d4;
    border-radius: 3.125rem !important;
    box-shadow: 0 2px 6px 0 rgb(20 20 43 / 6%) !important;
    color: #0094ef !important;
    font-size: 1.375rem !important;
    font-weight: 400 !important;
    line-height: 1.375rem !important;
}

.form_persona-natural button.back,
.form_persona-natural button.wpforms-page-next,
.form_persona-natural button.wpforms-submit,
.form_persona-juridica button.back,
.form_persona-juridica button.wpforms-page-next,
.form_persona-juridica button.wpforms-submit {
    display: flex;
    margin: 0 !important;
    margin-left: auto !important;
    padding: 1rem 1.5rem !important;
    justify-content: center;
    align-items: center;
    background: #0094ef !important;
    border-radius: 3.125rem !important;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%) !important;
    color: #fff !important;
    font-size: 1.375rem !important;
    font-weight: 400 !important;
    line-height: 1.375rem !important;
}

.form_persona-natural button.wpforms-submit,
.form_persona-juridica button.wpforms-submit {
    margin-top: -7% !important;
}

.form_persona-natural .wpforms-submit-container,
.form_persona-juridica .wpforms-submit-container {
    display: flex;
}

.form-policies legend {
    color: #000 !important;
    font-family: Montserrat;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.form-policies ul li label {
    color: #525252 !important;
    font-family: Montserrat;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
}

#wpforms-confirmation-64795,
#wpforms-confirmation-66274 {
    background: none !important;
    border: none !important;
}

.form-facturacion-message {
    display: flex;
    padding: 2.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 16px 50px 0 rgb(191 212 216 / 50%);
}

.wpforms-field-select.wpforms-field-select-style-modern span.ui-button {
    display: none;
}

.wpforms-clear.wpforms-pagebreak-left {
    display: flex;
}

#myModal2 {
    align-content: center;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

.form_factura-digital .wpforms-field.wpforms-field-email,
.form_persona-natural .wpforms-field.wpforms-field-phone,
.form_persona-natural .wpforms-field.wpforms-field-email,
.form_persona-juridica .wpforms-field.wpforms-field-phone,
.form_persona-juridica .wpforms-field.wpforms-field-email {
    padding: 1rem !important;
    border-radius: 0.5rem;
    box-shadow: 0 8px 28px 0 #14142b1a;
}

.form_factura-digital .verification-message .info,
.form_persona-natural .verification-message .info,
.form_persona-juridica .verification-message .info {
    background-color: #e2f2fc;
    color: #737373;
    margin: 0.9375rem 0;
    padding: 0.625rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.95rem;
}

.form_factura-digital .verification-message .otp-title,
.form_persona-natural .verification-message .otp-title,
.form_persona-juridica .verification-message .otp-title {
    margin-top: 2.5rem;
    font-weight: 400;
    color: #525252;
}

.form_factura-digital .verification-message .otp-code,
.form_persona-natural .verification-message .otp-code,
.form_persona-juridica .verification-message .otp-code {
    padding: 1.125rem 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid #c4c4c4;
}

.form_persona-juridica
    .ui-selectmenu-button.ui-selectmenu-button-closed.ui-corner-all.ui-button.ui-widget {
    display: none;
}

.form_factura-digital .validate-code-button,
.form_factura-digital .verify-button,
.form_persona-natural .validate-code-button,
.form_persona-natural .verify-button,
.form_persona-juridica .validate-code-button,
.form_persona-juridica .verify-button {
    margin-top: 1rem;
    padding: 0.5rem 1.25rem;
    border: 1px solid #d4d4d4;
    border-radius: 3.125rem;
    box-shadow: 0 2px 6px 0 #14142b0f;
    color: #0094ef;
    font-weight: 500;
    font-size: 1.125rem;
}

.form_factura-digital .validate-code-button:disabled,
.form_factura-digital .verify-button:disabled,
.form_persona-natural .validate-code-button:disabled,
.form_persona-natural .verify-button:disabled,
.form_persona-juridica .validate-code-button:disabled,
.form_persona-juridica .verify-button:disabled {
    color: #a1a1a1;
    background-color: #f5f5f5;
    border-color: #e0e0e0;
    cursor: not-allowed;
}

.form_factura-digital .verification-message .success-message,
.form_factura-digital .success-message,
.form_persona-natural .verification-message .success-message,
.form_persona-juridica .verification-message .success-message,
.form_persona-natural .success-message,
.form_persona-juridica .success-message {
    border-radius: 0.5rem;
    background-color: #e0f2ef;
    padding: 0.5rem 1.25rem;
    font-size: 0.8125rem;
    margin-top: 0.9375rem;
}

#wpforms-66274-field_2-error,
#wpforms-66274-field_2_suggestion,
#wpforms-66274-field_32-error,
#wpforms-66274-field_32_suggestion,
#wpforms-66274-field_38-error,
#wpforms-66274-field_38_suggestion,
#wpforms-66274-field_62-error,
#wpforms-66274-field_31-error,
#wpforms-66274-field_37-error,
#wpforms-64795-field_21-error,
#wpforms-64795-field_22-error,
#wpforms-64795-field_22_suggestion {
    display: none;
}

#form1-validation-message,
#form2-validation-message {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.wpform-2300 {
    margin: 0 !important;
}

.wpform-2300 .wpforms-page-indicator.none {
    display: none;
}

.wpform-2300 .title {
    color: #0c82c5;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    font-family: Montserrat;
    margin: 0 0 2rem;
}

.wpform-2300 .description {
    font-family: Montserrat;
    color: #565656;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.8rem;
}

.wpform-2300 .text-title p {
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    color: #0c82c5;
    margin: 0;
    width: 9rem;
    text-align: center;
    align-self: center;
    justify-content: center;
}

.wpform-2300
    .wpforms-layout-column.wpforms-layout-column-33
    #wpforms-73059-field_44-container,
.wpform-2300
    .wpforms-layout-column.wpforms-layout-column-33
    #wpforms-73059-field_44-container
    #wpforms-73059-field_44 {
    height: 100%;
}

.wpform-2300 .wpforms-layout-column.wpforms-layout-column-67 em {
    display: none !important;
}

.wpform-2300
    .wpforms-layout-column.wpforms-layout-column-67
    .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns {
    padding: 0 !important;
}

.wpform-2300 .wpforms-layout-column.wpforms-layout-column-67 ul {
    display: flex !important;
    justify-content: space-between !important;
}

.wpform-2300 .wpforms-layout-column.wpforms-layout-column-67 ul li {
    width: 9rem !important;
    height: 4rem !important;
    display: flex !important;
    justify-content: center !important;
}

.wpform-2300 .text-title {
    display: flex;
    justify-content: space-between;
}

.wpform-2300 .text-title-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wpform-2300 .text-title-column p {
    height: 4rem;
}

.wpform-2300 ul#wpforms-73059-field_23 li {
    display: flex;
    align-items: center;
}

.wpform-2300 ul#wpforms-73059-field_23 li label {
    font-family: Montserrat;
    color: #565656;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8rem;
}

.wpform-2300 ul#wpforms-73059-field_23 li label a {
    color: #0c82c5;
    text-decoration: underline;
    font-weight: 400;
}

.wpform-2300 input[type='checkbox']::before {
    border-radius: 2px !important;
}

.wpform-2300 input[type='checkbox']:checked::before {
    border-color: #0094ef !important;
    box-shadow: 0 0 0 1px #0094ef, 0 1px 2px rgb(0 0 0 / 15%) !important;
    background-color: #0094ef !important;
}

.wpform-2300 input[type='checkbox']:checked::after {
    border-left: 4px solid white !important;
    border-bottom: 4px solid white !important;
}

.wpform-2300 #wpforms-73059-field_3-container {
    display: flex;
}

.wpform-2300 .wpforms-page-button.wpforms-page-next {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c82c5 !important;
    box-shadow: 0 15px 40px 0 rgb(64 224 208 / 19%) !important;
    border-radius: 3.125rem !important;
    padding: 1rem 2rem !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 1.25rem !important;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: 0.08125rem !important;
    margin: auto !important;
}

.wpform-2300 #wpforms-73059-field_28 {
    margin: 4rem auto;
    border: none;
    border-radius: 0;
    border-bottom: 0.5px solid #565656;
}

.wpform-2300 #wpforms-73059-field_32-container {
    margin-bottom: 4rem;
}

.wpform-2300 #wpforms-73059-field_44-container {
    padding: 0;
}

.wpform-2300 .title-contact {
    align-self: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

.wpform-2300 .title-contact p {
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    color: #0c82c5;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.wpform-2300 #wpforms-73059-field_45-container {
    border-bottom: 1px solid #0d87e7;
    margin-bottom: 3rem;
}

.wpform-2300 #wpforms-73059-field_46-container,
.wpform-2300 #wpforms-73059-field_46 {
    height: 100%;
}

.wpform-2300
    .wpforms-layout-column.wpforms-layout-column-67
    .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns
    label {
    display: none !important;
}

.wpform-2300 #wpforms-73059-field_3-container {
    display: none;
}

#wpforms-73059-field_43-container {
    padding-bottom: 4.5rem !important;
}

.channels-2300 {
    padding-top: 6rem;
}

.elementor-element-dc9b27d .elementor-widget-container {
    padding: 0 !important;
    margin: 2.5rem 0 4.5rem;
}

.finish .info-title,
.finish .channels-title {
    color: #0b86e6;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 3rem;
}

.finish .info-paragraph {
    color: #4a4b4b;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
    font-family: Montserrat;
}

.finish .channel-title {
    color: #4a4b4b;
    font-weight: 600;
    font-size: 1.5rem;
    font-style: italic;
    font-family: Montserrat;
    margin: 0 0 0 1.5rem;
}

.finish .channel-paragraph {
    color: #4a4b4b;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
    font-family: Montserrat;
}

.confirm .btn-rounded {
    color: #fff;
    border: none;
    margin: auto;
    font-style: italic;
}

.finish .personal-info-container,
.finish .channel-container {
    margin: 3rem;
}

.confirm .disclaimer-container {
    margin-bottom: 2rem;
}

em#wpforms-73059-field_28-error,
p#email-error-#wpforms-73059-field_15 {
    display: none !important;
}

.lqd-fancy-menu.menu-items-has-fill > ul > li > a {
    padding: 0.7em 1.571em;
}

.megamenu-btn > .elementor-widget-container > a {
    justify-content: flex-start !important;
}

.lqd-pf-item-style-1 .lqd-pf-details {
    backdrop-filter: blur(25px) brightness(115%);
}

[data-sticky-header]:not(.is-stuck) .lqd-stickybar-right.lqd-show-onstuck {
    transform: translateX(calc(100% + 100px));
}

[data-sticky-header]:not(.is-stuck) .lqd-stickybar-left.lqd-show-onstuck {
    transform: translateX(calc((100% - 100px) * -1));
}

.search-submit {
    background-color: #0c82c5 !important;
}

#post-404 {
    background-image: url(/wp-content/uploads/2023/12/404-sgv.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50px;
}

.text-404 h1 {
    margin-top: -15px;
    font-family: Montserrat, sans-serif;
}

#post-404 h3 {
    margin-top: 140px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

#post-404 a {
    margin-top: 20px;
    background-color: #0c82c5;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700 !important;
}

#post-404 a:hover {
    color: #fff;
}

#lqd-contents-wrap > section > header > h1 {
    font-family: Montserrat, sans-serif;
    margin-top: 0.8em;
    font-weight: 600;
}

#lqd-contents-wrap > section > div > p > p,
#lqd-contents-wrap > section > div > form > label > input,
#lqd-contents-wrap > section > div > form > input {
    font-size: 16px;
    font-family: Montserrat, sans-serif;
}

#lqd-contents-wrap > section > div > form > input {
    font-weight: 700;
}

#lqd-contents-wrap > section > div > form > label > input {
    width: 400px;
    margin-right: 10px;
}

#lqd-contents-wrap > section > div > form > input {
    border-radius: 32px;
    box-shadow: 0 15px 40px 0 rgb(64 224 208 / 19%);
}

#lqd-contents-wrap > section > div > form > input:hover {
    background-color: #0a75b1 !important;
}

body.search .content .lqd-lp-title,
.lqd-lp-style-22 .lqd-lp-meta a,
.lqd-lp-style-22 .lqd-lp-meta h3,
.lqd-lp-style-22 .lqd-lp-excerpt,
.lqd-lp-style-22 .lqd-lp-header {
    font-family: Montserrat, sans-serif;
}

.lqd-lp-style-22 .lqd-lp-excerpt,
.lqd-lp-style-22 .lqd-lp-header {
    font-size: 16px;
}

.page-links .post-page-numbers.current,
.page-links .post-page-numbers:hover,
ul.pagination .page-numbers.current,
ul.pagination .page-numbers:hover {
    border-radius: 30px;
    border-color: #0c82c5;
    background-color: #0c82c5;
}

#lqd-gdpr > div > div.lqd-gdpr-left,
#lqd-gdpr > div > div.lqd-gdpr-right > button {
    font-size: 16px;
    font-family: Montserrat, sans-serif;
}

#lqd-gdpr > div > div.lqd-gdpr-right > button {
    color: #fff;
    background-color: #0c82c5;
    font-weight: 700;
}

#lqd-gdpr > div > div.lqd-gdpr-right > button:hover {
    background-color: #0a75b1 !important;
}

/* búsqueda no encontrada */
body.search .no-results {
    padding-top: 160px;
}

.lqd-lp-column:nth-child(1) {
    padding-top: 60px;
}

nav.post-nav .nav-title {
    font-family: Montserrat, sans-serif;
}

.lqd-preloader-wrap.lqd-preloader-spinner {
    display: none;
}

img {
    width: auto !important;
    height: auto !important;
}

#mobile-primary-nav .submenu-expander.pos-abs {
    color: black !important;
}

.wpr-grid-media-wrap.wpr-effect-size-medium {
    height: 30dvh;
    overflow: hidden;
}

.slick-list .wpr-grid-item-below-content.elementor-clearfix .inner-block a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.wpr-grid-item-inner {
    box-shadow: 0 6px 15px rgb(0 0 0 / 10%);
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    transition: box-shadow 0.3s ease;
}

.wpr-grid-item-inner:hover {
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
}

.wpr-grid-item-below-content {
    padding: 1rem 1rem 1.25rem;
}

.wpr-grid-item-below-content {
    border-top: 1px solid #eee;
}

.wpr-grid-image-wrap img {
    transition: transform 0.3s ease;
}

.wpr-grid-item-inner:hover .wpr-grid-image-wrap img {
    transform: scale(1.03);
}

#wpr-grid-slider-prev-ebc0b8e {
    top: 45%;
    left: -10%;
}

#wpr-grid-slider-next-ebc0b8e {
    top: 45%;
    right: -8%;
}

#uc_post_blocks_elementor_7bb691c .ue_post_blocks_box .ue_post_blocks_image {
    height: 30dvh;
    overflow: hidden;
}

#uc_post_blocks_elementor_7bb691c .ue_post_blocks_box .ue_post_blocks_image a {
    width: 100%;
    height: 100%;
}

#uc_post_blocks_elementor_7bb691c
    .ue_post_blocks_box
    .ue_post_blocks_image
    img {
    width: 100% !important;
    height: 100% !important;
}

/* 1) Buscador */
.my-sfp-search {
    display: flex;
    flex-direction: column;
}

.my-sfp-search-input {
    display: flex;
}

.my-sfp-search input {
    display: flex;
    width: 100%;
    gap: 1rem;
    flex: 1;
    padding: 0.5rem;
    font-size: 1rem;
    height: 3rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.my-sfp-search input:focus {
    border-color: #0073aa;
    box-shadow: 0 0 0 3px rgb(0 115 170 / 20%);
    outline: none;
}

.my-sfp-search button {
    margin: 0 0 2rem 1rem;
    height: 3rem;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
    font-weight: 600;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background 0.2s;
}

.my-sfp-search button:hover {
    background: #005177;
}

/* 2) Grid a dos columnas */
.my-sfp-search .shared-files-main-file-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    list-style: none;
}

.my-sfp-search .shared-files-main-elements {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgb(0 0 0 / 8%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.my-sfp-search .shared-files-main-elements-bottom {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* 4) Enlace */
.shared-files-main-elements-bottom a.shared-files-file-title {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.shared-files-main-elements-bottom a.shared-files-file-title:hover {
    color: #0058a3;
}

/* 5) Fecha / descripción */
.shared-files-main-elements-bottom span.shared-file-date,
.shared-files-main-elements-bottom div.shared-file-description-container {
    color: #555;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

/* 6) Descargas */
.shared-files-main-elements-bottom div.shared-files-download-counter span {
    color: #d9534f;
    font-weight: 600;
}

/* 7) Botón download interno */
.shared-files-main-elements-bottom a.shared-files-download-button {
    align-self: start;
    background: #0073aa !important;
    color: #fff !important;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    text-decoration: none;
    font-size: 0.875rem;
    transition: background 0.2s ease;
}

.shared-files-main-elements-bottom a.shared-files-download-button:hover {
    background: #fff !important;
    color: #0073aa !important;
}

/* Contenedor padre para control de z-index */
#cont-widget-chat-bot {
    position: relative;
    z-index: 9999;
}

/* Ventana de chat */
#widgetChatBot .cont-chat {
    position: fixed;
    bottom: 15dvh;
    right: 2dvh;
    width: 45dvh;
    height: 60dvh;
    display: none;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    animation: ani-open-chat 0.3s forwards;
    z-index: 9999;
}

/* Barra superior */
#widgetChatBot .bar-chat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3dvh;
    padding: 2.5rem;
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    background-color: #0263ab;
    color: #fff;
}

#widgetChatBot .bar-box2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

#widgetChatBot .bar-box3 {
    margin-left: auto;
}

#widgetChatBot .bar-box3 i {
    margin: 0.5rem;
    cursor: pointer;
}

/* Avatar en la barra */
#widgetChatBot .bar-img {
    width: 4.5rem !important;
    margin-right: 1rem;
}

/* Área de contenido (iframe) */
#widgetChatBot .main-chat,
#widgetChatBot #ifrChat {
    width: 100%;
    height: calc(100% - 3dvh);
    border: none;
}

/* Botón para abrir/pausar chat */
#widgetChatBot .btn-chat-pau {
    position: fixed;
    bottom: 2dvh;
    right: 2dvh;
    display: flex;
    align-items: center;
    width: 30dvh;
    padding: 0.5rem;
    background-color: #586769d8;
    border: none;
    border-radius: 6rem;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    transition: background 0.2s, transform 0.3s;
    z-index: 9999;
}

#widgetChatBot .btn-chat-pau:hover {
    background-color: #586769;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / 30%);
    cursor: pointer;
}

#widgetChatBot .btn-chat-pau img {
    width: 4rem !important;
    border-radius: 50% 0 0 50%;
    object-fit: cover;
}

#widgetChatBot .btn-chat-pau span {
    color: #41beee;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin: auto;
}

/* Animaciones */
@keyframes ani-open-chat {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        display: block;
    }
}

@keyframes ani-close-chat {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
        display: none;
    }
}

.wpforms-field-select,
.wpforms-field-select-style-classic {
    overflow: visible !important;
}

.font-helvetica h1,
.font-helvetica h2,
.font-helvetica h3,
.font-helvetica h4,
.font-helvetica h5,
.font-helvetica input,
.font-helvetica a,
.font-helvetica textarea,
.font-helvetica p,
.font-helvetica span,
.font-helvetica div {
    font-family: 'Helvetica Rounded Black' !important;
    font-weight: 900;
}

.font-neue h1,
.font-neue h2,
.font-neue h3,
.font-neue h4,
.font-neue h5,
.font-neue input,
.font-neue a,
.font-neue textarea,
.font-neue p,
.font-neue span,
.font-neue div {
    font-family: 'Helvetica Neue' !important;
    font-weight: 600;
}

.font-mix p span:nth-of-type(1) {
    font-family: 'Helvetica Rounded Black' !important;
}

.font-mix p span:nth-of-type(2) {
    font-family: 'Helvetica Neue' !important;
}

.form-dilo fieldset label.wpforms-field-label-inline {
    font-family: 'Helvetica Neue' !important;
}

.form-dilo input,
.form-dilo textarea,
.form-dilo input::placeholder,
.form-dilo textarea::placeholder {
    font-family: 'Helvetica Rounded Black' !important;
    color: #77766a !important;
    border: none !important;
}

.form-dilo .wpforms-form {
    position: relative;
    padding-bottom: 5rem; /* crea hueco para el botón */
}

/* 2. Posicionamos el contenedor del botón */
.form-dilo .wpforms-submit-container {
    position: absolute;
    bottom: 1.5rem; /* separa del borde inferior */
    right: 1.5rem; /* separa del borde derecho */
    margin: 0; /* anula márgenes por defecto */
}

/* 3. Ajustes al botón para que herede bien */
.form-dilo .wpforms-submit {
    display: inline-block;

    /* si quieres un ancho fijo:
   width: 200px;  */
}

.form-dilo .wpforms-submit-container,
.form-dilo form {
    padding: 0 !important;
    margin: 0 !important;
}

.form-dilo .wpforms-submit-container {
    bottom: unset !important;
    right: unset !important;
}

.form-dilo .wpforms-layout-column.wpforms-layout-column-50 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.form-dilo .wpforms-submit-container button {
    font-size: 1.2rem !important;
    font-family: 'Helvetica Rounded Black' !important;
    padding: 2rem 5rem !important;
    display: flex !important;
    align-items: center !important;
    border: 3px solid #6ec1e4 !important;
}

.acordion-aliados,
.acordion-questions {
    max-height: 0;
    overflow: hidden !important;
    transition: max-height 0.3s ease;
}

.acordion-dilo-aliados a,
.acordion-dilo-questions a {
    cursor: pointer;
    user-select: none;
}

.wpforms-field-select,
.wpforms-field-select-style-classic {
    overflow: visible !important;
}

.link-forms {
    color: #0c82c5 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
}

.form-dilo-fnb .wpforms-container {
    margin: 0 !important;
}

.form-dilo-fnb form {
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 16px 50px 0 rgb(191 212 216 / 50%);
    padding: 2.5rem;
}

.form-dilo-fnb #wpforms-form-105521 .choices .choices__inner,
.form-dilo-fnb form input:not([type='checkbox']) {
    display: flex;
    height: 4.75rem !important;
    padding: 0.875rem 1.5rem !important;
    border: 0 !important;
    border-radius: 0.5rem !important;
    background: #f0ebe9 !important;
    color: #a3a3a3 !important;
    font-family: Montserrat !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
}

.form-dilo-fnb form textarea {
    display: flex;
    padding: 0.875rem 1.5rem !important;
    border: 0 !important;
    border-radius: 0.5rem !important;
    background: #f0ebe9 !important;
    color: #a3a3a3 !important;
    font-family: Montserrat !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
}

.form-dilo-fnb form .wpforms-field-select .choices__placeholder,
.form-dilo-fnb form .wpforms-field-select .choices__item--selectable {
    color: #a3a3a3 !important;
    font-family: Montserrat !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

p.main {
    color: #0d87e7;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-decoration-line: underline;
}

.form-dilo-fnb form .wpforms-field-gdpr-checkbox {
    padding: 0 1.5rem;
    margin: 1rem 0;
}

.form-dilo-fnb form .wpforms-field-gdpr-checkbox .wpforms-field-label {
    color: #000 !important;
    font-family: Montserrat !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.form-dilo-fnb form .wpforms-field-gdpr-checkbox input[type='checkbox'] {
    --wpforms-field-size-checkbox-size: 20px;
    --wpforms-field-border-size: 1px;
}

.form-dilo-fnb
    form
    .wpforms-field-gdpr-checkbox
    input[type='checkbox']:checked::before {
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 0 1px #007bff, 0 1px 2px rgb(0 0 0 / 15%);
}

.form-dilo-fnb
    form
    .wpforms-field-gdpr-checkbox
    input[type='checkbox']:checked::after {
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    background-color: transparent;
    transform: translate(0, 1px) scale(0.5) rotate(-45deg);
    left: calc(-4px + var(--wpforms-field-border-size, 1px));
    top: calc(-3px + var(--wpforms-field-border-size, 1px));
}

.form-dilo-fnb form .wpforms-field-gdpr-checkbox .wpforms-field-label-inline {
    color: #525252 !important;
    font-family: Montserrat !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
}

#wpforms-105521-field_20-container {
    margin-top: 3rem;
}

.form-dilo-fnb .wpforms-submit-container {
    display: flex;
    justify-content: flex-end;
}

.form-dilo-fnb .form-fnb-submit {
    display: flex !important;
    padding: 1rem 1.5rem !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 3.125rem !important;
    background: #0094ef !important;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%) !important;
    font-family: Montserrat !important;
    font-size: 1.375rem !important;
    font-weight: 400 !important;
    line-height: 1.375rem !important;
}

.form-dilo-fnb form .wpforms-field-phone input {
    padding-left: 50px !important;
}

.banner-dilo {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner-dilo::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 65dvw !important; /* solo el 30% del ancho */
    height: 100% !important; /* toda la altura */
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/Recurso-34.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.6;
}

.button-banner .elementor-button-text {
    position: relative;
    z-index: 1;
}

.button-banner .elementor-button-text::before {
    content: '';
    position: absolute;
    left: -5%;
    width: 110%;
    top: 50%;
    transform: translateY(-50%);
    height: 0.8em;
    background: #f37526;
    border-radius: 50%;
    filter: blur(5px);
    opacity: 0.9;
    z-index: -1;
}

.layer-title {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.layer-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50dvw;
    height: 15dvh;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/Recurso-32.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

.layer-credito {
    overflow-x: hidden !important;
    position: relative;
    z-index: 1;
}

.layer-credito::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -3% !important;
    width: 200px !important; /* solo el 30% del ancho */
    height: 300px !important; /* toda la altura */
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/05/test.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.layer-credito::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    right: -3% !important;
    width: 180px !important; /* solo el 30% del ancho */
    height: 280px !important; /* toda la altura */
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/05/test.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotate(180deg) !important;
}

.text-credito-dilo .ld-fh-element {
    width: 145%;
    left: -22.5%;
}

.layer-icon .elementor-widget-image {
    display: inline-block;
    position: relative;
    background-color: #d1dee8; /* fondo azul */
    border-radius: 50% !important;
    padding: 1.2rem !important;
    width: 7.2rem !important;
    height: 7.2rem !important;
    margin: auto;
}

.layer-icon .elementor-widget-image::before {
    content: '' !important;
    position: absolute !important;
    inset: -20px !important;
    border: 4px solid #ef9211; /* línea naranja */
    border-radius: 50%;
    pointer-events: none;
    box-sizing: border-box; /* para que el border se incluya en el cálculo de la caja */
}

.layer-icon .elementor-widget-image img {
    display: block;
    width: 4.5rem !important;
    max-width: 4.5rem !important;
    height: 4.5rem !important;
    max-height: 4.5rem !important;
    margin: auto;
    position: relative;
    z-index: 1;
}

.slider-dilo .owl-item .sina-cs-title {
    position: relative;
    border-radius: 2rem 2rem 0 0;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
}

/* .slider-dilo .owl-item .sina-cs-title::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(247, 131, 20, 0.9);
    mix-blend-mode: multiply;
} */

.slider-dilo .sina-cs-desc {
    background-color: #2075c9;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4rem;
    border-radius: 0 0 2rem 2rem;
}

.slider-dilo .owl-item.active .sina-cs-item {
    padding: 0 0.5rem;
}

/* 1) Ocultamos el texto por defecto */
.slider-dilo .owl-nav .owl-prev span,
.slider-dilo .owl-nav .owl-next span {
    display: none;
}

/* 2) Estilizamos los botones como cajas con fondo-imagen */
.slider-dilo .owl-nav .owl-prev,
.slider-dilo .owl-nav .owl-next {
    width: 40px; /* ancho de tu icono */
    height: 41px; /* alto de tu icono */
    background-color: transparent !important;
    border: none; /* si viene con borde por defecto */
    padding: 0; /* quita padding de botón */
    cursor: pointer;
}

.slider-dilo .owl-nav .owl-prev {
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/Recurso-18.webp);
    left: -5% !important;
    top: 38% !important;
    transform: rotate(180deg) !important;
}

.slider-dilo .owl-nav .owl-next {
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/Recurso-18.webp);
    right: -5% !important;
    top: 38% !important;
}

.layer-woman {
    position: relative !important;
    z-index: 1 !important;
}

.layer-woman::after {
    content: '';
    position: absolute;
    left: -15%;
    bottom: 0;
    width: 350px;
    height: 350px;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/ug.webp);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    z-index: -1;
}

.text-dilo .ld-fh-element {
    width: 125%;
    left: -12.5%;
}

.layer-orange-dilo {
    position: relative;
    z-index: 1;
}

.layer-orange-dilo::before {
    content: '' !important;
    position: absolute !important;
    bottom: -8% !important;
    left: -13% !important;
    width: 600px !important;
    height: 600px !important;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/Recurso-1-1.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

.layer-text {
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    z-index: 1;
}

.layer-text::before {
    content: '' !important;
    position: absolute !important;
    top: -15% !important;
    left: 0 !important;
    width: 110% !important;
    height: 120% !important;
    background-color: #dceef1;
    border-radius: inherit;
    z-index: -1;
}

.acordion-dilo-aliados .elementor-button,
.acordion-dilo-questions .elementor-button {
    position: relative;
    padding-right: 5rem !important;
}

.acordion-dilo-aliados .elementor-button::before,
.acordion-dilo-questions .elementor-button::before {
    content: '' !important;
    position: absolute !important;
    top: 45% !important;
    right: 1rem !important;
    transform: translateY(-50%);
    width: 40px !important;
    height: 40px !important;
    background: url(https://storage.googleapis.com/aaa-wp-uploads/2025/04/Recurso-17.webp)
        center / contain no-repeat;
    pointer-events: none;
}

.acordion-dilo-aliados a.elementor-button.flipped::before,
.acordion-dilo-questions a.elementor-button.flipped::before {
    transform: translateY(-50%) rotateX(180deg) !important;
}

.acordion-aliados .e-con-inner {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1.5rem !important;
    align-items: flex-start !important;
}

.acordion-aliados .aliados-card {
    flex: 0 0 calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
    align-self: flex-start;
    background: #fff;
    cursor: pointer;
    transform-origin: top center;
    transition: transform 0.6s ease, box-shadow 0.6s ease;
    border-radius: 0.5rem;
    position: relative;
    z-index: 1;
}

.acordion-aliados .aliados-inner {
    --card-h: 20rem;

    max-height: var(--card-h);
    overflow: hidden;
    transition: max-height 0.6s ease;
    display: flex;
    flex-direction: column;
}

.acordion-aliados .aliados-image {
    width: 100%;
    flex: 0 0 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.acordion-aliados .aliados-image img {
    max-width: 100%;
    max-height: 80%;
    object-fit: contain;
    display: block;
    margin: 0;
}

.acordion-aliados .aliados-contact,
.acordion-aliados .aliados-sucursal {
    opacity: 0;
    padding: 0 1rem;
}

.acordion-aliados .aliados-sucursal .font-neue .elementor-icon-list-item {
    display: flex;
    align-items: flex-start;
}

.acordion-aliados .aliados-sucursal .font-neue .elementor-icon-list-item i {
    margin-top: 0.5em;
}

.acordion-aliados .aliados-card:hover .aliados-image {
    flex: 0 0 10%;
}

.acordion-aliados .aliados-card:hover {
    z-index: 10;
    transform: scale(1.02);
    box-shadow: 0 4px 8px rgb(0 0 0 / 12%), 0 8px 20px rgb(0 0 0 / 15%);
}

.acordion-aliados .aliados-card:hover .aliados-inner {
    max-height: 60rem;
}

.acordion-aliados .aliados-card:hover .aliados-contact,
.acordion-aliados .aliados-card:hover .aliados-sucursal {
    opacity: 1;
    transition-delay: 0.4s;
}

.text-blue-dilo .elementor-widget-container {
    min-height: 8rem !important;
    display: flex;
    align-items: center;
}

.text-dilo-small .elementor-widget-container {
    min-height: 10rem !important;
    display: flex;
    align-items: center;
}

.acordion-dilo-aliados {
    width: 100%;
}

.acordion-dilo-aliados a {
    width: 100% !important;
}

.layer-button-aliados {
    position: relative;
    z-index: 1;
}

.layer-button-aliados::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: calc((100% - 100vw) / 2);
    right: unset !important;
    bottom: unset !important;
    width: 200px !important;
    height: 300px !important;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/05/test.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1 !important;
}

.acordion-dilo-questions {
    width: 100%;
}

.acordion-dilo-questions a {
    width: 100% !important;
}

.layer-button-aliados::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: calc((100% - 100vw) / 2);
    left: unset !important;
    bottom: unset !important;
    width: 180px !important;
    height: 280px !important;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/05/test.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1 !important;
    transform: rotate(180deg) !important;
}

.slider-dilo .owl-dots {
    display: none;
}

.dilo-font .ld-fh-element > span:nth-of-type(1) {
    font-weight: 800 !important;
    font-family: 'Helvetica Rounded Bold' !important;
}

.dilo-font .ld-fh-element > span:nth-of-type(2) {
    font-weight: 600 !important;
}

.dilo-font .ld-fh-element > span:nth-of-type(3) {
    font-weight: 800 !important;
    font-family: 'Helvetica Rounded Bold' !important;
}

.cudpes-button-start a {
    border-radius: 3.125rem;
    background: #0094ef;
    padding: 1rem 1.5rem 1rem 3.5rem;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    position: relative;
    z-index: 1;
}

.cudpes-button-start a::before {
    content: '';
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/06/paper-airplane.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

.cudpes-usuarios .iconbox-icon-container {
    border-radius: 3.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
}

.cudpes-usuarios .iconbox-icon-wrap .iconbox-icon-container > svg {
    min-width: 80px !important;
    min-height: 80px !important;
}

.cudpes-text-animation h3 {
    width: 30rem !important;
}

.cudpes-image-animation {
    width: 7.375rem !important;
    height: 7.375rem !important;
    margin-top: 2.5rem !important;
    margin-right: 13rem !important;
}

.cudpes-acordion .accordion-item.panel .accordion-heading a {
    padding: 0 !important;
}

.cudpes-acordion .accordion-item.panel .accordion-heading {
    padding: 1.125rem 1.5rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 14px 42px 0 rgb(20 20 43 / 14%);
    margin-bottom: 1.5rem;
}

.cudpes-acordion .accordion-item.panel.active .accordion-heading {
    border-radius: 0.75rem;
    background: var(--Primario, #0c82c5);
    color: #fff !important;
}

.cudpes-acordion .accordion-item.panel.active .accordion-heading a {
    color: #fff !important;
}

.cudpes-acordion .accordion-item .accordion-content p {
    text-align: justify !important;
    margin-bottom: 2rem;
}

.cudpes-image-acordeon {
    height: 100% !important;
    width: auto !important;
}

.cudpes-link {
    display: inline !important;
    color: #30c2e0 !important;
    text-decoration-line: underline !important;
}

.layer-info {
    position: relative;
    display: block;
    z-index: 1;
}

.layer-info::before {
    content: '' !important;
    position: absolute !important;
    left: 20dvw !important;
    top: 2dvh !important;
    width: 20.75rem !important;
    height: 19.3125rem !important;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/06/Ellipse%20142.svg) !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

.cudpes-image-acordeon {
    position: relative;
    display: block;
    z-index: 1;
}

.cudpes-image-acordeon::before {
    content: '';
    position: absolute;
    right: -5dvw;
    top: -7dvh;
    width: 10.0625rem;
    height: 10.0625rem;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/06/Ellipse%20143.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

.cudpes-acordion {
    position: relative;
    display: block;
    z-index: 1;
}

.cudpes-acordion::before {
    content: '';
    position: absolute;
    right: 5dvw;
    bottom: -13dvh;
    width: 13rem;
    height: 12.125rem;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/06/Ellipse%20145.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

footer.main-footer > div > div {
    z-index: 10 !important;
}

.forms-cudpes .cudpes-link {
    display: inline !important;
    color: #0c82c5 !important;
    text-decoration-line: underline !important;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}

#wpforms-102403 {
    margin: 0 !important;
}

.forms-cudpes .wpforms-page-indicator-steps {
    color: #000;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 400;
}

.forms-cudpes .wpforms-page-indicator-page-progress-wrap {
    background: rgb(194 225 249 / 60%) !important;
}

.forms-cudpes
    .wpforms-page-indicator-page-progress-wrap
    .wpforms-page-indicator-page-progress {
    background-color: #0c82c5 !important;
}

.forms-cudpes .title {
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.forms-cudpes .title.code {
    margin: 1rem 0 2.5rem;
}

.forms-cudpes .sub-title {
    text-align: center;
}

.forms-cudpes .description-margin {
    margin: 3rem 0 0;
}

.forms-cudpes p {
    color: #4a4b4b;
    text-align: justify;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.forms-cudpes label {
    color: #525252 !important;
    font-family: Montserrat;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25rem !important;
    margin: 0 0 0.5rem !important;
}

.forms-cudpes .wpforms-field-description {
    color: #a3a3a3 !important;
    font-family: Montserrat;
    font-size: 0.875rem !important;
    font-weight: 400;
    margin: 0.5rem 0 0 !important;
}

.forms-cudpes #wpforms-102403 input:not([type='tel'], li > input),
.forms-cudpes #wpforms-102403 div.choices div.choices__inner,
.forms-cudpes #wpforms-102604 input:not([type='tel'], li > input),
.forms-cudpes #wpforms-102604 div.choices div.choices__inner {
    line-height: normal;
    height: 3.5rem !important;
    padding: 0.875rem 1.5rem !important;
    border-radius: 0.25rem;
    background: #fff;
    border: 1px solid #a3a3a3;
}

.forms-cudpes
    #wpforms-102403
    div.choices
    div.choices__inner
    .choices__placeholder,
.forms-cudpes
    #wpforms-102604
    div.choices
    div.choices__inner
    .choices__placeholder {
    color: #a3a3a3;
    font-family: Montserrat;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: normal;
    opacity: 1;
}

.forms-cudpes input::placeholder {
    color: #a3a3a3;
    font-family: Montserrat;
    font-size: 0.9375rem;
    font-weight: 400;
}

.required-fields {
    color: #737373;
    text-align: right;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.required-fields .required {
    color: red;
}

.forms-cudpes .cudpes-notifications legend {
    color: #000 !important;
    font-family: Montserrat;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.forms-cudpes .cudpes-notifications input::before {
    border-color: #0094ef !important;
    box-shadow: 0 0 0 1px #0094ef, 0 1px 2px rgb(0 0 0 / 15%) !important;
}

.forms-cudpes .cudpes-notifications li.wpforms-selected input::after {
    background-color: #0094ef !important;
}

.forms-cudpes .text-title p {
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    color: #0c82c5;
    margin: 0;
    width: 9rem;
    text-align: center;
    align-self: center;
    justify-content: center;
}

.forms-cudpes .wpforms-page-button.wpforms-page-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff !important;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%) !important;
    border-radius: 3.125rem !important;
    padding: 1rem 1.5rem !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 1.375rem !important;
    line-height: 1.375rem !important;
    font-weight: 400 !important;
    letter-spacing: -1px !important;
    margin: 0 0 0 auto !important;
    color: #0d87e7 !important;
    border: 0.5px solid #0d87e7 !important;
}

.forms-cudpes .wpforms-page-button.wpforms-page-next {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0094ef !important;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%) !important;
    border-radius: 3.125rem !important;
    padding: 1rem 1.5rem !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 1.375rem !important;
    line-height: 1.375rem !important;
    font-weight: 400 !important;
    letter-spacing: -1px !important;
    margin: 0 0 0 auto !important;
    color: #fff;
}

#wpforms-102403-field_7-container {
    padding: 0;
}

.forms-cudpes .wpforms-clear .wpforms-page-button.wpforms-page-next:only-child {
    margin: 0 0 0 auto !important;
}

.forms-cudpes
    .wpforms-clear
    .wpforms-page-button.wpforms-page-next:not(:only-child) {
    margin: 0 0 0 0.5rem !important;
}

.forms-cudpes .wpforms-confirmation-container-full {
    background: #fff !important;
    border: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cudpes-radicado {
    display: none;
}

#name-user {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}

#policy-number {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
}

#policy-number span {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25rem;
}

.confirmation-section .confirmation-icon {
    display: flex;
    justify-content: center;
}

.confirmation-section .main-title {
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin: 3rem 0 4rem;
}

.confirmation-section .subtitle {
    color: #4a4b4b;
    text-align: center;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 0 0 3rem !important;
}

.confirmation-section .case-number {
    text-align: center !important;
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 2rem !important;
    display: block;
}

.confirmation-section .divider {
    border: 1px solid rgb(0 0 0 / 12%);
    height: 0.0625rem;
}

.confirmation-section .additional-info .section-title {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 3rem 0 2rem !important;
}

.confirmation-section .additional-info p,
.confirmation-section .additional-info .info-list .list-text {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.625rem;
    display: flex;
    align-items: center;
}

.confirmation-section
    .additional-info
    .info-list
    .list-text
    .elementor-icon-list-icon {
    display: flex;
}

.confirmation-section .additional-info .info-list {
    list-style: none;
    padding: 0;
}

.confirmation-section .additional-info .info-list br {
    display: none;
}

.confirmation-section .additional-info .info-list li {
    display: flex;
    column-gap: 2.5rem;
    align-content: center;
    margin: 1rem 0 0;
}

.confirmation-section .additional-info .info-list i {
    font-size: 1.5rem !important;
}

.confirmation-section .additional-info .assigned-entity {
    margin: 2rem 0 1.5rem;
}

.confirmation-section .additional-info .processing-time {
    margin: 3rem 0 0 !important;
}

.wrapper-dilo-pqr {
    height: 100% !important;
}

.return-button-section {
    display: flex;
    place-content: center center;
    margin: 2.5rem 0 0 !important;
}

.return-button-section .btn-return {
    padding: 1rem 1.5rem;
    border-radius: 3.125rem;
    background: #0094ef;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #fff;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.375rem;
}

#confirm-physical-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content {
    display: flex;
    width: 80% !important;
    padding: 1.5rem !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 10px 20px 50px 0 rgb(0 0 0 / 15%) !important;
}

.modal-content .modal-title {
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
}

.modal-content .modal-description {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 2rem 0;
}

#modal-cancel {
    display: flex;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    border: 1px solid #0c82c5;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.375rem; /* 100% */
}

#modal-accept {
    border: none !important;
    display: flex;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    background: #0094ef;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #fff;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem; /* 100% */
}

.wpforms-field-number input::-webkit-outer-spin-button,
.wpforms-field-number input::-webkit-inner-spin-button {
    appearance: none !important;
    margin: 0 !important;
}

.wpforms-field-number input {
    appearance: textfield !important;
}

#redirect-cudpes div > span:nth-of-type(2) {
    cursor: pointer;
}

/* Modal de validación exitosa */
.success-validation-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.success-modal-content {
    padding: 2rem 1.5rem;
    max-width: 25dvw;
    width: 90%;
    color: #fff;
    border-radius: 1rem;
    background: #525252;
    box-shadow: 10px 20px 50px 0 rgb(0 0 0 / 15%);
}

.success-modal-title {
    margin-bottom: 2rem;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
}

.success-modal-description {
    margin-bottom: 1.5rem;
    text-align: justify;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.success-modal-button {
    cursor: pointer;
    transition: background-color 0.2s ease;
    padding: 1rem 1.5rem;
    border-radius: 3.125rem;
    background: #0094ef;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #fff;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.375rem;
    border: 0;
    float: right;
}

.success-modal-button:hover {
    background: #007bb3;
}

/* Modal de notificaciones físicas */
#confirm-physical-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#confirm-physical-modal .modal-content {
    display: flex;
    width: 35dvw !important;
    padding: 1.5rem !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 10px 20px 50px 0 rgb(0 0 0 / 15%) !important;
}

#confirm-physical-modal .modal-title {
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
    margin-bottom: 1rem;
}

#confirm-physical-modal .modal-description {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

#confirm-physical-modal .modal-buttons {
    display: flex;
    column-gap: 1.5rem;
}

#confirm-physical-modal #modal-cancel {
    display: flex;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    border: 1px solid #0c82c5;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.375rem;
}

#devolucion-info-modal #devolucion-ok {
    display: flex;
    padding: 0.7rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    font-family: Montserrat;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2rem;
    background: #0094ef;
    color: #fff;
    border: none !important;
}

#confirm-physical-modal #modal-accept {
    border: none !important;
    display: flex;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    background: #0094ef;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #fff;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
}

/* Modal información devolución de dinero */
#devolucion-info-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#devolucion-info-modal .modal-content {
    display: flex;
    width: 35dvw !important;
    padding: 1.5rem !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 10px 20px 50px 0 rgb(0 0 0 / 15%) !important;
    position: relative;
}

#devolucion-info-modal .modal-title {
    color: #0c82c5;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
}

#devolucion-info-modal .modal-description {
    color: #4a4b4b;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 2rem 0;
}

#devolucion-info-modal .pqr-rating-close {
    position: absolute;
    top: 12px;
    right: 12px;
}

.cudpes-layer-forms {
    position: absolute !important;
    bottom: 0;
    left: 0;
    z-index: -1 !important;
    width: 100dvw !important;
    height: 75dvh !important;
}

.forms-cudpes .wpforms-submit-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.forms-cudpes .wpforms-submit-container .wpforms-submit {
    display: flex;
    padding: 1rem 1.5rem !important;
    justify-content: center;
    align-items: center;
    border-radius: 3.125rem;
    background: #0094ef !important;
    box-shadow: 0 6px 20px 0 rgb(74 58 255 / 8%);
    color: #fff !important;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.375rem;
}

.cudpes-button-start a:hover {
    background: #0094ef;
}

.faq-filters {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.faq-filters .select label,
.faq-filters .input label {
    color: #525252;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

.faq-filters .select .choices {
    display: flex;
    height: 3.5rem;
    width: 25rem;
    padding: 0.875rem 1.5rem;
    align-items: center;
    border-radius: 0.25rem;
    border: 1px solid #a3a3a3;
    background: #fff;
}

.faq-filters .select .choices .choices__inner {
    background: none;
    border: none;
    color: #a3a3a3;
    font-family: Montserrat;
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 0;
    display: flex;
    align-items: center;
}

.faq-filters .select .choices .choices__list {
    left: 0;
    z-index: 1;
}

.faq-filters .input {
    display: flex;
    flex-direction: column;
}

.faq-filters .input input {
    width: 25rem;
    display: flex;
    height: 3.5rem;
    padding: 0.875rem 1.5rem;
    align-items: center;
    border-radius: 0.25rem;
    border: 1px solid #a3a3a3;
    background: #fff;
}

#pqr-acordions {
    position: relative;
    display: block;
    z-index: 0;
}

#pqr-acordions::before {
    content: '' !important;
    position: absolute !important;
    left: -5dvw !important;
    top: 50% !important;
    width: 20.75rem !important;
    height: 19.3125rem !important;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/06/Ellipse%20142.svg) !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

#pqr-acordions::after {
    content: '';
    position: absolute;
    right: -5dvw;
    top: 70%;
    width: 10.0625rem;
    height: 10.0625rem;
    background-image: url(https://storage.googleapis.com/aaa-wp-uploads/2025/06/Ellipse%20143.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}

.fnb-custom-html {
    display: flex;
    column-gap: 1rem;
    justify-content: space-between;
}

#myModal .close,
#privacyModalFNB .close,
#privacyModalPQR .close,
#privacyModalCUDPES .close {
    position: absolute;
    right: 1rem;
    top: 0;
}

#privacyModalFNB,
#privacyModalPQR,
#privacyModalCUDPES {
    align-content: center;
    z-index: 100;
    padding: 0 !important;
}

.slider-dilo .owl-nav.disabled {
    display: block !important;
}

.text-quotas {
    position: relative;
}

.text-quotas-gray {
    position: absolute !important;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.accordion-item__title {
    text-decoration: underline;
    font-weight: 700;
    margin: 1.5rem 0 1rem;
}

.forms-cudpes
    #wpforms-102403-field_25-container
    .wpforms-field-date-dropdown-wrap.wpforms-field-medium,
.forms-cudpes
    #wpforms-102403-field_67-container
    .wpforms-field-date-dropdown-wrap.wpforms-field-medium {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 1rem;
}

@media only screen and (width <= 1024px) and (height <= 768px) {
    .slider-dilo .owl-item .sina-cs-desc {
        font-size: 12px !important;
    }
}

@media (width <= 1280px) {
    .layer-title::after {
        height: 20dvh;
    }

    .slider-dilo .owl-nav .owl-prev,
    .slider-dilo .owl-nav .owl-next {
        display: none;
    }

    .width-dilo .e-con-inner {
        max-width: 80%;
    }

    .layer-info::before {
        left: -3dvw !important;
        top: 4dvh !important;
    }

    .cudpes-image-acordeon::before {
        right: -3dvw;
    }

    .cudpes-layer-forms {
        height: 110dvh !important;
    }

    .text-quotas-gray {
        top: 3.5rem;
    }

    .height-dilo span {
        padding: 0 1rem;
    }

    .forms-cudpes .wpforms-clear.wpforms-pagebreak-left,
    .forms-cudpes .wpforms-submit-container {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    .forms-cudpes
        .wpforms-clear.wpforms-pagebreak-left
        button.wpforms-page-button.wpforms-page-next,
    .forms-cudpes
        .wpforms-clear.wpforms-pagebreak-left
        button.wpforms-page-button.wpforms-page-prev,
    .forms-cudpes .wpforms-submit-container button {
        width: 100% !important;
        margin: 0 !important;
    }

    .return-button-section .btn-return {
        width: 100%;
    }

    .forms-cudpes
        #wpforms-102403-field_25-container
        .wpforms-field-date-dropdown-wrap.wpforms-field-medium,
    .forms-cudpes
        #wpforms-102403-field_67-container
        .wpforms-field-date-dropdown-wrap.wpforms-field-medium {
        flex-wrap: wrap;
        gap: 1rem;
    }
}

@media (width <= 1024px) {
    .layer-title::after {
        height: 15dvh;
    }

    .wrapper-banner {
        margin-top: 18%;
    }

    .eael-data-table-wrap {
        overflow-x: scroll !important;
        padding-bottom: 5px;
    }

    .elementor-14190 .elementor-element.elementor-element-7b7b905 {
        width: 100% !important;
    }

    .elementor-element.elementor-element-79a4def {
        width: 100% !important;
    }

    .elementor-element.elementor-element-d0f7cca {
        --width: 100% !important;

        width: 100% !important;
    }

    .layer-woman::after {
        left: 50% !important;
        transform: translateX(-50%);
        top: -45%;
    }

    .layer-woman {
        padding-bottom: 0 !important;
    }

    .banner-dilo .title-dilo {
        margin-top: 10dvh !important;
    }

    .banner-dilo::before {
        width: 100dvw !important;
    }

    .layer-title::after {
        width: 100dvw;
        height: 25dvh;
    }

    .slider-dilo .owl-nav {
        display: none;
    }

    .slider-dilo .owl-dots {
        display: none !important;
    }

    .woman-text-dilo {
        margin-top: -35dvh !important;
    }

    .acordion-aliados .aliados-card {
        flex: 0 0 calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem);
    }

    .faq-filters .select .choices,
    .faq-filters .input input {
        width: 20rem;
    }

    .faq-filters .select .choices .choices__list .choices__item {
        padding-right: 50px !important;
    }
}

@media (width <= 1000px) {
    .layer-title::after {
        width: 100dvw;
        height: 45dvh;
    }

    .text-credito-dilo .ld-fh-element {
        width: 100%;
        left: 0;
    }

    .slider-dilo-contain {
        margin-bottom: 20dvh !important;
    }

    .woman-text-dilo {
        margin-top: -65dvh !important;
    }

    .text-dilo-small.font-neue .elementor-widget-container {
        min-height: 100% !important;
        width: 65dvw !important;
        max-width: 50rem !important;
    }

    .icon-dilo {
        width: 100% !important;
        max-width: 2.5rem !important;
    }

    .text-dilo .ld-fh-element {
        width: 100%;
        left: 0;
    }

    .slider-dilo .owl-nav {
        display: none !important;
    }

    .success-modal-content,
    #confirm-physical-modal .modal-content,
    #devolucion-info-modal .modal-content {
        width: 80dvw !important;
        max-width: 80dvw !important;
    }
}

@media (width <= 768px) {
    .text-dilo .ld-fh-element {
        width: 100%;
        left: 0;
    }

    .width-dilo .e-con-inner {
        max-width: 100%;
    }

    .text-credito-dilo .ld-fh-element {
        width: 100%;
        left: 0;
    }

    .banner-dilo::before {
        width: 100% !important;
        height: 100% !important;
        opacity: 0.6;
    }

    .layer-title::after {
        left: -10%;
        width: 120%;
    }

    .layer-woman::after {
        inset: -30% 0 0 40%;
        transform: translateX(-50%);
        width: 500px;
        height: 500px;
    }

    .layer-orange-dilo::before {
        bottom: -10% !important;
        left: -15% !important;
        width: 750px !important;
        height: 750px !important;
    }

    .slider-dilo .owl-carousel {
        padding-bottom: 3rem;
    }

    .slider-dilo .owl-dots {
        display: block !important;
        bottom: 0 !important;
    }

    .slider-dilo .owl-nav {
        display: none;
    }

    .acordion-dilo-aliados {
        width: 100dvw;
    }

    .layer-button-aliados::before {
        width: 100px !important;
        height: 200px !important;
    }

    .layer-button-aliados::after {
        width: 100px !important;
        height: 200px !important;
        top: 100% !important;
    }

    .icon-dilo {
        width: 5dvw !important;
    }

    .text-dilo-small.font-neue .elementor-widget-container {
        min-height: 5.5rem !important;
        width: 65dvw !important;
    }

    .text-blue-dilo.font-neue .elementor-widget-container {
        min-height: 8rem !important;
        width: 65dvw !important;
    }

    .form-responsive .wpforms-field-container {
        display: flex;
        flex-direction: column;
    }

    .form-responsive .wpforms-field-container .wpforms-field {
        width: 100%;
        margin-left: 0 !important;
    }

    .input-label-inside.form-center .wpforms-field input[type='number'] {
        width: 100%;
    }

    .portal-2300-container .info-paragraph {
        margin: 0;
    }

    .portal-2300-container .channel-header {
        margin: 30px 0 30px 10px;
    }

    .portal-2300-container .channel-paragraph {
        margin: 40px 0 0 30px;
    }

    .fnb-tables table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .fnb-tables table tbody {
        display: table;
        width: 100%;
    }

    .fnb-tables table tr {
        width: 100%;
    }

    .fnb-tables table td {
        word-break: break-word;
    }

    .fnb-tables table::after {
        content: '⟷';
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 20px;
        color: #888;
        animation: scroll-hint 1s infinite alternate;
    }

    .checks-scroll {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .checks-scroll > .e-con-full {
        flex-wrap: nowrap;
        width: max-content;
    }

    .checks-scroll > .e-con-inner {
        display: flex;
        flex-direction: column;
        width: max-content;
        min-width: 100%;
    }

    .checks-scroll > .e-con-inner > .e-con {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }

    .checks-scroll .check-33 {
        width: max-content !important;
    }

    .checks-scroll .check-67 {
        width: max-content !important;
        display: flex;
        flex-wrap: nowrap;
    }

    .checks-scroll .elementor-widget-text-editor .elementor-widget-container {
        width: 100%;
    }

    .checks-scroll .wpforms-container {
        width: max-content !important;
    }

    .checks-scroll .wpforms-field-container {
        display: flex;
        flex-direction: column;
        width: max-content;
    }

    .checks-scroll .wpforms-field-checkbox ul {
        column-gap: 50vw !important;
    }

    .checks-scroll::after {
        content: '⟷';
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 20px;
        color: #888;
        animation: scroll-hint 1s infinite alternate;
    }

    @keyframes scroll-hint {
        from {
            transform: translateX(-5px);
        }

        to {
            transform: translateX(5px);
        }
    }

    .line-tabs nav ul {
        display: flex;
        flex-wrap: nowrap !important;
        overflow: scroll;
    }

    .line-tabs nav ul li {
        margin-right: 25px !important;
        width: 100% !important;
    }

    .elementor-widget-sina_content_slider .sina-content-slider,
    .elementor-widget-sina_content_slider .e-con-full {
        min-height: 300px !important;
    }

    .elementor-widget-sina_content_slider .owl-dots {
        display: none;
    }

    .elementor-widget-sina_content_slider .sina-cs-item > * {
        max-height: 100% !important;
        overflow: hidden !important;
    }

    .line-tabs .elementor-section {
        background-size: 120% !important;
    }

    .form_persona-natural .wpforms-field.wpforms-field-phone,
    .form_persona-natural .wpforms-field.wpforms-field-email,
    .form_persona-juridica .wpforms-field.wpforms-field-phone,
    .form_persona-juridica .wpforms-field.wpforms-field-email {
        margin-top: 25px;
    }

    .acordion-aliados.open,
    .acordion-questions.open {
        max-height: none !important;
        overflow: visible !important;
    }

    .layer-title::after {
        height: 12dvh;
        width: 120dvw;
        left: -10% !important;
    }

    .layer-title {
        margin-bottom: 5dvh !important;
    }

    .slider-dilo-contain {
        margin-bottom: 0 !important;
    }

    .slider-dilo .owl-dots {
        bottom: -10px !important;
    }

    .woman-text-dilo {
        margin-top: 0 !important;
    }

    .cudpes-button-start {
        display: flex;
        justify-content: center !important;
    }

    .cudpes-text-animation h3 {
        width: 100% !important;
    }

    .layer-info::before {
        top: 2dvh !important;
        width: 15.75rem !important;
        height: 14.3125rem !important;
    }

    .text-quotas-gray {
        position: relative !important;
        top: -0.5rem;
    }

    .layer-icon .elementor-widget-image {
        width: 8rem !important;
        height: 8rem !important;
    }

    .layer-icon .elementor-widget-image img {
        width: 5rem !important;
        max-width: 5rem !important;
        height: 5rem !important;
        max-height: 5rem !important;
    }

    #privacyModalFNB .modal-content,
    #privacyModalPQR .modal-content,
    #privacyModalCUDPES .modal-content {
        top: 0dvh !important;
        height: 90dvh;
        overflow: auto;
        display: block;
    }
}

@media screen and (max-height: 500px) and (orientation: landscape) {
    #privacyModalFNB .modal-content,
    #privacyModalPQR .modal-content,
    #privacyModalCUDPES .modal-content {
        top: 0dvh !important;
        height: 90dvh;
        overflow: auto;
        display: block;
    }
}

@media (width <= 640px) {
    .my-sfp-search .shared-files-main-file-list {
        grid-template-columns: 1fr;
    }

    .success-modal-content,
    #confirm-physical-modal .modal-content,
    #devolucion-info-modal .modal-content {
        width: 90dvw !important;
        max-width: 90dvw !important;
    }
}

@media (width <= 480px) {
    .layer-info::before {
        left: -15dvw !important;
        top: 3dvh !important;
    }

    .elementor-element-b7ffc6f .elementor-button-text::before {
        content: none;
    }

    .layer-woman::after {
        inset: -5% 0 0 40%;
        transform: translateX(-50%);
        width: 280px;
        height: 280px;
    }

    .layer-orange-dilo::before {
        bottom: -8% !important;
        left: -10% !important;
        width: 350px !important;
        height: 350px !important;
    }

    .form-dilo .wpforms-layout-column.wpforms-layout-column-50 {
        margin-bottom: 3rem !important;
    }

    #wpforms-90680 {
        margin-top: 0;
    }

    .icon-dilo {
        width: 100% !important;
    }

    .text-dilo-small.font-neue .elementor-widget-container {
        min-height: 100% !important;
        width: 100% !important;
    }

    .text-blue-dilo.font-neue .elementor-widget-container {
        min-height: 100% !important;
        width: 100% !important;
    }

    .line-tabs .elementor-section {
        background-image: none !important;
    }

    .line-tabs .elementor-section .elementor-element-populated {
        justify-content: center;
    }

    .line-tabs
        .elementor-section
        .elementor-element-populated
        > div:first-child {
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }

    .line-tabs
        .elementor-section
        .elementor-element-populated
        > div:nth-child(3) {
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }

    #widgetChatBot .cont-chat {
        width: 90%;
        left: 5%;
        right: 5%;
    }

    #widgetChatBot .btn-chat-pau {
        right: 10px;
    }

    .modal-content {
        width: 90% !important;
    }

    #modal-cancel,
    #modal-accept {
        font-size: 1rem;
        padding: 0.8rem 1.5rem;
    }

    .fnb-custom-html {
        flex-wrap: wrap;
    }

    .fnb-custom-html #myBtn {
        margin-bottom: 3rem;
    }

    .fnb-custom-html .required-fields {
        text-align: start;
    }

    .slider-dilo .sina-content-slider .owl-item {
        min-height: 19rem !important;
    }

    .acordion-aliados .aliados-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .faq-filters {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    .faq-filters .select .choices,
    .faq-filters .input input {
        width: 80dvw;
    }

    #banner-dilo-js {
        min-height: 110dvh !important;
    }
}

.points-top .lqd-bullet-list li::before {
    margin: 0.35em 1em auto 0 !important;
}

#consulta-pqr-card {
    cursor: pointer;
}

@media (width >= 768px) and (width <= 1023px) and (orientation: landscape) {
    .cudpes-button-start {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }
}

@media (width <= 1450px) {
    .layer-info::before {
        left: 1dvw !important;
        top: 3dvh !important;
    }
}

@media (width <= 720px) and (orientation: landscape) {
    .faq-filters {
        flex-wrap: wrap !important;
        justify-content: center;
        gap: 1rem;
    }
}

.pqr-input-readonly {
    background: #f5f5f5 !important;
    color: #888 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    border-color: #ddd !important;
}

#wpforms-102403-field_25-day,
#wpforms-102403-field_25-day-button,
#wpforms-102403-field_67-day,
#wpforms-102403-field_67-day-button {
    display: none !important;
}

.forms-cudpes .wpforms-page-button.wpforms-page-prev {
    margin-right: 0.5rem !important;
}

/* Oculto por defecto */
#wpforms-form-102403 .wpforms-submit-container,
#wpforms-form-102604 .wpforms-submit-container {
    display: none !important;
}

/* Muéstralo únicamente cuando el form tenga la clase step-3 */
#wpforms-form-102403.step-3 .wpforms-submit-container,
#wpforms-form-102604.step-3 .wpforms-submit-container {
    display: flex !important;
}

/* ========== BOTONES MES / AÑO ========== */
#wpforms-102403-field_25-month-button,
#wpforms-102403-field_67-month-button,
#wpforms-102403-field_25-year-button,
#wpforms-102403-field_67-year-button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1.5rem !important;
    height: 3.5rem !important;
    border-radius: 0.25rem !important;
    border: 1px solid #a3a3a3 !important;
    background: #fff !important;
    color: #a3a3a3;
    font-family: Montserrat;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    padding-right: 3rem !important; /* espacio para la flecha */
}

/* Oculta solo los íconos default de esos 4 */
#wpforms-102403-field_25-month-button .ui-selectmenu-icon,
#wpforms-102403-field_67-month-button .ui-selectmenu-icon,
#wpforms-102403-field_25-year-button .ui-selectmenu-icon,
#wpforms-102403-field_67-year-button .ui-selectmenu-icon {
    display: none !important;
}

/* Flecha personalizada */
#wpforms-102403-field_25-month-button::after,
#wpforms-102403-field_67-month-button::after,
#wpforms-102403-field_25-year-button::after,
#wpforms-102403-field_67-year-button::after {
    content: '';
    width: 25px;
    height: 24px;
    background: url(https://storage.googleapis.com/aaa-wp-uploads/2025/07/Frame.svg)
        no-repeat center / contain;
    transition: transform 0.25s;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

/* Rotar cuando se abre */
#wpforms-102403-field_25-month-button[aria-expanded='true']::after,
#wpforms-102403-field_67-month-button[aria-expanded='true']::after,
#wpforms-102403-field_25-year-button[aria-expanded='true']::after,
#wpforms-102403-field_67-year-button[aria-expanded='true']::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ========== MENÚS DESPLEGABLES (scroll) ========== */
#wpforms-102403-field_25-day-menu,
#wpforms-102403-field_25-month-menu,
#wpforms-102403-field_25-year-menu,
#wpforms-102403-field_67-day-menu,
#wpforms-102403-field_67-month-menu,
#wpforms-102403-field_67-year-menu {
    max-height: 220px !important;
    overflow-y: auto !important;
}

#wpforms-102403-field_37,
#wpforms-102604-field_37 {
    padding-left: 3rem !important;
}

.forms-cudpes {
    width: 50dvw !important;
}

@media (width <= 1440px) {
    .forms-cudpes {
        width: 60dvw !important;
    }
}

@media (width <= 1000px) {
    .forms-cudpes {
        width: 80dvw !important;
    }
}

/* ————— Card genérica ————— */
.file-upload-card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    background: #fff !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 5%) !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    overflow: hidden !important;
}

/* ————— Ocultar el “Examinar” nativo ————— */
.file-upload-card input[type='file']::-webkit-file-upload-button,
.file-upload-card input[type='file']::file-selector-button {
    display: none !important;
}

.file-upload-card input[type='file'] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

/* ————— Detalles y progreso ————— */
.file-upload-card .file-details {
    width: 100%;
}

.file-upload-card .file-name {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.file-upload-card .file-size {
    font-size: 0.85rem !important;
    color: #666 !important;
}

.file-upload-card .progress-bar {
    width: 100% !important;
    height: 6px !important;
    background: #eee !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    margin-top: 0.5rem !important;
}

.file-upload-card .progress {
    width: var(--progress, 0%) !important;
    height: 100% !important;
    background: linear-gradient(90deg, #4299e1, #805ad5) !important;
    transition: width 0.3s ease !important;
}

/* ————— Botón “×” eliminar (siempre visible) ————— */
.file-upload-card .wpforms-btn-remove-file {
    position: absolute !important;
    top: 0 !important;
    right: 0.5rem !important;
    background: transparent !important;
    border: none !important;
    font-size: 1.5rem !important;
    color: #aaa !important;
    cursor: pointer !important;
    transition: color 0.2s !important;
    z-index: 2 !important;
}

.file-upload-card .wpforms-btn-remove-file:hover {
    color: #e53e3e !important;
}

/* ————— Overlay “clic para cambiar” al hacer hover cuando hay archivo ————— */
.file-upload-card.input-filled:hover::before {
    content: 'Haga clic para cambiar archivo' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgb(255 255 255 / 85%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #333 !important;
    font-size: 1rem !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* ————— Botón “Seleccionar/Cambiar archivo” ————— */

/* sólo visible cuando está vacío */
.file-upload-card .file-select-btn {
    position: absolute !important;
    bottom: 1rem !important;
    right: 1rem !important;
    padding: 0.5rem 1rem !important;
    background: #0099e5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    transition: background-color 0.2s, opacity 0.2s !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

.file-upload-card.input-filled .file-select-btn {
    display: none !important;
}

/* ————— Botón “Agregar archivo” ————— */
.wpforms-btn-add-file {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5em !important;
    background-color: #0099e5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0.6rem 1.2rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.2s !important;
    margin-top: 1rem !important;
}

.wpforms-btn-add-file:hover {
    background-color: #0077b6 !important;
}

.wpforms-btn-add-file::before {
    content: '+' !important;
    font-weight: 700 !important;
}

/* Mensaje de error inline */
.file-error {
    color: #e53e3e;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

/* Resaltado al arrastrar archivo */
.file-upload-card.drag-over {
    border: 2px dashed #4299e1 !important;
}

.force-hidden,
.file-upload-card.force-hidden,
div.file-upload-card.force-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
}

/* Contenedores de archivos - ocultos por defecto, se muestran dinámicamente */
#wpforms-102403-field_85-container,
#wpforms-102403-field_87-container,
#wpforms-102403-field_88-container,
#wpforms-102403-field_89-container,
#wpforms-102403-field_90-container {
    display: none !important;
}

/* Cuando no están forzadamente ocultos, se muestran */
#wpforms-102403-field_85-container:not(.force-hidden),
#wpforms-102403-field_87-container:not(.force-hidden),
#wpforms-102403-field_88-container:not(.force-hidden),
#wpforms-102403-field_89-container:not(.force-hidden),
#wpforms-102403-field_90-container:not(.force-hidden) {
    display: flex !important;
}

/* Modal Container */
.pqr-rating-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(2px);
}

.pqr-rating-popup.show {
    opacity: 1;
}

/* Specific modal ID */
#pqr-rating-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(2px);
}

#pqr-rating-modal.show {
    opacity: 1;
}

/* Popup Content */
.pqr-rating-content {
    background: white;
    border-radius: 16px;
    padding: 0;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgb(0 0 0 / 30%);
    transform: scale(0.7) translateY(20px);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 1px solid rgb(255 255 255 / 10%);
}

.pqr-rating-popup.show .pqr-rating-content {
    transform: scale(1) translateY(0);
}

/* Header */
.pqr-rating-header {
    background: none;
    color: white;
    padding: 5px;
    border-radius: 16px 16px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.pqr-rating-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        45deg,
        rgb(255 255 255 / 10%) 0%,
        transparent 50%,
        rgb(255 255 255 / 10%) 100%
    );
    pointer-events: none;
}

.pqr-rating-close {
    background: none;
    border: none;
    color: #aaa;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(10px);
}

.pqr-rating-close:hover {
    transform: scale(1.25);
    color: #0c82c5;
}

/* Body */
.pqr-rating-body {
    padding: 0 30px;
}

/* Form Placeholder */
.rating-form-placeholder {
    padding: 25px;
    color: #888;
    font-style: italic;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px dashed #ddd;
}

/* WPForms Integration */
.pqr-rating-form .wpforms-container {
    margin: 0;
}

.pqr-rating-form .wpforms-field {
    margin-bottom: 20px;
}

.pqr-rating-form .wpforms-submit-container {
    margin-top: 25px;
}

.pqr-rating-form .wpforms-submit {
    background: linear-gradient(135deg, #0099e5 0%, #007bb3 100%) !important;
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
}

.pqr-rating-form .wpforms-submit:hover {
    background: linear-gradient(135deg, #007bb3 0%, #005a8b 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgb(0 153 229 / 30%) !important;
}

/* Estilos específicos para el formulario de calificación en la modal */
.pqr-rating-form .wpforms-container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.pqr-rating-form .wpforms-field-container {
    margin-bottom: 0;
}

/* ✅ Contenedor optimizado: Sin márgenes innecesarios */
.pqr-rating-form .wpforms-container,
.pqr-rating-form .wpforms-field-container,
.pqr-rating-form .wpforms-submit-container {
    margin: 0;
    padding: 0;
}

/* ✅ Título centrado: "¿Cómo te fue en la radicación de tu PQRs?" con estilo Triple A */
.pqr-rating-form .calification-cudpes {
    font-size: 20px;
    font-weight: 600;
    color: #0c82c5;
    text-align: center;
    margin: 0 0 24px;
    line-height: 1.3;
}

/* ✅ Campo de rating: 5 estrellas centradas con animaciones */
.pqr-rating-form .wpforms-field-rating {
    margin-bottom: 32px;
}

.pqr-rating-form .wpforms-field-rating-items {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.pqr-rating-form .wpforms-field-rating-item {
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 50%;
    padding: 4px;
}

.pqr-rating-form .wpforms-field-rating-item:hover {
    background-color: rgb(12 130 197 / 10%);
    transform: scale(1.1);
}

/* ✅ Animaciones: Hover con escala */
.pqr-rating-form .wpforms-field-rating-item {
    transition: all 0.3s ease;
}

.pqr-rating-form .wpforms-field-rating-item:hover {
    transform: scale(1.15);
    background-color: rgb(12 130 197 / 15%);
}

/* ✅ Diseño: Azul Triple A (#0c82c5) con gradiente */
.pqr-rating-form .wpforms-submit-container {
    text-align: center;
    margin-top: 0;
}

.pqr-rating-form .wpforms-submit {
    background: linear-gradient(135deg, #0c82c5 0%, #0056b3 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 200px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgb(12 130 197 / 20%);
}

/* ✅ Animaciones: Hover con elevación y sombra */
.pqr-rating-form .wpforms-submit:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgb(12 130 197 / 30%);
}

/* ✅ Estados: Normal, hover, active, disabled */
.pqr-rating-form .wpforms-submit:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgb(12 130 197 / 20%);
}

/* Estilos para el spinner de carga */
.pqr-rating-form .wpforms-submit-spinner {
    margin-left: 8px;
    vertical-align: middle;
}

/* Estilos para mensajes de error */
.pqr-rating-form .wpforms-error {
    color: #dc3545;
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
}

.pqr-rating-form .wpforms-field-error {
    border-color: #dc3545 !important;
}

/* Estilos para mensajes de confirmación */
.pqr-rating-form .wpforms-confirmation-container {
    text-align: center;
    padding: 20px;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 8px;
    color: #155724;
    margin-top: 16px;
}

.pqr-rating-form .wpforms-confirmation-container p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

/* Estilos adicionales para mejorar la experiencia */
.pqr-rating-form .wpforms-field-label {
    display: none !important;
}

.pqr-rating-form .wpforms-field-rating-item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Estilos para el estado de carga */
.pqr-rating-form .wpforms-submit:disabled {
    background-color: #6c757d;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.pqr-rating-form .wpforms-submit:disabled:hover {
    background-color: #6c757d;
    transform: none;
    box-shadow: none;
}

/* ✅ Responsive Design */

/* ✅ Desktop: Tamaños completos y espaciado generoso */
@media (width <= 768px) {
    .pqr-rating-content {
        width: 95%;
        margin: 20px;
        max-height: 95vh;
    }

    .pqr-rating-header {
        padding: 15px 20px;
    }

    .pqr-rating-body {
        padding: 25px 20px;
    }

    /* ✅ Responsive: Tamaños adaptados para cada dispositivo */

    /* ✅ Tablet (768px): Elementos ligeramente reducidos */
    .pqr-rating-form .calification-cudpes {
        font-size: 18px;
        margin: 0 0 20px;
    }

    .pqr-rating-form .wpforms-field-rating-items {
        gap: 6px;
        margin-top: 12px;
    }

    .pqr-rating-form .wpforms-field-rating-item svg {
        width: 28px;
        height: 28px;
    }

    .pqr-rating-form .wpforms-submit {
        padding: 10px 24px;
        font-size: 14px;
        min-width: 180px;
    }
}

@media (width <= 480px) {
    .pqr-rating-content {
        width: 98%;
        margin: 10px;
        border-radius: 12px;
    }

    .pqr-rating-header {
        padding: 15px 18px;
        border-radius: 12px 12px 0 0;
    }

    .pqr-rating-body {
        padding: 20px 15px;
    }

    /* ✅ Móvil (480px): Diseño compacto y optimizado */
    .pqr-rating-form .calification-cudpes {
        font-size: 16px;
        margin: 0 0 16px;
    }

    .pqr-rating-form .wpforms-field-rating-items {
        gap: 4px;
        margin-top: 10px;
    }

    .pqr-rating-form .wpforms-field-rating-item svg {
        width: 24px;
        height: 24px;
    }

    .pqr-rating-form .wpforms-submit {
        padding: 8px 20px;
        font-size: 13px;
        min-width: 160px;
    }

    .pqr-rating-form .wpforms-confirmation-container {
        padding: 16px;
        margin-top: 12px;
    }

    .pqr-rating-form .wpforms-confirmation-container p {
        font-size: 14px;
    }
}

.pqr-rating-form .wpforms-container .wpforms-field {
    padding: 0 !important;
}

/* Accessibility */
.pqr-rating-popup:focus-within {
    outline: none;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .pqr-rating-popup {
        background-color: rgb(0 0 0 / 80%);
    }

    .pqr-rating-content {
        border: 2px solid #000;
    }

    .pqr-rating-header {
        background: #000;
        color: #fff;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .pqr-rating-popup,
    .pqr-rating-content,
    .pqr-rating-stars .star {
        transition: none;
        animation: none;
    }

    .pqr-rating-stars .star:hover {
        transform: none;
    }
}

.pqr-rating-popup.show {
    opacity: 1;
    visibility: visible;
}

/* Confirmation Message */
.wpforms-confirmation-container {
    text-align: center;
    padding: 20px;
}

.wpforms-confirmation-message {
    color: #28a745;
}

.wpforms-confirmation-message h3 {
    color: #28a745;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}

.wpforms-confirmation-message p {
    color: #666;
    margin-bottom: 10px;
    line-height: 1.5;
}

/* Loading State */
.pqr-rating-form .wpforms-submit:disabled {
    position: relative;
}

.pqr-rating-form .wpforms-submit:disabled::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (width <= 768px) {
    .pqr-rating-content {
        width: 95%;
        margin: 20px;
    }

    .pqr-rating-form h3 {
        font-size: 20px;
    }

    .star {
        font-size: 28px;
    }

    .pqr-rating-form .wpforms-submit,
    .submit-rating {
        width: 100%;
        padding: 15px;
    }
}

/* Animation for modal appearance */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.7);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.pqr-rating-popup.show .pqr-rating-content {
    animation: modalFadeIn 0.3s ease forwards;
}

.pqr-rating-form .wpforms-field-rating-items {
    overflow: hidden;
}

/* Loading state for form submission */
.pqr-rating-form.submitting {
    opacity: 0.7;
    pointer-events: none;
    position: relative;
}

.pqr-rating-form.submitting::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007cba;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1000;
}

#pqr-calification {
    display: none;
}

/* ============================================================
   MODAL DE CALIFICACIÓN - ESTILOS INTEGRADOS
   Combina los estilos existentes con optimizaciones para la nueva estructura
   ============================================================ */

/* ✅ CONTENEDOR PRINCIPAL DEL FORMULARIO */
.pqr-rating-form .wpforms-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.pqr-rating-form .wpforms-field-container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* ✅ ESTRUCTURA DEL FORMULARIO */
.pqr-rating-form .wpforms-form {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.pqr-rating-form {
    overflow: visible !important;
    max-height: none !important;
}

/* ✅ CAMPOS DEL FORMULARIO */
.pqr-rating-form .wpforms-field {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.pqr-rating-form .wpforms-field:last-child {
    margin-bottom: 0 !important;
}

/* ✅ OCULTAR CAMPOS INNECESARIOS */
.pqr-rating-form .wpforms-field[style*='display: none'],
.pqr-rating-form .wpforms-field[style*='visibility: hidden'],
.pqr-rating-form .wpforms-field-text[style*='position: absolute'],
.pqr-rating-form .wpforms-field-text[style*='visibility: hidden'] {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* ✅ TÍTULO DE CALIFICACIÓN */
.pqr-rating-form .calification-cudpes {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #0c82c5 !important;
    text-align: center !important;
    margin: 0 0 24px !important;
    line-height: 1.3 !important;
}

/* ✅ CAMPO DE RATING - ESTRELLAS */
.pqr-rating-form .wpforms-field-rating {
    margin-bottom: 32px !important;
}

.pqr-rating-form .wpforms-field-rating-items {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 16px !important;
    flex-wrap: wrap !important;
}

.pqr-rating-form .wpforms-field-rating-item {
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    border-radius: 50% !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pqr-rating-form .wpforms-field-rating-item:hover {
    background-color: rgba(12, 130, 197, 0.1) !important;
    transform: scale(1) !important;
}

.pqr-rating-form .wpforms-field-rating-item svg {
    width: 38px !important;
    height: 38px !important;
    color: #ffd700 !important;
    fill: currentColor !important;
}

/* ✅ BOTÓN DE SUBMIT */
.pqr-rating-form .wpforms-submit-container {
    margin-top: 30px !important;
    padding: 0 !important;
    width: 100% !important;
}

.pqr-rating-form .wpforms-submit {
    width: 100% !important;
    max-width: none !important;
    background: linear-gradient(135deg, #0099e5 0%, #007bb3 100%) !important;
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.pqr-rating-form .wpforms-submit:hover {
    background: linear-gradient(135deg, #007bb3 0%, #005a8b 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 153, 229, 0.3) !important;
}

.pqr-rating-form .wpforms-submit:active {
    transform: translateY(0) !important;
}

/* ✅ ESTADOS DEL FORMULARIO */
.pqr-rating-form .wpforms-submit:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.pqr-rating-form .wpforms-submit:disabled:hover {
    background: linear-gradient(135deg, #0099e5 0%, #007bb3 100%) !important;
    transform: none !important;
    box-shadow: none !important;
}

.pqr-rating-form .wpforms-submit-spinner {
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/* ✅ MENSAJES DE ERROR Y ÉXITO */
.pqr-rating-form .wpforms-error {
    color: #dc3545 !important;
    font-size: 14px !important;
    margin-top: 5px !important;
}

.pqr-rating-form .wpforms-field-error {
    border-color: #dc3545 !important;
}

.pqr-rating-form .wpforms-confirmation-container {
    background: #d4edda !important;
    border: 1px solid #c3e6cb !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 20px !important;
    color: #155724 !important;
}

.pqr-rating-form .wpforms-confirmation-container p {
    margin: 0 !important;
    font-weight: 500 !important;
}

/* ✅ LABELS Y CAMPOS OCULTOS */
.pqr-rating-form .wpforms-field-label {
    display: none !important;
}

.pqr-rating-form .wpforms-field-rating-item input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ✅ RESPONSIVE DESIGN */
@media (max-width: 768px) {
    .pqr-rating-form .calification-cudpes {
        font-size: 18px !important;
        margin: 0 0 20px !important;
    }

    .pqr-rating-form .wpforms-field-rating-item svg {
        width: 32px !important;
        height: 32px !important;
    }

    .pqr-rating-form .wpforms-submit {
        padding: 12px 24px !important;
        font-size: 14px !important;
    }

    .pqr-rating-form .wpforms-confirmation-container {
        padding: 12px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .pqr-rating-form .calification-cudpes {
        font-size: 16px !important;
        margin: 0 0 16px !important;
    }

    .pqr-rating-form .wpforms-field-rating-item svg {
        width: 28px !important;
        height: 28px !important;
    }

    .pqr-rating-form .wpforms-submit {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

/* ============================================================
   INTEGRACIÓN CON LA MODAL EXISTENTE
   ============================================================ */

/* ✅ Asegurar que el formulario se integre perfectamente con la modal */
.pqr-rating-body .pqr-rating-form {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* ✅ Optimizar el espaciado dentro de la modal */
.pqr-rating-body {
    padding: 5px 30px 30px !important;
}

/* ✅ Asegurar que la modal tenga el tamaño correcto */
.pqr-rating-content {
    max-width: 500px !important;
    width: 90% !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
}

/* ✅ Mejorar la animación de entrada */
.pqr-rating-popup.show .pqr-rating-content {
    transform: scale(1) translateY(0) !important;
    animation: modalFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* ✅ Estados de carga del formulario */
.pqr-rating-form.submitting {
    position: relative !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

.pqr-rating-form.submitting::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin: -10px 0 0 -10px !important;
    border: 2px solid #0099e5 !important;
    border-top: 2px solid transparent !important;
    border-radius: 50% !important;
    animation: spin 1s linear infinite !important;
    z-index: 10 !important;
}

/* ✅ Asegurar que los estilos de WPForms no interfieran */
.pqr-rating-form .wpforms-container * {
    box-sizing: border-box !important;
}

/* ✅ Optimizar para pantallas muy pequeñas */
@media (max-width: 360px) {
    .pqr-rating-body {
        padding: 20px !important;
    }

    .pqr-rating-form .calification-cudpes {
        font-size: 15px !important;
    }

    .pqr-rating-form .wpforms-field-rating-item svg {
        width: 24px !important;
        height: 24px !important;
    }
}

#wpforms-confirmation-111313 {
    background-color: transparent !important;
    border: none !important;
    text-align: center !important;
}

#wpforms-confirmation-111313 .title {
    font-size: 2.2rem;
    font-family: 'Montserrat';
}

#wpforms-confirmation-111313 .description {
    font-size: 1.5rem;
    font-family: 'Montserrat';
}

.font-neue .lqd-bullet-list li p.bullet-dilo-color {
    color: #4073c2 !important;
}

.file-upload-card .file-success {
    color: #28a745 !important;
    display: none !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}

.file-upload-card .file-success.show {
    display: block !important;
    opacity: 1 !important;
}

/* ✅ ZONA DE SUBIDA DE ARCHIVOS - ESTILOS MEJORADOS */
.file-upload-card {
    position: relative !important;
    border: 2px dashed #d4d4d4 !important;
    border-radius: 12px !important;
    text-align: center !important;
    background: linear-gradient(135deg, #f8fbff 0%, #f0f7ff 100%) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.file-upload-card:hover {
    border-color: #0c82c5;
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f3ff 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(12, 130, 197, 0.15);
}

.file-upload-card .file-select-area {
    width: 100%;
}

.file-upload-card.dragover {
    border-color: #0094ef;
    background: linear-gradient(135deg, #e8f3ff 0%, #ddefff 100%);
    transform: scale(1.02);
}

.file-upload-zone {
    width: 100%;
}

.file-upload-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.file-upload-text .primary-text {
    font-size: 18px;
    font-weight: 600;
    color: #0c82c5;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.file-upload-text .secondary-text {
    font-size: 14px;
    color: #737373;
    font-weight: 400;
}

/* Estados responsive */
@media (max-width: 768px) {
    .file-select-area {
        padding: 30px 15px;
        min-height: 100px;
    }

    .file-upload-text .primary-text {
        font-size: 16px;
    }

    .file-upload-text .secondary-text {
        font-size: 13px;
    }
}