/* REDECOMSA-PUBLIC-FORMS-1.0.0 */

.rdc-forms-page,
.rdc-forms-page * {
    box-sizing: border-box;
}

.rdc-forms-section {
    padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1rem, 4vw, 3rem)
        clamp(2rem, 5vw, 4rem);
}

.rdc-forms-grid {
    display: grid;
    grid-template-columns: minmax(15rem, 0.78fr) minmax(0, 1.55fr);
    gap: clamp(1.25rem, 3vw, 2.5rem);
    align-items: start;
}

.rdc-forms-information {
    position: sticky;
    top: 1.5rem;
    min-width: 0;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    color: var(--redecomsa-ink, #20252b);
    background: linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
    border: 1px solid rgba(0, 48, 112, 0.12);
    border-radius: 1rem;
}

.rdc-forms-information h2 {
    margin: 0 0 0.8rem;
    color: #003070;
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    line-height: 1.2;
}

.rdc-forms-information p {
    margin: 0 0 1rem;
}

.rdc-forms-contact-card {
    display: grid;
    gap: 0.35rem;
    margin: 1.25rem 0;
    padding: 1rem;
    background: #ffffff;
    border: 1px solid rgba(0, 48, 112, 0.12);
    border-left: 0.3rem solid var(--redecomsa-orange, #f04000);
    border-radius: 0.75rem;
}

.rdc-forms-contact-card strong {
    color: #003070;
}

.rdc-forms-contact-card span,
.rdc-forms-contact-card a {
    overflow-wrap: anywhere;
}

.rdc-forms-small {
    color: var(--redecomsa-muted, #667085);
    font-size: 0.88rem;
}

.rdc-form-card {
    min-width: 0;
    padding: clamp(1.15rem, 3vw, 2rem);
    background: var(--redecomsa-surface, #ffffff);
    border: 1px solid rgba(0, 48, 112, 0.12);
    border-radius: 1rem;
    box-shadow: 0 0.8rem 2rem rgba(0, 48, 112, 0.08);
}

.rdc-form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.15rem;
    min-width: 0;
}

.rdc-form-field {
    min-width: 0;
}

.rdc-form-field--full {
    grid-column: 1 / -1;
}

.rdc-form-field label {
    display: block;
    margin-bottom: 0.42rem;
    color: #26384a;
    font-size: 0.92rem;
    font-weight: 750;
}

.rdc-form-field label span,
.rdc-form-check strong {
    color: var(--redecomsa-orange, #f04000);
}

.rdc-form-field input,
.rdc-form-field textarea {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0.78rem 0.86rem;
    color: var(--redecomsa-ink, #20252b);
    font: inherit;
    line-height: 1.45;
    background: #ffffff;
    border: 1px solid #cfd8e1;
    border-radius: 0.65rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.rdc-form-field textarea {
    min-height: 7rem;
    resize: vertical;
}

.rdc-form-field input:focus,
.rdc-form-field textarea:focus {
    border-color: var(--redecomsa-orange, #f04000);
    box-shadow: 0 0 0 0.22rem rgba(240, 64, 0, 0.14);
}

.rdc-form-privacy {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.35rem;
    padding: 1rem;
    color: #344054;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}

.rdc-form-privacy p {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.6;
}

.rdc-form-check {
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    color: #344054;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1.5;
}

.rdc-form-check input {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0.2rem 0 0;
    accent-color: var(--redecomsa-orange, #f04000);
}

.rdc-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid #e5e7eb;
}

.rdc-form-actions button {
    border: 0;
    cursor: pointer;
}

.rdc-form-actions span {
    max-width: 25rem;
    color: var(--redecomsa-muted, #667085);
    font-size: 0.82rem;
    line-height: 1.45;
}

.rdc-form-errors,
.rdc-form-success {
    margin-bottom: 1.25rem;
    padding: 1rem 1.1rem;
    border-radius: 0.75rem;
}

.rdc-form-errors {
    color: #7a271a;
    background: #fef3f2;
    border: 1px solid #fecdca;
}

.rdc-form-errors strong {
    display: block;
    margin-bottom: 0.45rem;
}

.rdc-form-errors ul {
    margin: 0 0 0 1.15rem;
    padding: 0;
}

.rdc-form-errors li + li {
    margin-top: 0.25rem;
}

.rdc-form-success {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    color: #05603a;
    background: #ecfdf3;
    border: 1px solid #abefc6;
}

.rdc-form-success > .fa {
    margin-top: 0.15rem;
    font-size: 1.45rem;
}

.rdc-form-success h2 {
    margin: 0 0 0.25rem;
    color: #05603a;
    font-size: 1.25rem;
}

.rdc-form-success p {
    margin: 0;
}

.rdc-form-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.rdc-privacy-content h2 {
    margin: 1.3rem 0 0.3rem;
    color: #003070;
    font-size: clamp(1.3rem, 2.5vw, 1.75rem);
}

.rdc-privacy-content h2:first-child {
    margin-top: 0;
}

.rdc-privacy-content h3 {
    margin: 0.8rem 0 0.2rem;
    color: #26384a;
    font-size: 1.08rem;
}

.rdc-privacy-content p,
.rdc-privacy-content ul,
.rdc-privacy-content ol {
    max-width: 75ch;
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.rdc-privacy-content li + li {
    margin-top: 0.35rem;
}

.rdc-privacy-content a {
    overflow-wrap: anywhere;
}

.rdc-privacy-note {
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 0.3rem solid var(--redecomsa-orange, #f04000);
    border-radius: 0.7rem;
}

@media (max-width: 52rem) {
    .rdc-forms-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .rdc-forms-information {
        position: static;
    }
}

@media (max-width: 40rem) {
    .rdc-forms-section {
        padding: 1rem 0.8rem 2rem;
    }

    .rdc-form-card,
    .rdc-forms-information {
        padding: 1rem;
        border-radius: 0.8rem;
        box-shadow: none;
    }

    .rdc-form-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .rdc-form-field--full {
        grid-column: auto;
    }

    .rdc-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .rdc-form-actions .rdc-button {
        width: 100%;
    }

    .rdc-form-actions span {
        text-align: center;
    }
}

/* REDECOMSA-FORMS-HERO-GAP-1.0.0 START */

/*
 * Separación homologada entre navegación y hero.
 *
 * Escritorio: 35 px.
 * Móvil: 21.6 px.
 */
body.itemid-110 #g-main .rdc-forms-article,
body.itemid-111 #g-main .rdc-forms-article {
    padding-top: 35px !important;
}

@media (max-width: 47.99rem) {
    body.itemid-110 #g-main .rdc-forms-article,
    body.itemid-111 #g-main .rdc-forms-article {
        padding-top: 1.35rem !important;
    }
}

/* REDECOMSA-FORMS-HERO-GAP-1.0.0 END */

/* REDECOMSA-PRIVACY-MODAL-CSS-1.0.0 START */

.rdc-form-privacy--simplified {
    gap: 0.95rem;
}

.rdc-privacy-summary {
    display: grid;
    gap: 0.65rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #e2e8f0;
}

.rdc-privacy-summary p,
.rdc-transfer-note {
    margin: 0;
}

.rdc-privacy-read-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.rdc-privacy-open {
    appearance: none;
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    color: #005ea8;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 750;
    line-height: 1.45;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 0.18em;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

.rdc-privacy-open:hover,
.rdc-privacy-open:focus-visible {
    color: #003070;
}

.rdc-transfer-note {
    padding-left: 1.7rem;
    color: #667085;
    font-size: 0.84rem;
    line-height: 1.5;
}

.rdc-privacy-dialog {
    width: min(48rem, calc(100vw - 2rem));
    max-width: 48rem;
    max-height: min(88vh, 52rem);
    margin: auto;
    padding: 0;
    color: #20252b;
    background: #ffffff;
    border: 0;
    border-radius: 1rem;
    box-shadow:
        0 1.5rem 4rem
        rgba(0, 23, 53, 0.28);
    overflow: hidden;
}

.rdc-privacy-dialog::backdrop {
    background:
        rgba(0, 23, 53, 0.68);
    backdrop-filter: blur(2px);
}

.rdc-privacy-dialog-shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    max-height: min(88vh, 52rem);
}

.rdc-privacy-dialog-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #002b63 0%,
            #0067ad 100%
        );
    border-bottom:
        0.28rem solid
        #f04000;
}

.rdc-privacy-dialog-eyebrow {
    margin: 0 0 0.25rem;
    color: #ffb000;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rdc-privacy-dialog-header h2 {
    margin: 0;
    color: #ffffff;
    font-size:
        clamp(1.35rem, 3vw, 1.9rem);
    line-height: 1.18;
}

.rdc-privacy-dialog-close {
    appearance: none;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font: inherit;
    font-size: 1.85rem;
    line-height: 1;
    background:
        rgba(255, 255, 255, 0.13);
    border:
        1px solid
        rgba(255, 255, 255, 0.32);
    border-radius: 50%;
    cursor: pointer;
}

.rdc-privacy-dialog-close:hover,
.rdc-privacy-dialog-close:focus-visible {
    background:
        rgba(255, 255, 255, 0.23);
}

.rdc-privacy-dialog-body {
    display: grid;
    gap: 1.15rem;
    padding: 1.25rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.rdc-privacy-dialog-section {
    scroll-margin-top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left:
        0.3rem solid
        #f04000;
    border-radius: 0.75rem;
    outline: none;
}

.rdc-privacy-dialog-section:focus-visible {
    box-shadow:
        0 0 0 0.22rem
        rgba(0, 103, 173, 0.16);
}

.rdc-privacy-dialog-section h3 {
    margin: 0 0 0.65rem;
    color: #003070;
    font-size: 1.18rem;
}

.rdc-privacy-dialog-section p,
.rdc-privacy-dialog-section ul {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.rdc-privacy-dialog-section p:last-child,
.rdc-privacy-dialog-section ul:last-child {
    margin-bottom: 0;
}

.rdc-privacy-dialog-section li + li {
    margin-top: 0.3rem;
}

.rdc-privacy-dialog-footer {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.25rem;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}

body.rdc-privacy-dialog-open {
    overflow: hidden;
}

.rdc-privacy-dialog--fallback {
    position: fixed;
    inset: 1rem;
    z-index: 99999;
}

@media (max-width: 40rem) {
    .rdc-privacy-read-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .rdc-transfer-note {
        padding-left: 0;
    }

    .rdc-privacy-dialog {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
        border-radius: 0.8rem;
    }

    .rdc-privacy-dialog-shell {
        max-height: calc(100vh - 1rem);
    }

    .rdc-privacy-dialog-header,
    .rdc-privacy-dialog-body,
    .rdc-privacy-dialog-footer {
        padding: 1rem;
    }

    .rdc-privacy-dialog-footer .rdc-button {
        width: 100%;
    }
}

/* REDECOMSA-PRIVACY-MODAL-CSS-1.0.0 END */


/* REDECOMSA-FORMS-EMBED-1.0.0 START */


.rdc-forms-page.is-embed {
    padding:
        .4rem
        .55rem
        1rem;
}


.rdc-forms-page.is-embed
.rdc-interior-hero {
    display: none !important;
}


.rdc-forms-page.is-embed
.rdc-forms-information {
    display: none !important;
}


.rdc-forms-page.is-embed
.rdc-forms-section {
    margin: 0 !important;

    padding:
        .4rem
        0
        0 !important;
}


.rdc-forms-page.is-embed
.rdc-forms-grid {
    display: block;

    margin: 0;
}


.rdc-forms-page.is-embed
.rdc-form-card {
    width: 100%;

    margin: 0;

    padding: .85rem;

    border: 0;

    box-shadow: none;
}


.rdc-forms-page.is-embed
.rdc-form-field select {
    width: 100%;

    min-height: 42px;

    padding:
        .55rem
        .7rem;

    border:
        1px solid
        rgba(0, 35, 89, .18);

    border-radius: 8px;

    background: #fff;

    color: #263b50;

    font: inherit;
}


.rdc-forms-page.is-embed
.rdc-form-context-note {
    margin:
        .45rem
        0
        0;

    padding:
        .5rem
        .65rem;

    background:
        rgba(
            7,
            81,
            142,
            .06
        );

    border-radius: 8px;

    color: #526579;

    font-size: .76rem;
}


@media (max-width: 640px) {

    .rdc-forms-page.is-embed {
        padding:
            .25rem
            .35rem
            .8rem;
    }


    .rdc-forms-page.is-embed
    .rdc-form-card {
        padding:
            .7rem
            .55rem;
    }

}


/* REDECOMSA-FORMS-EMBED-1.0.0 END */

/* REDECOMSA-FORMS-EMBED-POLISH-1.1.0 START */


/* ====================================================
   FORMULARIO DENTRO DE MODAL
   ==================================================== */

.rdc-forms-page.is-embed {
    box-sizing: border-box;

    width: 100%;

    max-width: none !important;

    margin: 0 !important;

    padding:
        .8rem
        .85rem
        1.15rem !important;

    background: #fff;

    color: #173c5f;
}


.rdc-forms-page.is-embed
.rdc-forms-section {
    width: 100%;

    margin: 0 !important;

    padding: 0 !important;
}


.rdc-forms-page.is-embed
.rdc-forms-grid {
    width: 100%;

    margin: 0 !important;

    padding: 0 !important;
}


.rdc-forms-page.is-embed
.rdc-form-card {
    box-sizing: border-box;

    width: 100%;

    margin: 0 !important;

    padding:
        .35rem
        .15rem
        .4rem !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: #fff !important;

    box-shadow: none !important;
}


/* ====================================================
   CAMPOS
   ==================================================== */

.rdc-forms-page.is-embed
.rdc-form-field label {
    color: #173c5f;

    font-size: .8rem;
    line-height: 1.25;

    font-weight: 750;
}


.rdc-forms-page.is-embed
.rdc-form-field label span {
    color: #e68b00;
}


.rdc-forms-page.is-embed
.rdc-form-field input,
.rdc-forms-page.is-embed
.rdc-form-field textarea,
.rdc-forms-page.is-embed
.rdc-form-field select {
    box-sizing: border-box;

    width: 100%;

    border:
        1px solid
        #cbd8e5 !important;

    border-radius: 9px !important;

    background: #fff !important;

    color: #183b5d;

    font: inherit;

    box-shadow: none !important;
}


.rdc-forms-page.is-embed
.rdc-form-field input,
.rdc-forms-page.is-embed
.rdc-form-field select {
    min-height: 43px;
}


.rdc-forms-page.is-embed
.rdc-form-field textarea {
    min-height: 110px;
}


.rdc-forms-page.is-embed
.rdc-form-field input:focus,
.rdc-forms-page.is-embed
.rdc-form-field textarea:focus,
.rdc-forms-page.is-embed
.rdc-form-field select:focus {
    outline: 0;

    border-color:
        #f5a20b !important;

    box-shadow:
        0 0 0 3px
        rgba(
            245,
            162,
            11,
            .14
        ) !important;
}


/* ====================================================
   BOTÓN PRINCIPAL
   ==================================================== */

.rdc-forms-page.is-embed
.rdc-button--primary {
    min-height: 43px;

    border-color:
        #002f67 !important;

    border-radius: 999px !important;

    background:
        #002f67 !important;

    color:
        #fff !important;

    font-weight: 800;
}


@media (hover: hover) and (pointer: fine) {

    .rdc-forms-page.is-embed
    .rdc-button--primary:hover,
    .rdc-forms-page.is-embed
    .rdc-button--primary:focus-visible {
        border-color:
            #07518e !important;

        background:
            #07518e !important;
    }

}


/* ====================================================
   PRIVACIDAD
   ==================================================== */

.rdc-forms-page.is-embed
.rdc-form-privacy {
    margin-top: .85rem;

    border-radius: 10px;
}


/* ====================================================
   ÉXITO EMBEBIDO
   ==================================================== */

/*
 * Después del éxito no mostramos nuevamente
 * el formulario debajo de la confirmación.
 */

.rdc-forms-page.is-embed
.rdc-form-success
+
.rdc-forms-grid {
    display:
        none
        !important;
}


.rdc-forms-page.is-embed
.rdc-form-success {
    box-sizing: border-box;

    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr);

    gap: .9rem;

    width:
        min(
            100%,
            560px
        );

    margin:
        1rem
        auto !important;

    padding:
        1.15rem
        1.2rem !important;

    border:
        1px solid
        rgba(
            31,
            133,
            90,
            .22
        ) !important;

    border-left:
        4px solid
        #1f855a !important;

    border-radius: 14px !important;

    background:
        #f0faf5 !important;

    color: #173c5f !important;

    box-shadow:
        0 8px 24px
        rgba(
            0,
            47,
            103,
            .07
        );
}


.rdc-forms-page.is-embed
.rdc-form-success
>
.fa {
    margin-top: .1rem;

    color: #1f855a;

    font-size: 1.6rem;
}


.rdc-forms-page.is-embed
.rdc-form-success h2 {
    margin:
        0
        0
        .35rem !important;

    color:
        #003b73 !important;

    font-size: 1.18rem;
    line-height: 1.2;
}


.rdc-forms-page.is-embed
.rdc-form-success p {
    margin:
        0
        0
        .35rem;

    color: #42617c;

    font-size: .84rem;
    line-height: 1.45;
}


.rdc-forms-page.is-embed
.rdc-form-success
.rdc-form-success-autoclose {
    margin-top: .65rem;

    padding-top: .65rem;

    border-top:
        1px solid
        rgba(
            0,
            59,
            115,
            .10
        );

    color: #173c5f;

    font-size: .78rem;
}


.rdc-forms-page.is-embed
.rdc-form-success
.rdc-form-success-autoclose
strong {
    display: inline-flex;

    min-width: 1.5em;

    justify-content: center;

    color: #e68b00;

    font-size: 1rem;
}


/* ====================================================
   CELULAR
   ==================================================== */

@media (max-width: 640px) {

    .rdc-forms-page.is-embed {
        padding:
            .6rem
            .55rem
            .9rem !important;
    }


    .rdc-forms-page.is-embed
    .rdc-form-success {
        margin:
            .7rem
            auto !important;

        padding:
            .95rem
            .9rem !important;
    }

}


/* REDECOMSA-FORMS-EMBED-POLISH-1.1.0 END */


/* REDECOMSA-PRIVACY-MODAL-EMBED-1.0.0 START */


/* ====================================================
   SUBMODAL PRIVACIDAD DENTRO DE PERFIL
   ==================================================== */

/*
 * Este bloque solo aplica cuando el formulario
 * está dentro del modal de un socio comercial.
 *
 * /contacto y Representa tu marca conservan
 * sus dimensiones normales.
 */


.rdc-privacy-dialog.is-embed {
    box-sizing: border-box;

    width:
        min(
            36rem,
            calc(100vw - 1.5rem)
        ) !important;

    max-width:
        36rem !important;

    max-height:
        calc(
            100dvh -
            1.25rem
        ) !important;

    margin: auto;

    padding: 0 !important;

    border: 0 !important;

    border-radius:
        14px !important;

    overflow: hidden !important;

    background:
        #ffffff !important;

    box-shadow:
        0 20px 48px
        rgba(
            0,
            28,
            66,
            .24
        ) !important;
}


/* ====================================================
   BACKDROP MÁS DISCRETO
   ==================================================== */

.rdc-privacy-dialog.is-embed::backdrop {
    background:
        rgba(
            0,
            35,
            78,
            .24
        ) !important;

    backdrop-filter:
        blur(1px);
}


/* ====================================================
   ESTRUCTURA
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-shell {
    display: grid;

    grid-template-rows:
        auto
        minmax(0, 1fr)
        auto;

    width: 100%;

    max-height:
        calc(
            100dvh -
            1.25rem
        ) !important;

    overflow: hidden;
}


/* ====================================================
   CABECERA COMPACTA
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-header {
    gap: .75rem;

    align-items: center;

    padding:
        .72rem
        .85rem !important;

    border-bottom:
        3px solid
        #f5a20b !important;

    background:
        linear-gradient(
            135deg,
            #002359 0%,
            #07518e 100%
        ) !important;
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-eyebrow {
    margin:
        0
        0
        .18rem;

    color:
        #f5a20b !important;

    font-size: .64rem;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .08em;
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-header h2 {
    margin: 0 !important;

    color:
        #ffffff !important;

    font-size:
        1.08rem !important;

    line-height: 1.18;
}


/* ====================================================
   BOTÓN CERRAR
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-close {
    display: inline-grid;

    width: 34px;
    height: 34px;

    flex:
        0
        0
        34px;

    place-items: center;

    margin: 0;

    padding: 0 !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .28
        ) !important;

    border-radius:
        50% !important;

    background:
        rgba(
            255,
            255,
            255,
            .10
        ) !important;

    color:
        #ffffff !important;

    font-size:
        1.25rem !important;

    line-height: 1;
}


/* ====================================================
   SOLO EL CUERPO TIENE SCROLL
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-body {
    min-height: 0;

    max-height: none;

    gap: .7rem;

    padding:
        .75rem !important;

    overflow-x: hidden;

    overflow-y: auto !important;

    overscroll-behavior:
        contain;

    scrollbar-gutter:
        stable;

    background:
        #ffffff;
}


/* ====================================================
   SECCIONES
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-section {
    padding:
        .78rem
        .82rem !important;

    border:
        1px solid
        #dfe7ef !important;

    border-left:
        .22rem solid
        #f5a20b !important;

    border-radius:
        9px !important;

    background:
        #f8fafc !important;

    color:
        #2b4055;

    font-size:
        .86rem;

    line-height:
        1.48;
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-section h3 {
    margin:
        0
        0
        .48rem !important;

    color:
        #003b73 !important;

    font-size:
        1rem !important;

    line-height:
        1.25;
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-section p,
.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-section ul {
    margin-bottom:
        .58rem;
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-section li + li {
    margin-top:
        .22rem;
}


/* ====================================================
   FOOTER SIEMPRE VISIBLE
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-footer {
    display: flex;

    align-items: center;
    justify-content: center;

    padding:
        .62rem
        .75rem !important;

    border-top:
        1px solid
        #dfe7ef !important;

    background:
        #ffffff !important;

    box-shadow:
        0 -6px 16px
        rgba(
            0,
            35,
            89,
            .05
        );
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-footer
.rdc-button {
    width: 100%;

    min-height:
        40px;

    margin: 0;

    border:
        1px solid
        #002f67 !important;

    border-radius:
        999px !important;

    background:
        #002f67 !important;

    color:
        #ffffff !important;

    font-size:
        .78rem;

    font-weight:
        800;
}


/* ====================================================
   HOVER
   ==================================================== */

@media (hover: hover) and (pointer: fine) {

    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-footer
    .rdc-button:hover,

    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-footer
    .rdc-button:focus-visible {
        border-color:
            #07518e !important;

        background:
            #07518e !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-close:hover,

    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-close:focus-visible {
        background:
            rgba(
                255,
                255,
                255,
                .20
            ) !important;
    }

}


/* ====================================================
   CELULAR
   ==================================================== */

@media (max-width: 480px) {

    .rdc-privacy-dialog.is-embed {
        width:
            calc(
                100vw -
                .7rem
            ) !important;

        max-width:
            none !important;

        max-height:
            calc(
                100dvh -
                .7rem
            ) !important;

        border-radius:
            11px !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-shell {
        max-height:
            calc(
                100dvh -
                .7rem
            ) !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-header {
        padding:
            .62rem
            .68rem !important;

        border-bottom-width:
            2px !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-eyebrow {
        font-size:
            .58rem;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-header h2 {
        font-size:
            .96rem !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-close {
        width: 31px;
        height: 31px;

        flex-basis:
            31px;

        font-size:
            1.1rem !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-body {
        padding:
            .55rem !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-section {
        padding:
            .65rem
            .68rem !important;

        font-size:
            .81rem;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-section h3 {
        font-size:
            .92rem !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-footer {
        padding:
            .52rem
            .58rem !important;
    }

}


/* REDECOMSA-PRIVACY-MODAL-EMBED-1.0.0 END */


/* REDECOMSA-PRIVACY-MODAL-VIEWPORT-FIX-1.0.0 START */


/* ====================================================
   DIALOG PRIVACIDAD EMBEBIDO
   ==================================================== */

.rdc-privacy-dialog.is-embed {
    /*
     * El viewport que importa ahora es el iframe,
     * cuya altura ya fue corregida.
     */

    max-height:
        calc(
            100dvh -
            .75rem
        ) !important;

    overflow:
        hidden !important;
}


.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-shell {
    display: grid !important;

    grid-template-rows:
        auto
        minmax(0, 1fr)
        auto;

    width: 100%;

    min-height: 0;

    max-height:
        calc(
            100dvh -
            .75rem
        ) !important;

    overflow:
        hidden !important;
}


/* ====================================================
   HEADER SIEMPRE VISIBLE
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-header {
    position: relative;

    z-index: 3;

    flex:
        0
        0
        auto;
}


/* ====================================================
   SOLO ESTA ÁREA SE DESPLAZA
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-body {
    min-width: 0;
    min-height: 0;

    height: auto;

    max-height: none !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    overscroll-behavior:
        contain;

    -webkit-overflow-scrolling:
        touch;
}


/* ====================================================
   FOOTER SIEMPRE VISIBLE
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-footer {
    position: relative;

    z-index: 4;

    flex:
        0
        0
        auto;

    min-height:
        54px;

    padding:
        .55rem
        .7rem !important;

    background:
        #ffffff !important;

    border-top:
        1px solid
        #d9e3ed !important;

    box-shadow:
        0 -8px 18px
        rgba(
            0,
            35,
            89,
            .08
        );
}


/* ====================================================
   BOTÓN SIEMPRE COMPLETO
   ==================================================== */

.rdc-privacy-dialog.is-embed
.rdc-privacy-dialog-footer
.rdc-button {
    display:
        inline-flex !important;

    width: 100%;

    min-height:
        40px;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 !important;

    padding:
        .55rem
        .8rem !important;

    white-space:
        normal;

    text-align:
        center;
}


/* ====================================================
   EVITAR SCROLL DEL DOCUMENTO DEL IFRAME
   CUANDO EL SUBMODAL ESTÁ ABIERTO
   ==================================================== */

body.rdc-privacy-dialog-open {
    overflow:
        hidden !important;
}


/* ====================================================
   CELULAR
   ==================================================== */

@media (max-width: 480px) {

    .rdc-privacy-dialog.is-embed {
        max-height:
            calc(
                100dvh -
                .35rem
            ) !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-shell {
        max-height:
            calc(
                100dvh -
                .35rem
            ) !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-footer {
        min-height:
            50px;

        padding:
            .45rem
            .5rem !important;
    }


    .rdc-privacy-dialog.is-embed
    .rdc-privacy-dialog-footer
    .rdc-button {
        min-height:
            39px;

        font-size:
            .75rem;
    }

}


/* REDECOMSA-PRIVACY-MODAL-VIEWPORT-FIX-1.0.0 END */

/* =====================================================
   REDECOMSA-GENERAL-CONTACT-SELECT-STYLE-1.0.0 START

   Selector visual para Contacto general.
   Escritorio >= 48rem.

   En móvil se conserva el selector nativo.
   ===================================================== */

.rdc-custom-select {
    position: relative;
    width: 100%;
}

.rdc-custom-select[hidden] {
    display: none !important;
}

.rdc-custom-select__trigger {
    width: 100%;
    min-height: 3.35rem;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.8rem 1rem;

    border: 1px solid #d6e0e9;
    border-radius: 0.75rem;

    background: #ffffff;

    color: #082f57;

    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;

    text-align: left;

    cursor: pointer;

    box-shadow:
        0 1px 2px rgba(6, 39, 76, 0.05);

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease;
}

.rdc-custom-select__trigger:hover {
    border-color: #8bb7d8;
    background: #fbfdff;
}

.rdc-custom-select__trigger:focus-visible,
.rdc-custom-select.is-open
    .rdc-custom-select__trigger {
    outline: none;

    border-color: #0b6cae;

    box-shadow:
        0 0 0 3px rgba(11, 108, 174, 0.14),
        0 3px 10px rgba(6, 39, 76, 0.08);
}

.rdc-custom-select__trigger.is-placeholder
    .rdc-custom-select__value {
    color: #63788c;
    font-weight: 500;
}

.rdc-custom-select__arrow {
    flex: 0 0 auto;

    width: 0.72rem;
    height: 0.72rem;

    border-right: 2px solid #0b5f99;
    border-bottom: 2px solid #0b5f99;

    transform:
        translateY(-0.15rem)
        rotate(45deg);

    transition:
        transform 0.18s ease;
}

.rdc-custom-select.is-open
    .rdc-custom-select__arrow {
    transform:
        translateY(0.15rem)
        rotate(225deg);
}

.rdc-custom-select__menu {
    position: absolute;

    z-index: 80;

    top: calc(100% + 0.55rem);
    left: 0;
    right: 0;

    max-height: 23rem;

    overflow-x: hidden;
    overflow-y: auto;

    padding: 0.45rem;

    border: 1px solid #d9e4ed;
    border-radius: 0.85rem;

    background: #ffffff;

    box-shadow:
        0 16px 38px rgba(4, 37, 73, 0.18),
        0 4px 12px rgba(4, 37, 73, 0.08);
}

.rdc-custom-select__menu[hidden] {
    display: none !important;
}

.rdc-custom-select__option {
    position: relative;

    padding:
        0.82rem
        1rem;

    border-radius: 0.62rem;

    color: #0b2f52;

    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.4;

    cursor: pointer;

    transition:
        background-color 0.14s ease,
        color 0.14s ease,
        transform 0.14s ease;
}

.rdc-custom-select__option
    + .rdc-custom-select__option {
    margin-top: 0.12rem;
}

.rdc-custom-select__option:hover,
.rdc-custom-select__option:focus {
    outline: none;

    background: #edf6fc;

    color: #074c7d;
}

.rdc-custom-select__option[
    aria-selected="true"
] {
    background:
        linear-gradient(
            135deg,
            #07366f 0%,
            #0879ba 100%
        );

    color: #ffffff;

    font-weight: 700;

    box-shadow:
        inset 4px 0 0 #ff5a00;
}

.rdc-custom-select__option[
    aria-selected="true"
]:hover,
.rdc-custom-select__option[
    aria-selected="true"
]:focus {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #07366f 0%,
            #0879ba 100%
        );
}

.rdc-custom-select__error {
    margin:
        0.45rem
        0
        0;

    color: #a32920;

    font-size: 0.9rem;
    font-weight: 600;
}

.rdc-custom-select__error[hidden] {
    display: none !important;
}

.rdc-custom-select__trigger.is-invalid {
    border-color: #bc352c;

    box-shadow:
        0 0 0 3px rgba(188, 53, 44, 0.12);
}


/*
 * Escritorio:
 * ocultar el SELECT nativo únicamente después
 * de que JavaScript haya creado el componente.
 */

@media (min-width: 48rem) {

    select.rdc-native-select--visual {
        display: none !important;
    }

}


/*
 * Móvil:
 * no usamos el componente personalizado.
 * Se conserva la interfaz nativa del dispositivo.
 */

@media (max-width: 47.99rem) {

    .rdc-custom-select {
        display: none !important;
    }

}


/* REDECOMSA-GENERAL-CONTACT-SELECT-STYLE-1.0.0 END */


/* =====================================================
   REDECOMSA-GENERAL-CONTACT-SELECT-MOBILE-1.0.0 START

   Selector personalizado también en móvil.

   La regla anterior conservaba SELECT nativo debajo
   de 48rem. Este bloque reemplaza visualmente ese
   comportamiento sin alterar el HTML original.
   ===================================================== */

@media (max-width: 47.99rem) {

    /*
     * El runtime agrega esta clase al SELECT real.
     * Lo conservamos en DOM como fuente de datos,
     * pero no visible.
     */

    select.rdc-native-select--visual {
        display: none !important;
    }


    .rdc-custom-select {
        display: block !important;

        position: relative;

        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .rdc-custom-select__trigger {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        min-height: 3.35rem;

        padding:
            0.8rem
            0.9rem;

        align-items: center;

        border-radius: 0.7rem;

        font-size: 0.96rem;
        line-height: 1.35;

        touch-action: manipulation;

        -webkit-tap-highlight-color:
            transparent;
    }


    /*
     * Fundamental para opciones y valores largos:
     * permitir salto de línea dentro del ancho móvil.
     */

    .rdc-custom-select__value {
        flex:
            1
            1
            auto;

        min-width: 0;

        white-space: normal;

        overflow-wrap: anywhere;

        word-break: normal;
    }


    .rdc-custom-select__arrow {
        flex:
            0
            0
            auto;

        margin-left: 0.45rem;
    }


    /*
     * El menú nunca puede crecer más allá
     * del contenedor del formulario.
     */

    .rdc-custom-select__menu {
        left: 0;
        right: 0;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        max-height: 55vh;

        padding: 0.35rem;

        border-radius: 0.75rem;

        overflow-x: hidden;
        overflow-y: auto;

        overscroll-behavior: contain;

        -webkit-overflow-scrolling:
            touch;

        z-index: 120;
    }


    .rdc-custom-select__option {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding:
            0.78rem
            0.8rem;

        border-radius: 0.55rem;

        white-space: normal;

        overflow-wrap: anywhere;

        word-break: normal;

        font-size: 0.94rem;
        line-height: 1.35;

        touch-action: manipulation;
    }


    .rdc-custom-select__option
        + .rdc-custom-select__option {
        margin-top: 0.15rem;
    }


    /*
     * Evitar que algún ancestro fuerce
     * anchura por contenido.
     */

    .rdc-form-field:has(
        select[name="rdc_intent"]
    ) {
        min-width: 0;
    }

}


/*
 * Ajuste específico para celulares estrechos.
 */

@media (max-width: 25rem) {

    .rdc-custom-select__trigger {
        padding:
            0.72rem
            0.78rem;

        font-size: 0.92rem;
    }


    .rdc-custom-select__option {
        padding:
            0.72rem
            0.72rem;

        font-size: 0.91rem;
    }

}


/* REDECOMSA-GENERAL-CONTACT-SELECT-MOBILE-1.0.0 END */