:root {
    --grises-blanco: #ffffff;
    --primarios-verde-primario: #00693c;
    --caption-caption-nunito-font-family: 'Nunito Sans', sans-serif;
    --caption-caption-regular-font-size: 12px;
    --caption-caption-regular-line-height: 18px;
    --caption-caption-bold-line-height: 18px;
    --caption-caption-bold-letter-spacing: 0.1px;
    --caption-caption-bold-font-weight: 700;
    --caption-caption-regular-letter-spacing: 0.1px;
    --caption-caption-regular-font-weight: 400;
    --caption-caption-bold-font-size: 12px;
    --secundarios-verde-secundario: #69be28;
    --grises-gris-claro-10: #eeeeee;
    --grises-gris-claro2-10: #f5f5f5;
    --grises-gris-claro-40: #c4c4c4;
    --grises-gris-claro-100: #949494;
    --grises-gris-oscuro-90: #3f3f3f;
    --grises-gris-oscuro-100: #1e1e1e;
    --grises-gris-oscuro-80: #5d5d5d;
    --verde-focus-control: #C3E5A9;
    --secundarios-secundario-80: #549820;
    --primarios-primario-100: #002a18;
    --grises-fondo: #eeeeee;
    --alertas-azul-informativo: #0f4dbc;
    --grises-fondo-claro: #f5f5f5;
    --grises-gris-claro-30: #d9d9d9;
    --headers-h3-desktop-font-size: 24px;
    --headers-h3-desktop-line-height: 30px;
    --headers-h3-desktop-letter-spacing: 0.5px;
    --headers-h3-desktop-font-weight: 800;
    --subtitle-s-desktop-mobile-font-size: 16px;
    --subtitle-s-desktop-mobile-line-height: 24px;
    --subtitle-s-desktop-mobile-letter-spacing: 0.1px;
    --subtitle-s-desktop-mobile-font-weight: 700;
    --body-regular-body-xs-font-size: 14px;
    --body-regular-body-xs-line-height: 21px;
    --body-regular-body-xs-letter-spacing: 0.1px;
    --label-bold-label-m-font-size: 16px;
    --label-bold-label-m-line-height: 24px;
    --label-bold-label-m-font-weight: 700;
    --label-regular-label-m-font-size: 16px;
    --label-regular-label-m-line-height: 24px;
    --label-regular-label-m-font-weight: 400;
    --body-bold-body-xs-font-size: 14px;
    --body-bold-body-xs-line-height: 21px;
    --body-bold-body-xs-font-weight: 700;
    --label-bold-label-m-letter-spacing: 0.2px;
    --body-bold-body-xs-letter-spacing: 0.1px;
    --label-regular-label-m-letter-spacing: 0.2px;
    --body-bold-body-s-font-size: 18px;
    --body-bold-body-s-line-height: 27px;
    --body-bold-body-s-font-weight: 700;
    --body-regular-body-m-font-size: 24px;
    --body-regular-body-m-line-height: 36px;
    --body-regular-body-m-font-weight: 400;
    --Color-text-Button-Disable: #c4c4c4;
    --Color-Button-Disable: #eeeeee;
    --Color-text-Button-Enable: #f5f5f5;
    --Color-Button-Enable: #00693C;
    --Color-Button-Hover: #338763;
    --control-font-size: 16px;
    --Color-Verder-Primario: #00693C;
    --Color-Verder-Primario10: #E7F7EE;
    --Color-Verder-Primario20: #CCE1D8;
    --Color-Verder-Primario30: #99C3B1;
    --Color-Alert-Red: #C30000;
    --colors-surfaces-shadow-m: #ffffff;
    --typography-and-Shapes-Gray-20: #E9E9E9;
    --typography-and-Shapes-Gray-40: #C4C4C4;
    --Color-Green-Selected: #EEF7E6;
    --Color-progress-bar: #69BE28;
    --colors-gray-oscuro: #0F804F;
    --selected-borde: #717171;
    --veder-button-selected: #003F24;
    --Color-linkTextHover: #717171;
    --gds-shadow-xs: 0px 0px 12px rgba(30, 30, 30, 0.12);
    --gds-shadow-m: 0px 0px 32px rgba(30, 30, 30, 0.16);
    --gds-shadow-l: 0px 0px 48px rgba(30, 30, 30, 0.2);
    --gds-alert-warning: #DD890A;
}

/*Master Page*/

/*Componentes*/
/*-----------------*/
/*Elements*/

.select_companyChange {
    border: 1px solid !important;
    appearance: auto !important;
    border-color: #002a18 !important;
    padding: inherit;
    font-size: 12px;
}

select, input[type=text], input[type=password], textarea {
    /* font-size: 11px; */
    /* padding: 3px; */
    /*border: 1px solid #fff !important;*/
    border: none !important;
    appearance: none !important;
}


.mastertop_LogoGrupoPromerica {
    width: 314.37px;
    height: 45px;
    position: absolute;
    left: 900px;
    top: 10px;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/LogoGrupoPromericaLinea.svg");
    background-repeat: no-repeat;
}

.group-48 {
    width: 91.16%;
    height: 70.91%;
    position: absolute;
    right: 3.05%;
    left: 5.79%;
    bottom: 14.91%;
    top: 14.18%;
    overflow: visible;
}

.rectangle-2857 {
    background: var(--primarios-verde-primario);
    width: 100%;
    height: 38px;
}

.global-esa-01 {
    color:  var(--grises-blanco);
    text-align: left;
    font-family:  var(--caption-caption-nunito-font-family);
    font-size: var(--caption-caption-regular-font-size);
    line-height: var(--caption-caption-regular-line-height);
    letter-spacing: var(--caption-caption-regular-letter-spacing);
    font-weight: var(--caption-caption-regular-font-weight);
    position: relative;
}


.rectangle-2858 {
    background: var(--secundarios-verde-secundario);
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0px;
}

.footer {
    background: var(--grises-gris-claro-10);
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 4px 0px 0px 0px;
    width: 1440px;
    height: 88px;
    position: absolute;
    left: calc(50% - 720px);
    bottom: 0px;
}


/*Footer*/

.navcontainer_RightsText {
    align-self: stretch; 
    justify-content: space-between; 
    align-items: center; 
    display: inline-flex;
}

.navcontainer_seccionManuals {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 1074px;
    margin-top: 6px;
}

.navcontainer_seccionManualsDownload {
    color: var(--primarios-verde-primario);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1px;
    font-weight: 700;
    position: relative;
}

.mastertop_seccionManualsSeparator {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/SepararManualesContactos.svg");
    background-repeat: no-repeat;
    width: auto;
    flex-shrink: 0;
    width: 2px;
    height: 24px;
    position: relative;
    transform: rotate(0deg) scale(-1, 1);
    overflow: hidden;
}

.mastertop_seccionManualsContac {
    color: var(--primarios-verde-primario);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1px;
    font-weight: 700;
    position: relative;
}


/*End Footer*/

/*Clase usada en Imagen svg  SepararManualesContactos*/
.vector-1-stroke {
    align-self: stretch;
    flex-shrink: 0;
    width: 1px;
    height: auto;
    position: relative;
    overflow: visible;
}


/* Opcion Return Menu*/


.wizard_StepPositionReturnOpcion {
    font-size: 20px;
    clear: both;
    text-align: left;
}


.div_PanelActionBack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
}

.div_PanelActionBackControl {
    padding: 12px 0px 12px 0px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    margin-top: 20px;
    width: 300px
}

.div_PanelActionBackControlIconArrow {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    
}

.div_IconBack {
    border: none !important;
    background-color: none !important;
    background-size: contain !important;
    width: 140px !important;
    height: 30px !important;
    position: relative !important;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg);
    background-repeat: no-repeat;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    padding: 5px 3px 5px 23px;
}



.div_PanelActionBackControlIconArrowTran {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg");
    background-repeat: no-repeat;
    top: 3px;
}



.article_LinkBack {
    color: #00693c;
    font-weight: 700;
}



    .article_LinkBack:first-child {
        margin-right: 16px;
    }

/* Opcion Return Menu*/

/*Menus*/


.panel_DivFrameMenu {
    display: flex;
    flex-direction: row;
    gap: 17px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1000px;
    margin: auto;
    left: 234px;
    top: 320px;
}


.content_PanelMenuOptions {
    max-width: 795px;
    min-width: 280px;
    margin: auto;
    text-align: justify;
    margin-right: 30%;
}

/*Menu transacction*/
.content_PanelMenuOptionsGlobal {
    max-width: 795px;
    min-width: 280px;
    margin: auto;
    text-align: justify;
    min-height: 650px;
}

/*Fin Menu transacction*/


/*Menu de transferencias*/

.div_TitleTransfersBetweenAccounts {
    color: var(--grises-gris-oscuro-100);
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--headers-h3-desktop-font-size);
    line-height: var(--headers-h3-desktop-line-height);
    letter-spacing: var(--headers-h3-desktop-letter-spacing);
    font-weight: var(--headers-h3-desktop-font-weight);
    position: relative;
}

.panel_DivFrameMenuTransfers {
    display: flex;
    flex-direction: row;
    gap: 17px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1000px;
    margin: auto;
    left: 234px;
    top: 320px;
}

.panel_DivFrameCardSquare {
    background: #ffffff;
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 280px;
    height: 190px;
}


.card-stroke2 {
    background: #ffffff;
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 280px;
}

.panel_DivFrameCardSquareOption {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
}

.panel_DivFrameCardSquareOptionTitle {
    color: var(--grises-gris-oscuro-100);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--subtitle-s-desktop-mobile-font-size);
    line-height: var(--subtitle-s-desktop-mobile-line-height);
    letter-spacing: var(--subtitle-s-desktop-mobile-letter-spacing);
    font-weight: var(--subtitle-s-desktop-mobile-font-weight);
    position: relative;
    align-self: stretch;
}

.panel_DivFrameCardSquareOptionDescription {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    letter-spacing: var(--body-regular-body-xs-letter-spacing);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    align-self: stretch;
}

/* Fin Menu Tranferencias*/




/*Style step Circle*/

.wizardStep_ArticleCenterCircles{
    width: 350px;
    margin-left: 120px;
    margin-bottom: 20px;
}

.wizardStep_ArticleCenterCirclesGlobalUser {
    width: 350px;
    margin-left: 120px;
    margin-bottom: 20px;
}


.wizardStep_ArticleCenterCirclesGlobalUserNetWorkTrans {
    width: 350px;
    margin-bottom: 20px;
    width: 350px;
}

.wizardStep_ArticleCenterCirclesOtherUser {
    width: 350px;
    margin-left: 170px;
    margin-bottom: 20px;
    margin-top: 10px;
}


.wizardStep_ArticleCenterCirclesContent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}


.wizardStep_ArticleCenterCirclePosition1 {
    padding: 4px 0px 4px 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    width: 96px;
    position: relative;
}

.wizardStep_ArticleCenterCirclePosition2 {
    margin: 0 0 0 -30px;
    padding: 4px 0px 4px 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 96px;
    position: relative;
}

.wizardStep_ArticleCenterCirclePosition3 {
    margin: 0 0 0 -30px;
    padding: 4px 0px 4px 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    width: 96px;
    position: relative;
}

.wizardStep_ArticleCenterCircleUsing {
    background: var(--secundarios-secundario-80, #549820);
    border-radius: 60px;
    border-style: solid;
    border-color: var(--secundarios-secundario-80, #549820);
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}


.wizardStep_ArticleCenterCircleNumberStepUsing {
    color: #ffffff;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    letter-spacing: var(--body-bold-body-xs-letter-spacing);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    height: 100%;
    width: 100%;
}

.wizardStep_ArticleCenterCircleNameStepUsing {
    text-align: center;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.wizardStep_ArticleCenterCircleToUse {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--grises-gris-claro-100);
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}


.wizardStep_ArticleCenterCircleNumberStepToUse {
    color: var(--grises-gris-claro-100);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}

.wizardStep_ArticleCenterCircleNameStepToUse {
    color: var(--grises-gris-oscuro-90);
    text-align: center;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wizardStep_ArticleCenterCircleSplitter {
    margin: 0 0 0 -30px;
    flex: 1;
    height: 17px;
    position: relative;
    overflow: visible;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/SeparadorTransferenciasLocales.svg");
    background-repeat: no-repeat;
}

.wizardStep_ArticleCenterCircleSplitter2pasos {
    margin: 15px 0 0 -25px;
    flex: 1;
    height: 17px;
    position: relative;
    overflow: visible;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/LineStep2pasos.svg");
    background-repeat: no-repeat;
}

.wizardStep_ArticleCenterCircleSplitter2pasosUsed {
    margin: 15px 0 0 -25px;
    flex: 1;
    height: 17px;
    position: relative;
    overflow: visible;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/LineStep2pasosUsed.svg");
    background-repeat: no-repeat;
}



.wizardStep_ArticleCenterCircleSplitterused {
    margin: 0 0 0 -30px;
    flex: 1;
    height: 17px;
    position: relative;
    overflow: visible;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/separadorLineaUsada.svg");
    background-repeat: no-repeat;
    background-position: bottom;
}


.wizardStep_ArticleCenterCircleUsed {
    background: var(--grises-blanco,#ffffff);
    border-radius: 60px;
    border-style: solid;
    border-color: var(--secundarios-verde-secundario);
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}


.wizardStep_ArticleCenterCircleNumberStepUsed {
    color: var(--grises-blanco);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCheckStepUsed.svg");
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    background-position: center;
}

.wizardStep_ArticleCenterCircleNameStepUsed {
    color: var(--grises-gris-oscuro-90);
    text-align: center;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*End style step Circle */



/*Title forms*/
.wizardStep_DivContTitle {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    width: 577px;
    position: relative;
}

.wizardStep_DivContTitleName {
    color: var(--grises-gris-oscuro-100);
    text-align: center;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--headers-h3-desktop-font-size);
    line-height: var(--headers-h3-desktop-line-height);
    letter-spacing: var(--headers-h3-desktop-letter-spacing);
    font-weight: var(--headers-h3-desktop-font-weight);
    position: relative;
}



.wizardStep_DivContTitleDescription {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 606px;
    position: relative;
}

.wizardStep_DivContTitleDescriptionName {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    letter-spacing: var(--body-regular-body-xs-letter-spacing);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    align-self: stretch;
}

/*End Title forms*/



/*Form Transferencias a Terceros*/


/*Componente para buscar cuentas*/


.wizardStep_LabelControl {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-bold-label-m-font-size);
    line-height: var(--label-bold-label-m-line-height);
    letter-spacing: var(--label-bold-label-m-letter-spacing);
    font-weight: var(--label-bold-label-m-font-weight);
    position: relative;
    padding: 0px 5px;
}

.wizardStep_LabelControlSummary {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-bold-label-m-font-size);
    line-height: var(--label-bold-label-m-line-height);
    letter-spacing: var(--label-bold-label-m-letter-spacing);
    font-weight: var(--label-bold-label-m-font-weight);
    position: relative;
}


.wizardStep_DivContentAccount {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.wizardStep_DivContentAccountPosition {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.wizardStep_DivContentAccountLabel {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    letter-spacing: var(--body-bold-body-xs-letter-spacing);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    align-self: stretch;
    margin-top: 20px;
    margin-bottom: 10px;
}


.wizardStep_DivContentAccountsearchbar {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}


.wizardStep_DivContentAccountsearchControlGray{
    background: var(--grises-fondo-claro);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    padding: 12px 16px 12px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.wizardStep_DivContentAccountsearchControlGray:hover {
    border-color: var(--grises-gris-claro-100);
}



.wizardStep_DivContentAccountsearchControlGray:focus-within {
    border-color: var(--verde-focus-control);
    border-width: 4px;
}

.wizardStep_DivContentAccountsearchIconMagnifier {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    /*transform: rotate(0deg) scale(-1, 1);*/
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Lupa.svg");
    background-repeat: no-repeat;
}


.wizardStep_DivContentAccountsearchControlPosition {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}


.wizardStep_DivContentAccountsearchControlColor {
    color: var(--grises-gris-oscuro-90) !important;
    text-align: left !important;
    font-family: var( --caption-caption-nunito-font-family ) !important;
    font-size: var(--label-regular-label-m-font-size) !important;
    line-height: var(--label-regular-label-m-line-height) !important;
    letter-spacing: var(--label-regular-label-m-letter-spacing) !important;
    font-weight: var(--label-regular-label-m-font-weight) !important;
    opacity: 0.8999999761581421 !important;
    position: relative !important;
    width: 500px !important;
    background-color: var(--grises-gris-claro) !important;
}

.wizardStep_DivContentAccountToSelect {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.wizardStep_DivContentAccountToSelectControl {
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 20px;
}

.dark {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
}


/*Fin componente para buscar cuentas*/



/*Control step 2*/

.wizardStep_FrameCountry {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}


.wizardStep_FrameControlContainer {
    background: var(--grises-blanco);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin: 0 auto;
}

.wizardStep_FrameControlContainerMultiLine {
    background: var(--grises-blanco);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    /*margin: 0 auto;*/
    width:610px;
}

    .wizardStep_FrameControlContainer:hover {
        border-color: var(--grises-gris-claro-100);
        border-width: 1px ;
        border-style: solid;
    }

div.wizardStep_FrameControlContainer:focus-within {
    border-style: solid ;
    border-color:  #00693C ;
    border-width: 1px ;
}


div.wizardStep_FrameControlContainer:focus-visible {
    border-style: solid !important;
    border-color: #C3E5A9 !important;
    border-width: 4px !important;
}



.wizardStep_FrameControlContainerMultiLine:hover {
    border-color: var(--grises-gris-claro-100) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

div.wizardStep_FrameControlContainerMultiLine:focus-within {
    border-style: solid !important;
    border-color: var( --selected-borde, #717171) !important;
    border-width: 1px !important;
}






.wizardStep_FrameCountryContainerControl {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    margin-bottom: 10px;
}


.wizardStep_FrameCountryContainerControlPositionIcon {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}


#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctCountryList_cgCountry {
    width: 600px;
    font-family: 'Nunito Sans', sans-serif;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right;
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}






    /*option:hover {
        color: var(--grises-gris-oscuro-90) !important;
        background-color: blueviolet !important;
    }*/


#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctCountryList_cgCountry select {
    background: var(--grises-gris-claro2-10);
    color: var(--grises-gris-oscuro-90);
}


    #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctCountryList_cgCountry option {
        background: var(--grises-gris-claro2-10);
        color: var(--grises-gris-oscuro-90);
    }



    #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctCountryList_cgCountry:first-letter {
        text-transform: uppercase;
    }



.wizardStep_FrameAccountContainerControlIcon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoCuentas.svg");
    background-repeat: no-repeat;
}


#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctAccountNumber {
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    width: 600px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    /*background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCuentas.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;*/
}


.wizardStep_ControlForm {
    border-radius: 8px;
    padding: 12px 16px 16px 16px;
    height: 46px;
    width: 600px;
    border:none;
}

.wizardStep_ControlFormBackground {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
}


.wizardStep_ControlFormBackgroundError {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_chevron_abajo.svg") !important;
}

.wizardStep_ControlFormBackground::after {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
}


.wizardStep-custom-select {
    position: relative;
    font-family: 'Nunito Sans', sans-serif;
    width: 572px;
    height: 20px;
    font-size: 16px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .wizardStep-custom-select a {
        display: inline-block;
        width: 570px;
        height: 20px;
        padding: 0px 0px;
        color: var(--grises-gris-oscuro-90);
        text-decoration: none;
        cursor: pointer;
        
    }

        .wizardStep-custom-select a span {
            display: inline-block;
            width: 97%;
            white-space: nowrap;
            overflow: hidden;
        }

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

    .wizardStep-custom-select > div {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 1px 0 0 -1px;
        width: 100%;
        border: 1px solid var(--grises-gris-claro-40);
        border-radius:8px;
        border-top: 0;
        background: #FFFFFF;
        z-index: 10;
        overflow: hidden;
    }

    .wizardStep-custom-select input {
        width: 590px;
        border: 1px solid var(--grises-gris-claro-40);
        border-radius: 8px;
        margin: 5px 5px 0;
        padding: 5px;
        font-size: 16px;
        font-family: 'Nunito Sans', sans-serif;
    }

    .wizardStep-custom-select > div > div {
        position: relative;
        overflow-x: hidden;
        overflow-y: visible;
        margin: 5px;
        max-height: 120px;
    }

    .wizardStep-custom-select div ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .wizardStep-custom-select div ul li {
            display: none;
            padding: 5px;
        }

            .wizardStep-custom-select div ul li.active {
                display: block;
                cursor: pointer;
            }

            .wizardStep-custom-select div ul li:hover {
                background: var(--grises-gris-claro2-10);
                color: var(--grises-gris-oscuro-90);
            }

            .wizardStep-custom-select div ul li.option-hover {
                background: var(--grises-gris-claro2-10);
                color: var(--grises-gris-oscuro-90);
            }

            .wizardStep-custom-select div ul li.option-disabled {
                color: #999;
            }

                .wizardStep-custom-select div ul li.option-disabled:hover {
                    background: #ff9999;
                    color: #fff;
                }

            .wizardStep-custom-select div ul li.option-hover.option-disabled {
                background: #ff6666;
                color: #fff;
            }

            .wizardStep-custom-select div ul li.no-results {
                display: none;
                background: #f2f2f2;
                color: #000;
            }

/* Custom Select - Open
----------------------------------*/
.wizardStep-custom-select-open {
    border-bottom: 1px solid #eee;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
}

    .wizardStep-custom-select-open div {
        display: block;
    }




/* Hide Input Box
----------------------------------*/
.wizardStep-custom-select input.wizardStep-custom-select-hidden-input {
    position: absolute !important;
    top: 0 !important;
    left: -1000px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    z-index: -1 !important;
}

/* Mobile Override
----------------------------------*/
.wizardStep-custom-select-mobile select {
    display: inline !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.wizardStep_FrameControl {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 610px;
    margin-bottom: 10px;
}



.wizardStep_FrameControlDetail {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 610px;
    height:180px;
    margin-bottom: 10px;
}

.wizardStep_FrameControlDetailLocal {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 610px;
    margin-bottom: 60px;
}

.wizardStep_FrameControlConfirmation {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 10px;
}



.wizardStep_FrameControlLoading {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width:610px;
    margin-bottom:10px;
}


.wizardStep_FrameDescAccountLoadingIcon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCheck.svg");
    background-repeat: no-repeat;
    background-position:left;
}


.wizardStep_FrameDescAccountLoadingOwner {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}


.wizardStep__FrameDescAccountLoadingAddress {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    
}



.wizardStep_DdlFontControl {
    position: relative;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    background-origin: content-box;
    color: var(--grises-gris-oscuro-90);
}





    .wizardStep_IdentityControl:active {
        border-bottom: 1px solid #eee;
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
    }


    .wizardStep_IdentityControl:active::after {
        border-bottom: 1px solid #eee;
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
    }



    .wizardStep_IdentityControl:checked {
        background-color: #69be28 !important;
    }


    .wizardStep_IdentityControl select {
        border-bottom: 1px solid #eee;
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
    }

    .wizardStep_IdentityControl select:hover::after {
        background-color: #69be28 !important;
    }

    .wizardStep_IdentityControl.dropdown
    {
         background-color: #69be28 !important;
    }

    .wizardStep_TextDescAccountLoadingOwner {
        color: var(--grises-gris-oscuro-100, #1e1e1e);
        text-align: left;
        font-family: 'Nunito Sans', sans-serif;
        font-size: var(--body-bold-body-xs-font-size, 14px);
        line-height: var(--body-bold-body-xs-line-height, 21px);
        letter-spacing: var(--body-bold-body-xs-letter-spacing, 0.1px);
        font-weight: var(--body-bold-body-xs-font-weight, 700);
        position: relative;
    }


.wizardStep_TextDescAccountLoadingAddress {
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    letter-spacing: var(--body-regular-body-xs-letter-spacing);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}


.wizardStep_ControlAmountCurrency {
    color: var(--grises-gris-claro-100);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wizardStep_ControlAmountCurrencyDiv {
    margin-top: -1px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px 0 0 0;
    flex-shrink: 0;
    width: 28px;
    height: 0px;
    position: relative;
    transform-origin: 0 0;
    transform: rotate(90.074deg) scale(1, 1);
}


.wizardStep_FrameControlContainerAmount {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    flex: 1;
    height: 28px;
    position: relative;
    margin: 0 auto;
    padding: 10px 16px 10px 16px;
}


#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_txtMonto {
    width: 500px;
    margin: 0 auto;
    margin-left: -27px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}


.wizardStep_ControllblSmallSize {
    font-size: 14px;
    color: var(--grises-gris-oscuro-100);
    font-family: 'Nunito Sans', sans-serif;
}

.wizardStep_ControllblSmallSizeBold {
    font-size: 14px;
    color: var(--grises-gris-oscuro-100);
    font-family: 'Nunito Sans', sans-serif;
    font-weight:bold;
    
}

#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_txtNotasAdicionales {
    width: 590px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}



#ctl00_childContent_ctLocalTranfer_ctWizard_ctVoucherTransaction_ctUsrTxDescription {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
}

.wizardStep_FrameControlContainerMaxCaracter {
    padding: 0px 0px 0px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.wizardStep_FrameControlContainerMaxCaracterFont {
    color: var(--grises-gris-claro-100);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--caption-caption-bold-font-size);
    line-height: var(--caption-caption-bold-line-height);
    letter-spacing: var(--caption-caption-bold-letter-spacing);
    font-weight: var(--caption-caption-bold-font-weight);
    position: relative;
}


.wizardStep_FrameControlContainerDescriptionConcept {
    color: var(--grises-gris-oscuro-80);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--caption-caption-regular-font-size);
    line-height: var(--caption-caption-regular-line-height);
    letter-spacing: var(--caption-caption-regular-letter-spacing);
    font-weight: var(--caption-caption-regular-font-weight);
    position: relative;
    align-self: stretch;
    width:580px;
}

/*Sumary*/

.wizardStep_FrameControlSubTitle {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-s-font-size);
    line-height: var(--body-bold-body-s-line-height);
    font-weight: var(--body-bold-body-s-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.div_SummaryContentEstructureItem {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_SummaryContentEstructureItemCentro {
    /* display: flex; */
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}


.div_SummaryContentEstructureItemDetail {
    padding: 0px 0px 16px 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_SummaryLabelItem {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.div_SummarySize {
    width:300px;
}


.div_SummaryLabelItemBold {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.div_SummaryLineItem {
    border-style: solid;
    border-color: var(--grises-gris-claro-30);
    border-width: 1px 0 0 0;
    align-self: stretch;
    flex-shrink: 0;
    height: 0px;
    position: relative;
    margin-bottom:10px;
}

.div_SummaryContentEstructureItemDetailLeft {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.div_SummaryContentEstructureItemDetailRight {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}


.div_SummaryContentEstructureItemDetailRightSize {
    width: 435.5px;
}


/* .div_SummaryContentEstructureTermConditions {
    width: 600px;
    height:100px;
} */

.div_SummaryLinkGreen a {
    color: var(--primarios-verde-primario) !important;
    text-align: center !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    position: relative !important;
}

.div_SummaryContentDestination {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}


.wizardStep_FrameControlContainerTermsConditons {
    color: var(--grises-gris-oscuro-80);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--caption-caption-regular-font-size);
    line-height: var(--caption-caption-regular-line-height);
    letter-spacing: var(--caption-caption-regular-letter-spacing);
    font-weight: var(--caption-caption-regular-font-weight);
    position: relative;
    align-self: stretch;
    width:600px;
    bottom:-120px;
}

.div_SummaryLinkGreenTermsConditons {
    color: var(--primarios-verde-primario);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--caption-caption-regular-font-size);
    line-height: 21px;
    font-weight: 700;
    text-decoration: underline;
    position: relative;
}

/*Confirmation*/
.div_ConfirmationContentControls {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}


.div_ConfirmationContentControlSchedule {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 577px;
    position: relative;
}


.div_ConfirmationFontLefQuestions {
    color: var(--primarios-primario-100);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-s-font-size);
    line-height: var(--body-bold-body-s-line-height);
    font-weight: var(--body-bold-body-s-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.div_ConfirmationContentControlcheckbox {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_ConfirmationContentControlcheckboxCenter {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    min-width: 20px;
    position: relative;
}

.div_ConfirmationContentControlVerticalAling {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}


.div_ConfirmationContentControlCheck {
    padding: 2px 0px 2px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.div_ConfirmationContentControlCheckFrame {
    border-radius: 4px;
    border-style: solid;
    border-color: var(--grises-gris-claro-100);
    border-width: 2px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
    margin: auto 0;
}


.div_ConfirmationContentControlCheckColor {
   accent-color: var(--Color-Verder-Primario);
    
}

    .div_ConfirmationContentControlCheckColor:focus {
        border-color: var(--verde-focus-control);
    }

.div_ConfirmationContentControlCheckFont {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var( --caption-caption-nunito-font-family );
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.div_ConfirmationContentDatePicker {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_ConfirmationContentDatePickerIcon {
    background-origin: content-box;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCalendario.svg");
    background-repeat: no-repeat;
    background-position: right;
    border-radius: 8px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px !important;
    padding: 12px 16px 16px 16px!important;
}

.div_SizeControl{
  width:600px;
  height:48px;
}

/* Contenedor calendario — patrón Impresión de comprobantes (sin hit-area / opacity) */
.gds-calendar-wrap {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}


.div_ConfirmationContentDateCalendar .ajax__calendar_container {
    border: none;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-100);
    scrollbar-arrow-color: var(--Color-Verder-Primario);
    box-shadow: 2px 2px 2px 2px rgba(30, 30, 30, 0.2);
    width: 250px;
    height: 250px;
    font-family: 'Nunito Sans', sans-serif;
    position: relative;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
    /*left: 340px;*/
}



.ajax__calendar_title {
    margin-top: 5px !important;
    font-size: 14px !important;
}

.ajax__calendar_body {
    height: 155px !important;
    width: 220px !important;
    position: relative;
    overflow: hidden;
    margin: 10px 25px !important;
}

.ajax__calendar_container {
    padding: 4px;
    cursor: default;
    width: 170px;
    font-size: 14px;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
}

.ajax__calendar_dayname {
    padding: 5px 5px !important;
    font-size: 14px;
    color: var(--grises-gris-claro-100) !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ajax__calendar_day {
    height: 9px !important;
    width: 16px !important;
    text-align: center!important;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 2px !important;
}

.ajax__calendar_footer {
    font-size: 14px;
}
.ajax__calendar_day:hover {
    background-color:var(--primarios-verde-primario);
    border-radius:10px;
    color:white;
}

.ajax__calendar_month {
    height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    font-size: 14px;

}

.ajax__calendar_year {
    font-size: 14px;
}

    .ajax__calendar_month:hover {
        background-color: var(--primarios-verde-primario);
        border-radius: 8px;
        color: white;
    }

.ajax__calendar_next {
   
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconoSiguiente.svg) !important;
}


.ajax__calendar_prev {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg)!important;
}

.div_ContentNotification {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_ContentNotificationSubTitle {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_DivContentNotificationSubTitle {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--subtitle-s-desktop-mobile-font-size);
    line-height: var(--subtitle-s-desktop-mobile-line-height);
    letter-spacing: var(--subtitle-s-desktop-mobile-letter-spacing);
    font-weight: var(--subtitle-s-desktop-mobile-font-weight);
    position: relative;
    flex: 1;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctNotificationAddress {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctNotificationText {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
}

.div_ContentTokenInstructions {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_ContentTokenNumber {
    /* display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;*/
    align-self: flex-start;
    /*   flex-shrink: 0;
    position: relative;*/
}

.div_ContentTokenNumberCenter {
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.div_ContentTokenNumberDivParts {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.div_PositionNumberToken {
    flex-shrink: 0;
    width: 32px;
    height: 48px;
    position: static;
}


.divNumbersTokens {
    color: var(--grises-gris-oscuro-80);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-m-font-size);
    line-height: var(--body-regular-body-m-line-height);
    font-weight: var(--body-regular-body-m-font-weight);
    position: absolute;
    left: 1px;
    top: 3.43px;
    width: 42px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border-style: solid;
}



.div_NumberTokensBorder {
    border-color: var(--grises-gris-claro-40);
}

.div_NumberTokensBorderError {
    border-color: var(--Color-Alert-Red) !important;
    border-style: solid;
    border-width: 4px !important;
}


.div_AlertContent {
    background: var(--grises-gris-claro2-10);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: stretch;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 1;
    width: 100%;
    max-width: 100%;
    height: 72px;
    min-height: 72px;
    max-height: 72px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 40px;
}

.div_AlertContentborder {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: static;
}

.div_AlertContentborderBlue {
    background: var(--alertas-azul-informativo);
    border-radius: 2px;
    align-self: stretch;
    flex-shrink: 0;
    width: 2px;
    min-width: 2px;
    height: auto;
    position: static;
}

.div_AlertContentborderRed {
    background: var(--Color-Alert-Red);
    border-radius: 2px;
    align-self: stretch;
    flex-shrink: 0;
    width: 2px;
    min-width: 2px;
    height: auto;
    position: static;
}

.div_AlertIconLeft {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconAlertBlue.svg");
    background-repeat: no-repeat;
}

.div_ErrorIconLeft {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
}

.div_AlertContentMessage {
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    min-width: 0;
    position: relative;
}

.div_AlertContentMessagePosition {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    min-width: 0;
    position: relative;
}

.div_AlertContentMessageText {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    min-width: 0;
    position: relative;
}

.div_AlertContentMessageTextStyle {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    align-self: stretch;
}

.div_FrameContentVoucher {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    margin-top: 70px;
    bottom: 10px;
}

.div_FrameContentVoucherDetails {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.div_FrameContentVoucherResult {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width:577px;
}



.div_FrameContentVoucherResultTrasaction {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.div_FrameContentVoucherResultTrasactionTitle {
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--headers-h3-desktop-font-size, 24px);
    line-height: var(--headers-h3-desktop-line-height, 30px);
    letter-spacing: var(--headers-h3-desktop-letter-spacing, 0.5px);
    font-weight: var(--headers-h3-desktop-font-weight, 800);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.div_FrameContentVoucherAmountTrasaction {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_FrameContentVoucherAmountNumber {
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-l-font-size, 32px);
    line-height: var(--body-regular-body-l-line-height, 48px);
    letter-spacing: var(--body-regular-body-l-letter-spacing, 0.2px);
    font-weight: var(--body-regular-body-l-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}


.div_FrameContentVoucherItems {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 577px;
    position: relative;
}



.div_FrameVoucherItem {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_FrameContentVoucherItem {
    padding: 0px 0px 5px 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_SummaryLineItemDetail {
    border-style: solid;
    border-color: var(--grises-gris-claro-40, #c4c4c4);
    border-width: 1px 0 0 0;
    align-self: stretch;
    flex-shrink: 0;
    height: 0px;
    position: relative;
}

.div_VoucherItemRight {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    text-align: right;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size, 14px);
    line-height: var(--body-regular-body-xs-line-height, 21px);
    letter-spacing: var(--body-regular-body-xs-letter-spacing, 0.1px);
    font-weight: var(--body-regular-body-xs-font-weight, 400);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wizardStep_LabelVoucher {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--label-bold-label-m-line-height);
    font-weight: var(--label-bold-label-m-font-weight);
    letter-spacing: var(--label-bold-label-m-letter-spacing);
    position: relative;
    padding: 0px 5px;
}



.div_VoucherItemRightResume {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 435.5px;
    position: relative;
}



.div_VoucherItemRightResumeLabel {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size, 14px);
    line-height: var(--body-regular-body-xs-line-height, 21px);
    letter-spacing: var(--body-regular-body-xs-letter-spacing, 0.1px);
    font-weight: var(--body-regular-body-xs-font-weight, 400);
    position: relative;
}


.div_VoucherItemDetails {
    background: var(--grises-blanco, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_FrameContentVoucherItemDetails {
    padding: 12px 16px 0px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}


.div_FrameContentVoucherItemDetailsDrop {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 24px;
    position: relative;
}


.div_ContentVoucherItemDetailsDrop {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}


.div_SpacerDetails {
    flex-shrink: 0;
    width: 16px;
    height: 24px;
    position: relative;
}

.div_VocucherButtonDetails {
    width: 730px;
    border-color: white !important;
    background-color: white !important;
    border: none !important;
    color: var(--grises-gris-oscuro-90, #3f3f3f) !important;
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-bold-label-m-font-size, 16px) !important;
    line-height: var(--label-bold-label-m-line-height, 24px);
    letter-spacing: var(--label-bold-label-m-letter-spacing, 0.2px);
    font-weight: var(--label-bold-label-m-font-weight, 700);
    position: relative;
    padding: 0px 0px !important;
    right: 10px;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
    margin-bottom: 10px;
}

.div_FrameVocucherButtons {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    left: 110px;
}

.button_WhiteVoucher {
    background: var( --grises-blanco) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--primarios-verde-primario) !important;
    border: 1px solid !important;
    color: var(--primarios-verde-primario) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    right: 120px;
}

.button_WhiteVoucher:disabled {
    background: var(--Color-Button-Disable) !important;    
    text-decoration-color: var(--Color-Button-Disable) !important;
    border: none !important;
    color: var(--Color-text-Button-Disable) !important;
}

.button_WhiteVoucher:enabled {
    background: var( --grises-blanco) !important;    
    text-decoration-color: var(--primarios-verde-primario) !important;
    border: 1px solid !important;
    color: var(--primarios-verde-primario) !important;
}

.button_WhiteVoucher:hover {
    background: var(--Color-Verder-Primario10) !important;
}


.button_WhiteVoucher:focus {
    border: 4px solid #C3E5A9 !important;
    color: var(--Color-text-Button-Enable) !important;
}

.button_TertiaryVoucher {
    background: var( --grises-blanco) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--primarios-verde-primario) !important;
    border: none;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}

    .button_TertiaryVoucher:disabled {
        background: var(--Color-Button-Disable) !important;
        text-decoration-color: var(--Color-Button-Disable) !important;
        border: none !important;
        color: var(--Color-text-Button-Disable) !important;
    }

    .button_TertiaryVoucher:enabled {
        background: var( --grises-blanco) !important;
        text-decoration-color: var(--primarios-verde-primario) !important;
        border: none;
    }

    .button_TertiaryVoucher:hover {
        background: var(--Color-Verder-Primario10) !important;
        border: none;
    }


    .button_TertiaryVoucher:active {
        background: var(--Color-Verder-Primario20, #CCE1D8) !important;
        border: none !important;
    }

    .button_TertiaryVoucher:focus {
        background: var(--grises-blanco, #ffffff) !important;
        border: 1px solid var(--primarios-verde-primario, #00693C) !important;
        color: var(--Color-text-Button-Enable) !important;
        text-decoration-color: var(--primarios-verde-primario) !important;
    }

    .button_TertiaryVoucher:focus-visible {
        border: 4px solid #C3E5A9 !important;
        color: var(--Color-text-Button-Enable) !important;
        text-decoration-color: var(--primarios-verde-primario) !important;
        background: var(--grises-blanco) !important;
    }


.div_ContentcheckboxFavorite {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.a_VoucherLinkButton {
    background: var( --grises-blanco) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 16px !important;
    position: relative !important;
    text-decoration-color: var(--primarios-verde-primario) !important;
    color: var(--primarios-verde-primario) !important;
    border: none;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    right:100px;
}

    .a_VoucherLinkButton:link, a_VoucherLinkButton:visited {
        background-color: white;
        color: var(--primarios-verde-primario) !important;
        border: none;
        padding: 10px 20px;
        text-decoration-color: var(--primarios-verde-primario) !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }

    .a_VoucherLinkButton:hover {
        background: var(--Color-Verder-Primario10) !important;
        border: none;
    }


    .a_VoucherLinkButton:active {
        background-color: green;
        border: 4px solid #C3E5A9 !important;
        color: var(--primarios-verde-primario) !important;
        text-decoration-color: var(--primarios-verde-primario) !important;
        background: var( --grises-blanco) !important;
    }

.div_ErrorMessageBox {
    background-color: var(--grises-blanco);
    padding: 2px 4px 2px 4px;
    border-bottom: none;
    font-size: var(--body-regular-body-xs-font-size);
    color: var(--Color-Alert-Red) !important;
    line-height: 1.2;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg);
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    margin-left: 150px;
}

.div_Framediv_ErrorMessageBox {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-left: 30px;
    height: 45px;
    align-items: center;
}

.div_BackgroundColor {
    background-color: var(--grises-blanco)
}

.div_ErrorMessageValidator {
    background-color: var(--grises-blanco);
    padding: 8px 5px 5px 15px;
    border-bottom: none;
    font-size: var(--body-regular-body-xs-font-size);
    color: var(--Color-Alert-Red) !important;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
}

.div_ErrorMessageValidatorToken {
    background-color: var(--grises-blanco);
    padding: 5px 5px 5px 40px;
    border-bottom: none;
    font-size: var(--body-regular-body-xs-font-size);
    color: var(--Color-Alert-Red) !important;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    font-weight: bold;
    width: 280px;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg) !important;
    background-repeat: no-repeat;
    background-position: left;
}

.divWhitePanelValidateToken .div_ErrorMessageValidatorToken {
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--caption-caption-bold-font-size, 12px);
    line-height: var(--caption-caption-bold-line-height, 18px);
    font-weight: var(--caption-caption-bold-font-weight, 700);
    letter-spacing: var(--caption-caption-bold-letter-spacing, 0.1px);
    padding: 0 0 0 16px !important;
    margin: 0 !important;
    text-align: left;
    background-image: none !important;
    background-color: transparent !important;
    width: auto;
    max-width: 448px;
    align-self: stretch;
    box-sizing: border-box;
    color: var(--grises-gris-claro-100, #949494);
    display: block;
    min-height: 0;
    border: none;
    gap: 0;
}

.divWhitePanelValidateToken .div_ErrorMessageValidatorToken:empty {
    display: none;
    padding: 0 !important;
    min-height: 0;
}

.divWhitePanelValidateToken .divFrameControlLocation:has(#divBorderContent.div_BorderRed) .div_ErrorMessageValidatorToken:not(:empty) {
    color: var(--Alertas-Rojo-error, #C30000) !important;
}

.divWhitePanelValidateToken .div_ErrorMessageValidatorToken.gds-helper-warning:not(:empty) {
    color: var(--gds-alert-warning, #DD890A);
}

.divWhitePanelValidateToken .div_ErrorMessageValidatorToken.gds-helper-success:not(:empty) {
    color: var(--primarios-verde-primario, #00693C);
}

.divWhitePanelValidateToken .div_ErrorMessageValidatorToken.gds-helper-validating:not(:empty) {
    color: var(--primarios-verde-primario, #00693C);
}

.div_IconErrorAlert {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
}

.div_IconErrorAlertTransferenciasLocales {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg) !important;
    background-repeat: no-repeat;
    background-position: left;
    height: 63px;
    position: relative;
    margin-top: -14%;
    margin-left: 88%;
}

.div_ErrorCuenta {
    color: var(--Alertas-Rojo-error, #C30000);
    font-family: "Nunito Sans";
    font-weight: 700 !important;
    font-size: 14px !important;
    flex-direction: row;
    margin-left: 2%;
}

.div_BorderRed {
    border-color: var(--Color-Alert-Red) !important;
    background-repeat: no-repeat;
    background-position: right;
    border-width: 2px;
}

.div_BorderRed:hover {
    border-color: var(--Color-Alert-Red) !important;
    background-repeat: no-repeat;
    background-position: right;
    border-width: 2px !important;
}



    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

.text_Multiline {
    resize: none;
}


.div_WidthControl {
    width:550px;
}




/*End form Transfrencias a Terceros*/
/*Fielset*/
fieldset {
    border: none !important;
    padding: initial !important;
}
/*Tranferencias Locales*/
#ctl00_childContent_ctLocalTranfer_ctWizard_ctDetail {
    width: 590px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctAmount {
    width: 500px;
    margin: 0 auto;
    margin-left: -27px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}



#ctl00_childContent_ctLocalTranfer_ctWizard_wcConfirmTransaction_ctNotificationAddress {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_wcConfirmTransaction_ctNotificationText {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_ctVoucherTransaction_ctUsrTxDescription {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
}

/*Transferencias cuentas propias a terceros red promerica*/



#ctl00_childContent_ctRegionalTranfer_ctWizard_ctDetail {
    width: 590px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_ctAmount {
    width: 500px;
    margin: 0 auto;
    margin-left: -27px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}


#ctl00_childContent_ctRegionalTranfer_ctWizard_wcConfirmTransaction_ctNotificationAddress {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_wcConfirmTransaction_ctNotificationText {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_ctVoucherTransaction_ctUsrTxDescription {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
}


.containerStepOne {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    bottom: 100px;
}

.containerStepTwo {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

/*Labels*/


/*Inputs*/


.input-text {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    position: relative;
}

.account {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

/*Buttons*/
/*Color de button and text*/



    .button_Start_Left:disabled {
        background: var(--Color-Button-Disable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 300px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Disable) !important;
        border: none !important;
        color: var(--Color-text-Button-Disable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_Start_Left:enabled {
        background: var(--Color-Button-Enable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Enable) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_Start_Left:hover {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }


.button_Start_Left:focus {
    background: var(--veder-button-selected, #003F24) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    /* border: 4px solid #C3E5A9 !important;*/
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 17px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}


/*next*/

.button_Primary_Left{
    right:120px;
}

.button_Primary_Left:disabled {
    background: var(--Color-Button-Disable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Disable) !important;
    border: none !important;
    color: var(--Color-text-Button-Disable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}

.button_Primary_Left:enabled {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height:  24px !important;
    letter-spacing:  0.2px !important;
    font-weight:  700 !important;
    position: relative !important;
    flex: 1 !important;
}

.button_Primary_Left:hover {
    background: var(--Color-Button-Hover) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size:  16px !important;
    line-height:  24px !important;
    letter-spacing:  0.2px !important;
    font-weight:  700 !important;
    position: relative !important;
    flex: 1 !important;

}


    .button_Primary_Left:focus {
        background: var(--veder-button-selected, #003F24) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 17px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_Primary_Left:focus-visible {
        background: var(--Color-Button-Enable, #00693C) !important;
        border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 17px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        flex: 1 !important;
    }


.button-secondary {
    border: none !important;
    background-color: white !important;
    background-size: contain !important;
    width: 140px !important;
    height: 30px !important;
    position: relative !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg");
    background-repeat: no-repeat;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
}


.breadcrumb-stepper-intro {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

._1 {
    color:  var(--grises-blanco);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Drowdow*/

.dropdown {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    width: 577px;
    position: relative;
}

/*Picker*/

/*--------------------------------------*/

.string-button {
    color: var(--primarios-verde-primario);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--label-bold-label-m-font-size);
    line-height: var(--label-bold-label-m-line-height);
    letter-spacing: var(--label-bold-label-m-letter-spacing);
    font-weight: var(--label-bold-label-m-font-weight);
    /*position: relative;*/
    margin-bottom: 20px;
}

._1 {
    color: var(--grises-gris-claro-100);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    letter-spacing: var(--body-bold-body-xs-letter-spacing);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Reemplazar por separador de pasos*/

.ring {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--grises-gris-claro-100);
    border-width: 2px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
}

.text {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.description {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    letter-spacing: var(--body-regular-body-xs-letter-spacing);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
}

.cta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.button-primary {
    background: var(--grises-fondo);
    border-radius: 8px;
    padding: 12px 16px 12px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 181px;
    height: 48px;
    position: relative;
    right:190px;
}

.group4 {
    width: 79.58%;
    height: 42.92%;
    position: absolute;
    right: 10.23%;
    left: 10.19%;
    bottom: 20.96%;
    top: 36.13%;
    overflow: visible;
}

.div {
    color: var(--grises-gris-oscuro-80);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-m-font-size);
    line-height: var(--body-regular-body-m-line-height);
    font-weight: var(--body-regular-body-m-font-weight);
    position: absolute;
    left: 10.4px;
    top: 3.43px;
    width: 11.2px;
    height: 41.14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group4 {
    width: 91.67%;
    height: 91.67%;
    position: absolute;
    right: 4.17%;
    left: 4.17%;
    bottom: 4.17%;
    top: 4.17%;
    overflow: visible;
}

.group {
    width: 100%;
    height: 60.92%;
    position: absolute;
    right: 10.23%;
    /*left: 10.19%;*/
    bottom: 20.95%;
    top: 36.13%;
    overflow: visible;
}

.group2 {
    width: 79.58%;
    height: 42.92%;
    position: absolute;
    right: 10.23%;
    left: 10.19%;
    bottom: 20.95%;
    top: 36.13%;
    overflow: visible;
}

/*Fin Opcion de regresar Men├║*/

.group3 {
    width: 42.92%;
    height: 79.58%;
    position: absolute;
    right: 36.15%;
    left: 20.94%;
    bottom: 10.21%;
    top: 10.21%;
    overflow: visible;
}

.div_SummaryContentEstructureItemDetailRightPosition {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.div_SummaryContentOriginNameSummary {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
}


.div_SummaryContentOriginAddressSummary {
    color: var(--grises-gris-oscuro-100);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    width: 400px;
}


.wizardStep_FrameDescAccountLoadingOwnerPosition {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
}

.wizardStep_FrameDescAccountLoadingAddressPosition {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.string-button3 {
    color: var(--primarios-verde-primario);
    text-align: center;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--label-bold-label-m-font-size);
    line-height: var(--label-bold-label-m-line-height);
    font-weight: var(--label-bold-label-m-font-weight);
    position: relative;
    flex: 1;
}


.siti {
    color: var(--grises-gris-oscuro-80);
    text-align: left;
    font-family:  var(--caption-caption-nunito-font-family);
    font-size: var(--caption-caption-regular-font-size);
    line-height: var(--caption-caption-regular-line-height);
    letter-spacing: var(--caption-caption-regular-letter-spacing);
    font-weight: var(--caption-caption-regular-font-weight);
    position: relative;
    align-self: stretch;
    width:575px;
}

.graybar {
    background-image: none !important;
    display: flex;
    justify-content:left;
}

.animado-check-envolvente {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    position: relative;
}

.animado-check-envolvente2 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

/*.button-tertiary {
    border-radius: 8px;
    padding: 12px 16px 12px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 181px;
    height: 48px;
    position: relative;
}*/

.iconLogoCTFvoucher {
    /*	background-size: 225px;*/
    float: left;
    width: 350px;
    height: 67px;
    /*background-image: url("images/headerlogo.png");*/
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/LogoCTFNew.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 14px 0 0 48px;
    overflow: hidden;
}

.iconLogoPromericaLineavoucher {
    float: right;
}

.sizeIconLogosvoucher {
    height: 35px;
}


#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctSpecialNavigation_ctUsrTxDescription {
    height: 56px !important;
    width: 260px !important;
    border: 1px solid #CCC !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctSpecialNavigation_ctUsrTxDescription {
    height: 62px !important;
    width: 400px !important;
    border: 1px solid #CCC !important;
    border-radius: 8px;
}
#ctl00_childContent_ctRegionalTranfer_ctWizard_ctSpecialNavigation_ctUsrTxDescription {
    width: 400px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
    border-color: gray;
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
    border: 1px solid #D9D9D9 !important;
}

.registerFavoriteNotGlobalUser {
    border: 1px solid #D1D1D1;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    height: 176px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctSpecialNavigation_WcTransactionTypeListUC1_cgTransactionTypeList {
    padding: 12px;
    border: 1px solid #CCC !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctSpecialNavigation_WcTransactionTypeListUC1_cgTransactionTypeList {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    padding: 12px;
    border: 1px solid #CCC !important;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_ctSpecialNavigation_WcTransactionTypeListUC1_cgTransactionTypeList {
    padding: 12px;
    border: 1px solid #CCC !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
}


.wizardStep_FrameControlContainerToken {
    background: var(--grises-blanco);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin: 0 auto;
}



    .wizardStep_FrameControlContainerToken:hover {
        border-color: var(--grises-gris-claro-100) !important;
        border-width: 1px !important;
        border-style: solid !important;
    }

div.wizardStep_FrameControlLoginClave:focus-within,
.wizardStep_FrameControlContainer:focus-within {
    border-style: solid !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0px !important;
}

/*Token Transferencias Locales*/
#ctl00_childContent_ctLocalTranfer_ctWizard_wcConfirmTransaction_ctToken {
    color: var(--grises-gris-oscuro-80);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    line-height: var(--body-regular-body-m-line-height);
    font-weight: var(--body-regular-body-m-font-weight);
    position: relative;
    left: 1px;
    top: 3.43px;
    width: 315px;
    height: 48px;
    display: flex;
    justify-content: left;
    background-color: white;
    letter-spacing: 0.2em;
    margin-bottom: 5px;
    margin-right: 1px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding: 16px 12px;
}



/*Transferencias a terceros*/



#ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctToken {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 100%;
    height: 24px;
    min-height: 24px;
    display: block;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
}



/*Transferencias cuentas propias red promerica*/

.grid_row1 {
    background-color: #FFFFFF;
}

    .grid_row1:hover {
        background-color: var( --Color-Verder-Primario10);
        cursor: pointer;
    }

.grid_row2 {
    background-color: var(--grises-blanco);
}

    .grid_row2:hover {
        background-color: var( --Color-Verder-Primario10);
    }


.gridTransation {
    font-size: 12px;
    border: 1px solid var(--grises-gris-claro-40);
    border-radius: 8px;
}


    .gridTransation th {
        color: var(--grises-blanco);
        border: 1px solid var(--grises-gris-claro-40);
        background-color: var(--primarios-verde-primario);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-image: url('images/TopGrid_bg.jpg');
        padding: 3px;
        white-space: nowrap;
    }


    .gridTransation td, gridTransation th {
        padding: 2px;
        border: 1px solid var(--grises-gris-claro-40);
        line-height: 1.2;
    }

    .gridTransation a {
        font-weight: 700;
    }

    .gridTransation td:hover {
        background-color: var( --Color-Verder-Primario10);
    }


/*Login */

.login-container {
    display: grid;
    grid-template-columns: 40% 60%;
    height: 100vh;
    background-color: #ffffff;
}




.login-image {
    position: relative;
    background-image: url('../App_Themes/CTF.Regional/images/ImageLogin.jpg');
    background-size: cover;
    background-position: center;
    transform: scaleX(-1);
    width: 100%;
    height: 100%;
}


.login-form {
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    margin-top:30px;
    margin-left:60px;
}

    .login-form h2 {
        margin-bottom: 20px;
    }

    .login-form input {
        margin-bottom: 15px;
        padding: 10px;
        font-size: 16px;
    }





.image-frame {
    position: relative;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%) scaleX(-1);
    z-index: 2;
    border-radius: 6px;
    background-color: rgba(30,30,30,0);
    box-shadow: 0 10px 30px rgba(30,30,30,0.1);
    width: 100%;
    height: 100%;
}

    .image-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* clave */
    }

.divBackgroundLoginAdvise {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; /* mejor que width */
    padding: 16px 40px;
    background: rgba(30, 30, 30, 0.8);
    display: flex;
}

.divPositionImgAdviseCandado {
    padding: 8px;
    border-radius: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex !important;
}


.StyleAdviseCandadoLogin {
    color: white;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    margin-top:10px;
}


.divImgAdviseCandado {
    background-repeat: no-repeat;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCandadoLogin.svg");
    width: 50px;
    height: 50px;
}

.divLoginForm
{
    display:block;
    top:79px;
    left:828px;
    gap:24px;
    width:379px;
    height:461px;
    

}


.button_Login:disabled {
    background: var(--Color-Button-Disable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 379px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Disable) !important;
    border: none !important;
    color: var(--Color-text-Button-Disable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}

.button_Login:enabled {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 379px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}

.button_Login:hover {
    background: var(--Color-Button-Hover) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 379px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}


.button_Login:focus {
    background: var( --veder-button-selected, #003F24) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 379px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    /* border: 4px solid #C3E5A9 !important;*/
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 17px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}


.button_Login:focus-visible {
    background: var( --Color-Button-Enable,#00693C) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 379px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: 4px solid #C3E5A9 !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 17px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}


.button_change_password:disabled {
    background: var(--Color-Button-Disable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 216px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Disable) !important;
    border: none !important;
    color: var(--Color-text-Button-Disable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 3%;
}

.button_change_password:enabled {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 216px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 3%;
}

.button_change_password:hover {
    background: var(--Color-Button-Hover) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 216px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 3%;
}


.button_change_password:focus {
    background: var(--veder-button-selected, #003F24) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 216px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}

.button_change_password:active {
    background: var(--veder-button-selected, #003F24) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 216px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}

.button_change_password:focus-visible {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 216px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: 4px solid #C3E5A9 !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
}


/*select, input[type=text], input[type=password], textarea {
    font-size: 11px;
    padding: 3px;
    border: 1px solid #CCC;
}*/

    /*input[type=text]:focus, input[type=password]:focus {
        background-color: #E3EEE9;
    }*/


input[type=password].passinput {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/ImgPasswordNew.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    padding-left: 20px;
    width: 185px;
}


#ctl00_childContent_Login1_UserName {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var( --grises-blanco, #ffffff) !important;
    color: var(--grises-gris-oscuro-90) !important;
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconUserLoginNew.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    margin-left: 10px;
}

    #ctl00_childContent_Login1_UserName:focus {
        background-color: var(--grises-blanco) !important;
        background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconUserLoginNew.svg') !important;
        background-repeat: no-repeat !important;
        background-position: right 16px center !important;
        margin-right: 10px;
        width: 379px;
        height: 48px;
        background-color: var( --grises-blanco, #ffffff) !important;
    }


    .wizardStep_FrameControlLogin {
        background: var(--grises-blanco, #ffffff);
        border-radius: 8px;
        flex-direction: row;
        gap: 8px;
        align-items: flex-start;
        justify-content: flex-start;
        align-self: stretch;
        flex-shrink: 0;
        position: relative;
        width: 379px !important;
        margin-bottom: 24px !important;
    }


.wizardStep_FrameControlLoginClaveOlvido {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 379px !important;
    /*margin-bottom: -15px;*/
    margin-top: 5%;
}


.divMarginBottomOlvidoContrasena {
    margin-bottom: 24px;
}


.wizardStep_FrameControlLoginClave {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    width: 379px !important;
    margin-bottom: 10px;
}

.wizardStep_FrameControlLoginClave:hover {
    border-color: var(--grises-gris-claro-100) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

div.wizardStep_FrameControlLoginClave:focus-within,
.wizardStep_FrameControlContainer:focus-within {
    border-style: solid !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0px !important;
}


#ctl00_childContent_Login1_Password {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/ImgPasswordNew.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    margin-right: 10px;
}



    #ctl00_childContent_Login1_Password:focus {
        background-image: url('../App_Themes/CTF.Regional/imagesSVG/ImgPasswordNew.svg') !important;
        background-repeat: no-repeat !important;
        background-position: right 16px center !important;
        margin-right: 0px;
    }

    .divLoginBotton {
       
        margin-top:120px;
    }

#ctl00_childContent_txtActualPassword {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/ImgPasswordNew.svg');
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
    padding: 0 16px;
    box-sizing: border-box;
}

#ctl00_childContent_txtNewPassword {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/ImgPasswordNew.svg');
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
    padding: 0 16px;
    box-sizing: border-box;
}


#ctl00_childContent_txtRepetNewPassword {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/ImgPasswordNew.svg');
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
    padding: 0 16px;
    box-sizing: border-box;
}

#ctl00_childContent_txtHint {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
}

    #ctl00_childContent_txtHint:focus {
        background-image: none !important;
        margin-right: 0px;
    }


#ctl00_childContent_txtHintAnswer {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
}

    #ctl00_childContent_txtHintAnswer:focus {
        background-image: none !important;
        margin-right: 0px;
    }

#ctl00_childContent_txtRepeatHintAnswer {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
}

    #ctl00_childContent_txtRepeatHintAnswer:focus {
        background-image: none !important;
        margin-right: 0px;
    }


.divLoginLogoPromerica {
    margin: 0 70px 20px 0;
    width: 274.08px;
    height: 56px;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/LogoPromericaLineaLogin.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.divLoginLogoCTF {
    margin: 15px 70px 25px 0;
    width: 99.15px;
    height: 40px;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/LogoCTFLogin.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.divTextoLogin {
    font-family: 'Nunito Sans', sans-serif;
    color: var(--primarios-verde-primario);
    font-size: 24px;
    margin: 0px 0px 10px 0;
    text-align: left;
    letter-spacing:0.2px;
    line-height:36px;
    font-weight:400;
    
}

.divTextOlvidoContrasena {
    font-family: 'Nunito Sans', sans-serif !important;
    color: var(--primarios-verde-primario) !important;
    font-size: 14px !important;
    margin: 0px 0px 40px 0 !important;
    letter-spacing: 0.1px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
    font-weight: bold !important;

}


    .divTextOlvidoContrasena:hover {
        color: var(--Color-linkTextHover, #717171) !important ;   
        text-decoration:underline   

    }

    .divTextOlvidoContrasena:focus-within {
        color: var(--Color-Verder-Primario, #00693C) ;
        border: 1px solid var(--grises-gris-claro-40, #c4c4c4);
    }

    .divTextOlvidoContrasena:focus-visible {
        color: var(--Color-Verder-Primario, #00693C);
        border: 4px solid var(--verde-focus-control, #C3E5A9);
    }


.textGrupoPromericaLogin {
    font-family: 'Nunito Sans', sans-serif !important;
    color: var(--grises-gris-oscuro-90) !important;
    font-size: 12px !important;
    margin: 0px 0px 40px 0 !important;
    letter-spacing: 0.1px !important;
    line-height: 36px !important;
    font-weight: 400 !important;
}

.LinkTextContactenos {
    font-family: 'Nunito Sans', sans-serif !important;
    color: var(--primarios-verde-primario) !important;
    font-size: 12px !important;
    margin: 0px 0px 40px 0 !important;
    letter-spacing: 0.1px !important;
    line-height: 36px !important;
    font-weight: 400 !important;
    font-weight: bold !important;
    text-decoration: underline
}

    .LinkTextContactenos:hover {
        color: var(--Color-linkTextHover, #717171)!important;
    }

    .LinkTextContactenos:focus-within {
        color: var(--Color-Verder-Primario, #00693C);
        border: 1px solid var(--grises-gris-claro-40, #c4c4c4);
    }

    .LinkTextContactenos:focus-visible {
        color: var(--Color-Verder-Primario, #00693C);
        border: 4px solid var(--verde-focus-control, #C3E5A9);
    }




.divGrupoPromericaContactenos {
    position: static;
    padding: 15px 50px 15px 75px
}


.divNotificacionContainer {
    position: relative;
    background-color: var(--grises-fondo-claro);
    width: 379px;
    height: 50px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
   
}


.divNotificacionContainerLoginAlert {
    position: relative;
    background-color: var(--grises-fondo-claro);
    width: 379px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 10px;
}

.divPositiondivNotificacionContainer {
    top: -90px;
}


.divNotificacionContainerTamano {
    align-self: stretch;
    padding-top: 37.5px;
    padding-bottom: 12px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divNotificacionContainerTamanoAlertLogin {
    align-self: stretch;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divNotificacionLineaError {
    width: 2px;
    align-self: stretch;
    transform: rotate(-180deg);
    transform-origin: top left;
    background: var(--Color-Alert-Red, #C30000);
    border-radius: 12px;
    height:24px;
}

.divNotificacionLineaErrorAlertaLogin {
    width: 2px;
    align-self: stretch;
    transform: rotate(-180deg);
    background: var(--Color-Alert-Red, #C30000);
    border-radius: 12px;
}

.divNotificacionContainerAlerta {
    flex: 1 1 0;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    display: flex;
    text-align: left;
}

.divNotificacionContainerAlertaPosicion {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divNotificacionContainerIconAlertaPosicion {
    width: 24px;
    height: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divNotificacionContainerIconError {
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconErrorAlertNew.svg");
    background-repeat: no-repeat;
}



.divNotificacionContainerIconAlertaTamano {
    width: 24px;
    height: 25px;
    position: relative;
    overflow: hidden;
}


.divPosicionTextoError {
    flex: 1 1 0;
    padding-top: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.lblTextoAlertNotificacion {
    align-self: stretch;
    color: #3F3F3F;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


    .divPositionitemNofificacion {
        position: absolute;
    }

.EspacioFrameContainerLogin {
    margin-bottom:24px;

}

/*Cambio Master Page*/
    .mastertop00 {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.containerLogCTF {
    width: 140px;
    height: 56px;
    position: relative;
    overflow: hidden;
}

.LogoCTFMaster {
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/LogoCTFMaster.svg");
    background-repeat: no-repeat;
    width: 100px;
    height: 30.43px;
    left: 8.68px;
    top: 13px;
    position: absolute;
}

.contaiderControlHeader {
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}


.divContainerInicio {
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divInicioMaster {
    text-align: center;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divContainerLineHeaderMaster {
    width: 50px;
    height: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    transform: rotate(-90deg);
    /*transform-origin: top left;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.divLineHeaderMaster {
    align-self: stretch;
    height: 2px;
    background: var(--grises-gris-oscuro-80, #5D5D5D)
}

.divContentUserCompany {
    padding-top: 4px;
    padding-bottom: 4px;
    gap: 16px;
    display: flex;
}

.divPosicionContentUserCompany {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
}

.divUserCompany {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
    width: 320px;
    padding-right: 5%;
}

.divDistribucionUserCompany {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}


.divCompany {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: normal; /* permite múltiples líneas */
    word-break: break-word; /* corta palabras largas */
    overflow: visible; /* elimina ocultamiento */
    text-overflow: unset; /* elimina los "..." */
    display: block; /* importante para que baje */
    line-height: 1.3em; /* mejora legibilidad */
}

    .divCompany span {
        display: flow-root;
        overflow: hidden;
        text-overflow: ellipsis;
    }




.divUser {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPosicionIconUser {
    width: 40px;
    height: 40px;
    position: relative;
    left: -16.5px;
    top: -4px;
}

.divRadiusIconUser {
    width: 24px;
    height: 24px;
    left: 8px;
    top: 8px;
    position: absolute;
    overflow: hidden
}

.divContentIconUser {
    width: 40px;
    height: 40px;
    left: 8px;
    top: 8px;
    position: absolute;
    overflow: hidden;
}
.divCircleGreen {
    width: 40px;
    height: 40px;
    background: var(--Color-Verder-Primario10, #E7F7EE);
    border-radius: 9999px;
}

    .divCircleGreen:hover {
        width: 40px;
        height: 40px;
        background: var(--Color-Verder-Primario20, #CCE1D8);
        border-radius: 9999px;
    }

    .divCircleGreen.is-open {
        width: 40px;
        height: 40px;
        background: var(--Color-Verder-Primario30, #99C3B1);
        border-radius: 9999px;
    }


    .divUserMasterGreen {
        width: 18px;
        height: 19.50px;
        left: 12px;
        top: 8.50px;
        position: absolute;
        background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconUserVerdeMaster.svg");
        background-repeat: no-repeat;
    }

#ctl00_lblActualCompany {
    font-weight:700;
}

.divFooterContainer {
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--grises-blanco, #ffffff);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: inline-flex;
    width: 100%;
}

.divFooterContaninerLine {
    align-self: stretch;
    height: 1px;
    background: #C4C4C4;
    margin-bottom: 10px;
}

.divFooterContainerGrupoPromerica {
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex;
}

.divFooterStyle {
    text-align: center;
    color: #5D5D5D;
    font-size: 12px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divContentStarFooter {
    /*width: 712px;*/
    justify-content: flex-end;
    align-items: center;
    gap: 64px;
    display: flex;
    margin-right: 0;
}

.divPosicionStarFooter {
    width: 29.33px;
    height: 26.67px;
    position: relative;
    overflow: hidden;
}

.divStarFooter {
    width: 29.33px;
    height: 26.67px;
    position: relative;
    overflow: hidden;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconoEstrellaFooter.svg");
    background-repeat: no-repeat;
}

.divConteinerListMasterUser {
    padding: 16px;
    background: var(--colors-surfaces-shadow-m, #ffffff);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 24px;
    display: inline-flex;
    float: right;
}

.divListFirstOptionUserMaster {
    width: 326px;
    height:209px;
    padding: 16px;
    overflow: hidden;
    border-radius: 8px;
    outline: 1px #C4C4C4 solid;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPosicionImageFirstOptionUserMaster {
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden;
}

.divImageFirstOptionUserMaster {
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/BuldingIcon.svg");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.divPosicionLetterFirstOption {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.divListUserMaterBold {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif ;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
}

.divPositionNombreCompanyList {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.divDistribucionNombreCompanyList {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divLetraOptionListMaster {
    align-self: stretch;
    text-align: center;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPosicionChangeCompanyList {
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.divDistribucionChangeCompanyList {
    text-align: center;
    color: var(--primarios-verde-primario, #00693C);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
    width: 100px;
}

.PositionPencilChangeCompany {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.IconPencilChangeCompany {
    /* width: 20px;*/
    /* height: 20px;*/
    /*position: absolute;*/
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/PencilIcon.svg");
    background-repeat: no-repeat;
    background-position: right;
    /* margin-left: 6px; */
}

.divPositionOthersOptionList {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divContentOptionList {
    width: 326px;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.divContentLineOptionList {
    align-self: stretch;
    height: 48px;
    position: relative;
}

.divColorLineOption {
    width: 326px;
    height: 48px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var( --grises-blanco, #ffffff);
}

.divContentLineOptionList:hover .divColorLineOption,
.divContentOptionList:hover .divColorLineOption,
.divColorLineOption:hover {
    width: 326px;
    height: 48px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--typography-and-Shapes-Gray-20, #E9E9E9) !important;
}

.divContentLineOptionList,
.divContentLineOptionList a,
.divContentOptionList,
.divContentOptionList a {
    cursor: pointer;
}

.divColorLineOptionUnder {
    width: 326px;
    height: 0px;
    left: 0px;
    top: 48px;
    position: absolute;
    outline: 1px var(--typography-and-Shapes-Gray-20, #E9E9E9) solid;
    outline-offset: -0.50px
}

.divContentTextIconList {
    height: 25.07px;
    padding-top: 2px;
    padding-bottom: 2px;
    left: 16px;
    top: 11px;
    position: absolute;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.divPositionIconmanualDownloads {
    width: 30px;
    height: 24px;
    position: relative;
    overflow: hidden
}
.divIconmanualDownloads {
    width: 24px;
    height: 24px;
    left: 10px;
    position: absolute;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconManualDownloads.svg");
    background-repeat: no-repeat;
}

.divTextOptionList {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divIconContactEmail {
    width: 24px;
    height: 24px;
    left: 10px;
    top: 9px;
    position: absolute;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconContactenosEmail.svg");
    background-repeat: no-repeat;
}

.divPosicionIconContactEmail {
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
}

.divPositionChangePassword {
    width: 30px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.divIconChangePassword {
    width: 24px;
    height: 24px;
    left: 10px;
    position: absolute;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconChangePassword.svg");
    background-repeat: no-repeat;
}

.divPositionExitList {
    width: 30px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.divIconExitList {
    width: 30px;
    height: 19px;
    left: 10px;
    top: 2.50px;
    position: absolute;
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconExit.svg");
    background-repeat: no-repeat;
}

.divSizeListUser {
    height:200px;
    width:200px;
}


ul.navlistnew {
}

    ul.navlistnew a {
        font-weight: 400;
        text-decoration: none;
    }

    ul.navlistnew, ul.navlistnew ul, ul.navlistnew li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }


            ul.navlistnew li span {
                padding: 0 3px 0 3px;
            }

            ul.navlistnew li a {
                /*color: #D5EBC2;*/
                padding: 6px 7px 9px 7px;
                /*background-color: #00713D;*/
                cursor: pointer;
                /*border-left: 1px solid #009351;*/
            }

                ul.navlistnew li {
                    /*color: #FFFFFF;*/
                    /*background-color: #00532E;*/
                }

                ul.navlistnew li a:active {
                    color: #FFFFFF;
                    /*background-color: #7AC043;*/
                }

ul.subnavlistnew {
    display: none;
    /*background-color: #00713D;*/
}



    ul.subnavlistnew li {
        float: none;
    }

        ul.subnavlistnew li a {
            padding: 0;
            margin: 0;
        }

ul.navlistnew  ul.subnavlistnew {
    margin-top: 11px;
}

    ul.navlistnew ul.subnavlistnew li a {
        display: block;
        width: 12em;
        border: 0;
        padding: 8px;
    }

ul.subnavlistnew {
    display: none;
    position: absolute;
    z-index: 99999;
}

    ul.subnavlistnew.open  {
        display:block;
    }

    ul.subnavlistnew.open circle {
        display: block;
    }


.divPanelCompanyList {
    width: 32%;
    background: var(--colors-surfaces-shadow-l, #ffffff);
    box-shadow: 0px 0px 48px rgba(30, 30, 30, 0.20);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
    position: absolute;
    margin-left: -5%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    overflow-y: auto;
    z-index: 99999;
}

.divOptionPositionCompanyList {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divPositionExitPanelList {
    align-self: stretch;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 16px;
    justify-content: flex-end;
    align-items: center;
    display: inline-flex;
}

.divBtnExitList {
    width: 13.82px;
    height: 13.84px;
    left: 5.09px;
    top: 5.09px;
    color:var(--primarios-verde-primario, #00693C);
}

.divPositionBtnExitList {
    width: 32px;
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divPositionChangeCompanyList {
    align-self: stretch;
    padding-left: 32px;
    padding-right: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divTextChangeCompanyList {
    flex: 1 1 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 24px;
    /* font-family: 'Nunito Sans', sans-serif; */
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.5px;
    word-wrap: break-word;
}

.divPositionLineChangeCompanyMaster {
    align-self: stretch;
    height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.divFirstLineChangeCompanyMaster {
    align-self: stretch;
    height: 1px;
    background: var(--typography-and-Shapes-Gray-40, #C4C4C4);
}

.divPositionListChangeCompanyMaster {
    align-self: stretch;
    flex: 1 1 0;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionActualListCompanyMaster {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divPositionItemListCompanyMaster {
    align-self: stretch;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.divPositionActualCompany {
    align-self: stretch;
    height: 48px;
    position: relative;
}



.divLineCompanyList {
    width: 448px;
    height: 0px;
    left: 0px;
    top: 48px;
    position: absolute;
    outline: 1px var(--typography-and-Shapes-Gray-20, #E9E9E9) solid;
    outline-offset: -0.50px;
}

.divPositionLetterItemCompanyList {
    height: 25.07px;
    padding-top: 2px;
    padding-bottom: 2px;
    left: 16px;
    /*top: 11px;*/
    position: absolute;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.divTextItemTitleComppanyList {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divTextItemComppanyList {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}


.divPositionItemCompanyList {
    align-self: stretch;
    height: 48px;
    position: relative;
}

.divLineCompanyListSelected {
    width: 448px;
    height: 48px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var( --Color-Green-Selected, #EEF7E6);
}


.divContentListChangeCompanyOptions {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divSpaceWhiteListMasterCompany {
    width: 448px;
    height: 48px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--grises-blanco, #ffffff);
}

.divIconSelectedChangeCompany {
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/IconCheckActualCompany.svg");
    background-repeat: no-repeat;
    background-position:left;
    padding:30px; 
}


.divListBox {
    width: 98%;
}

select option {
    padding: 8px 10px;
    border-bottom-color: var(--typography-and-Shapes-Gray-40, #C4C4C4);
    border-bottom-width: 0.5px;
    border-bottom-style: solid;
}

.divListBox option:hover {
    background-color: var(--typography-and-Shapes-Gray-20, #E9E9E9);
}

.divListBox option:focus {
    background-color: var(--typography-and-Shapes-Gray-20, #E9E9E9);
    color: var(--grises-gris-oscuro-90, #3F3F3F);
}

.divListBox option:checked {
    background-color: var(--typography-and-Shapes-Gray-20, #E9E9E9) !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}


    .divListBox option:checked:hover {
        background-color: var(--typography-and-Shapes-Gray-20, #E9E9E9) !important;
        color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    }



.oculto {
    opacity:0;
}

#pnlCompanyList {
    transition: opacity 2s ease-in;
}

.form-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr; /* dos columnas iguales */
    gap: 16px 24px; /* filas / columnas */
    width: 100%;
    box-sizing: border-box;
    align-items: start;
}

    .form-grid-2 .form-row {
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-bottom: -20px !important;
    }

    .form-grid-2 .form-row2 {
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-bottom: -2px !important;
    }

    .form-grid-2 label {
        font-size: 13px;
        margin-bottom: 4px;
        font-weight: 600;
    }

    .form-grid-2 input,
    .form-grid-2 select,
    .form-grid-2 textarea {
        padding: 5px 17px;
        box-sizing: border-box;
    }

.form-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr; /* dos columnas iguales */
    gap: 16px 24px; /* filas / columnas */
    width: 100%;
    box-sizing: border-box;
    align-items: start;
}

    .form-grid-3 .form-row {
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-bottom: -20px !important;
    }

    .form-grid-3 .form-row2 {
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-bottom: -2px !important;
    }

    .form-grid-3 label {
        font-size: 13px;
        margin-bottom: 4px;
        font-weight: 600;
    }

    .form-grid-3 input,
    .form-grid-3 select,
    .form-grid-3 textarea {
        padding: 6px 8px;
        box-sizing: border-box;
    }

.form-row {
    display: flex;
    flex-direction: column;
}

.form-row2 {
    display: flex;
    flex-direction: column;
}

.full-width {
    grid-column: span 2;
}

.full-width-clave {
    grid-column: span 2;
    text-align: center;
    margin-bottom: 1%;
}


.full-width-button {
    grid-column: span 2;
    display: block ruby;
    margin-top: 0px;
}

.form-wrapper {
    max-width: 1144px;
    margin: 15px auto;
    padding: 32px;
    background: #fff;
    box-shadow: 0 0 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}

.form-wrapper-recordar-clave {
    max-width: 1144px;
    margin: 15px auto;
    padding: 40px 32px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
    border-radius: 6px;
    box-sizing: border-box;
    width: 1180px;
    margin-bottom: 30px;
    margin-top: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto !important;
}


.form-wrapper-recordar-clave-step2 {
    height: 750px
}

.form-wrapper-actualizada {
    max-width: 1144px;
    margin: 15px auto;
    padding: 32px;
    background: #fff;
    box-shadow: 0 0 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    box-sizing: border-box;
    height: auto;
    min-height: 245px;
    width: 1144px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Figma 7:10727 / 80:11108 — pantalla éxito cambio contraseña */
.form-wrapper-actualizada.gds-change-pwd-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.form-wrapper-actualizada.gds-change-pwd-success .gds-change-pwd-success-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.form-wrapper-actualizada.gds-change-pwd-success .gds-change-pwd-success-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
}

.form-wrapper-actualizada.gds-change-pwd-success .gds-change-pwd-success-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 376px;
    text-align: center;
}

.form-wrapper-actualizada.gds-change-pwd-success .full-width-clave,
.form-wrapper-actualizada.gds-change-pwd-success .gds-change-pwd-success-text .full-width {
    grid-column: unset;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.form-wrapper-actualizada.gds-change-pwd-success .gds-change-pwd-success-action {
    margin-top: 0;
}

/* Pantalla éxito — botón primario igual a .button_change_password del formulario */
.form-wrapper-actualizada .full-width-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    width: auto;
}

.form-wrapper-actualizada .button_change_password,
.form-wrapper-actualizada .button_change_password:enabled,
.form-wrapper-actualizada .button_change_password:hover,
.form-wrapper-actualizada .button_change_password:active,
.form-wrapper-actualizada .button_change_password:focus,
.form-wrapper-actualizada .button_change_password:focus-visible,
.form-wrapper-actualizada .gds-change-pwd-success-btn {
    margin-top: 0 !important;
    border: none !important;
    outline: none !important;
    width: 216px !important;
    max-width: 216px !important;
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
}

.form-wrapper-actualizada .button_change_password:active,
.form-wrapper-actualizada .gds-change-pwd-success-btn:active {
    background-color: var(--gds-color-primary-dark, #1B5E3F) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-wrapper-actualizada .button_change_password:focus-visible,
.form-wrapper-actualizada .gds-change-pwd-success-btn:focus-visible {
    border: none !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

.input-borde {
    padding-bottom: 12px;
}

.form-grid-2 input.input-borde {
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
}

.form-grid-3 input.input-borde {
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
}

.tituloCambioClave {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    padding-bottom: 3%;
    margin-left: 0%;
}


.tituloCambioClaveRecordar {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    padding-bottom: 3%;
    margin-left: 5%;
}

.tituloRestriccionesClave {
    font-family:'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 1%;
    text-align: left;
    line-height: 21px;
    letter-spacing: 0.1px;
}

.formlabelClaveActualizada {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
}



.formlabelCambioClave {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    /* Label/Bold/Label-M */
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
    padding-left: 8px;
}

.password-rules-list {
    margin: 6px 0 0;
    padding-left: 18px;
    font-size: 14px;
    color: #444;
}

.texto-recordar-clave {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    /* Body/Regular/Body-XS */
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    letter-spacing: 0.1px;
}

.password-rules-list li {
    margin-bottom: 10px;
}

.titulo-regresar {
    color: var(--colors-primary-70, #00693C);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 4px;
    letter-spacing: 0.2px;
    color: var(--colors-primary-70, #00693C);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px !important;
}

.regresar {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 0;
    margin-left: 0;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.regresarRecordarClave {
    display: flex;
    align-items: center;
    margin-bottom: 10%;
    margin-top: -3%;
    margin-left: -67%;
}

/* Icono */
.icon-left {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg");
    background-color: white !important;
    border: 0px outset #00713D !important;
    margin-left: -2% !important;
    min-width: 34px !important;
    background-size: 15px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 28px !important;
}

.icon-leftwithNetWorkTrans {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg");
    background-color: white !important;
    border: 0px outset #00713D !important;
    min-width: 34px !important;
    background-size: 15px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 28px !important;
    margin-left:70px !important;
}

.icon-leftwithNetWorkTransStep2 {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg");
    background-color: white !important;
    border: 0px outset #00713D !important;
    min-width: 34px !important;
    background-size: 15px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 28px !important;
    margin-left: 20px !important;
    margin-top:20px !important;
}

    .icon-cambio-satisfactorio {
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPasswordUpdated.svg");
        background-repeat: no-repeat;
        background-position: right;
        background-origin: content-box;
        display: -webkit-inline-box;
        height: 64px;
        width: 50px;
    }

.ddlValidez {
    width: 440px;
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 392px;
    height: 48px;
}

    .ddlValidez:hover {
        border-color: var(--grises-gris-claro-100) !important;
        border-width: 1px !important;
        border-style: solid !important;
    }

    .ddlValidez:focus-within {
        border-style: solid !important;
        border-color: var( --verde-focus-control) !important;
        border-width: 4px !important;
    }


.icon-candado {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCandado.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
}

.icon-candado-recordar-clave {
    background-image: url("../App_Themes/CTF.Regional/images/iconCandado3_50pct.png");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
    width: 30px;
    height: 33px;
    position: relative;
    overflow: hidden;
    margin-left: -24%;
    margin-top: -10%;
}


.divNotificacionContainerClave {
    /* position: relative; */
    background-color: var(--grises-fondo-claro);
    width: 800px;
    height: 45px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
}

.divNotificacionContainerDivisas {
    background-color: var(--grises-fondo-claro);
    width: 604px;
    height: 44px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
}


.divNotificacionContainerSummary {
    background-color: var(--grises-fondo-claro);
    width: 800px;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
}

.form-wrapper.with-result {
    height: auto;
}


.pnlDinamico3 {
    display: block;
    background-color: #F5F5F5;
}

.hiddenByDefault {
    display: none;
}


.divNotificacionContainerClaveResumen {
    /* position: relative; */
    background-color: var(--grises-fondo-claro);
    width: 800px;
    height: 177px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
    margin-top: 3%;
}

.labelTituloErrores {
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
    /* Body/Bold/Body-XS */
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 150% */
    letter-spacing: 0.1px;
}

.listaErrores {
    margin-left: 2%;
    color: var(--Grises-Gris-Oscuro-90, #3F3F3F);
    /* Body/Regular/Body-XS */
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    letter-spacing: 0.1px;
}


.divNotificacionContainerTamanoClaveResumen {
    align-self: auto;
    padding-top: 165px;
    padding-bottom: 21px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    height: 10%;
}


.divNotificacionLineaErrorClaveResumen {
    width: 2px;
    align-self: stretch;
    transform: rotate(-180deg);
    transform-origin: top left;
    background: var(--Color-Alert-Red, #C30000);
    border-radius: 12px;
    height: 150px;
}


.errormessajeclave {
    color: #D90000;
    visibility: hidden !important;
}

.errormessaje::before,
.errormessaje::after {
    content: none !important;
    display: none !important;
}

.divPanelWhite {
    width: 1144px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
}

.divTitleCentrePagePrincipal {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word
}

.divPosicionConsultaLocationsMap {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.divLocationMapQuest {
    width: 448px;
    text-align: left;
    display: flex;
    flex-direction: column;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word
}

.divLocationMapControlsDiv {
    align-self: stretch;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divFrameControlLocation {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

#ctl00_childContent_ctLocatiosMap_txtNombre {
    width: 448px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
}

.StyleTextoConntrolLocation {
    flex: 1 1 0;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divWhitePanelValidateToken {
    width: 1144px;
    height: auto;
    background-color: var(--grises-blanco, #ffffff);
    align-self: stretch;
    padding: 32px;
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: inline-flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.divWhitePanelValidateToken .divTitleCentrePagePrincipal {
    font-weight: 800;
}

.divPositionTitleToken {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionControlsToken {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionImgToken {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divImgValidateToken {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconValidateToken.svg");
    background-repeat: no-repeat;
    width: 88px;
    height: 88px;
    position: relative;
    overflow: hidden;
}

.divSytileTextPage {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 18px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divLabelControlToken {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divWhitePanelValidateToken .divLabelControlToken {
    padding-left: 4px;
}

/* --- GDS scoped: Ingreso con token (HIS-035 / GRP-001..004) --- */

/* GRP-001: Icono encabezado */
.divWhitePanelValidateToken .divPositionImgToken {
    gap: 24px;
}

.divWhitePanelValidateToken .divImgValidateToken {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-position: center;
}

/*
 * GRP-002: Input token ÔÇö estados GDS (Figma 1633:22503 / error 1633:22829)
 * Scope: solo USR_ValidateToken / .divWhitePanelValidateToken
 * Icono de error solo en estado .div_BorderRed (dentro del input).
 */
.divWhitePanelValidateToken .divFrameControlLocation {
    width: 448px;
    max-width: 448px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

/* Normal ÔÇö borde Gris claro 40 (#C4C4C4) en contenedor */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.wizardStep_FrameControlContainer.divPaddingControl {
    box-sizing: border-box;
    width: 448px;
    max-width: 448px;
    min-height: 48px;
    height: 48px;
    padding: 0 !important;
    margin: 0;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    align-self: stretch;
    gap: 0 !important;
    background-color: var(--grises-blanco, #ffffff);
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent input.StyleTextoConntrolLocation,
.divWhitePanelValidateToken #ctl00_childContent_cgValidateToken_ctToken {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-sizing: border-box;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    border-radius: 8px;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent input::placeholder,
.divWhitePanelValidateToken #ctl00_childContent_cgValidateToken_ctToken::placeholder {
    color: var(--grises-gris-claro-100, #949494);
    opacity: 1;
}

/* Sin icono en estados distintos de error */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:not(.div_BorderRed) input.div_IconErrorAlert,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:not(.div_BorderRed) input.StyleTextoConntrolLocation {
    background-image: none !important;
}

/* Error — Figma 1633:22829: borde rojo + icono dentro del input (solo .div_BorderRed) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed:hover,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed:focus-within:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus),
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed:active:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus) {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

/* Error + Focus Tab — Figma 10286:172829: borde rojo 2px + anillo rojo 2px (sin anillo verde) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed.gds-keyboard-focus,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed.gds-error-keyboard-focus,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed.gds-keyboard-focus:focus-within,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed.gds-error-keyboard-focus:focus-within {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: 0 0 0 2px var(--Alertas-Rojo-error, #C30000) !important;
    outline: none !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed input,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed input.StyleTextoConntrolLocation,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.div_BorderRed #ctl00_childContent_cgValidateToken_ctToken {
    padding-right: 48px !important;
    background-image: none !important;
}

/* Hover ÔÇö Gris claro 100 (#949494) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:hover:not(:active):not(:focus-within):not(.div_BorderRed):not(.gds-input-warning):not(.gds-input-success):not(.gds-input-validating):not(.gds-input-completed) {
    border-color: var(--grises-gris-claro-100, #949494);
    box-shadow: none;
}

/* Selected ÔÇö clic sostenido (#717171) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:active:not(:focus-within):not(.div_BorderRed):not(.gds-input-warning):not(.gds-input-success):not(.gds-input-validating) {
    border-color: var(--selected-borde, #717171);
    box-shadow: none;
}

/* Activated — mouse / pointer (#00693C); sin anillo Focus (anula outline global del contenedor) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:focus-within:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus):not(.div_BorderRed):not(.gds-input-warning):not(.gds-input-success):not(.gds-input-validating) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:active:focus-within:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focused — solo Tab (.gds-keyboard-focus vía JS): borde transparente + anillo 4px #C3E5A9 */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-keyboard-focus:not(.div_BorderRed):not(.gds-error-keyboard-focus) {
    border-color: transparent !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 4px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Disabled ÔÇö Gris claro 40 (#C4C4C4) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent:has(input:disabled) {
    border-color: var(--grises-gris-claro-40, #C4C4C4);
    background: var(--grises-blanco, #ffffff);
    box-shadow: none;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent input:disabled {
    color: var(--grises-gris-claro-40, #C4C4C4);
    -webkit-text-fill-color: var(--grises-gris-claro-40, #C4C4C4);
    cursor: not-allowed;
}

.divWhitePanelValidateToken .divFrameControlLocation:has(#divBorderContent input:disabled) .divLabelControlToken {
    color: var(--grises-gris-claro-40, #C4C4C4);
}

/* Warning ÔÇö borde naranja, sin icono */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-warning,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-warning:hover,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-warning:focus-within,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-warning:active,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-warning.gds-keyboard-focus {
    border: 2px solid var(--gds-alert-warning, #DD890A) !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Success ÔÇö borde verde, sin icono */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-success,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-success:hover,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-success:focus-within,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-success:active,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-success.gds-keyboard-focus {
    border: 2px solid var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Validating ÔÇö borde normal mientras valida */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-validating,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-validating:hover,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-validating:focus-within,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-validating:active,
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-validating.gds-keyboard-focus {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Completed — texto ingresado, borde Gris claro 40 (solo sin foco activo) */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-completed:not(:focus-within):not(.gds-keyboard-focus),
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-completed:hover:not(:focus-within):not(.gds-keyboard-focus),
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-completed:active:not(:focus-within):not(.gds-keyboard-focus) {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    box-shadow: none !important;
    background-image: none !important;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-completed input {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
}

/* Optional ÔÇö texto "Opcional" alineado a la derecha, sin icono */
.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-optional {
    position: relative;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-optional input {
    padding-right: 88px !important;
}

.divWhitePanelValidateToken .divFrameControlLocation #divBorderContent.gds-input-optional::after {
    content: "Opcional";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--grises-gris-claro-100, #949494);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    pointer-events: none;
}

/* GRP-004: Barra botones Cancelar / Aceptar ÔÇö estados GDS (Figma bot├│n secundario / primario) */
.divWhitePanelValidateToken .divPositionButtonsValidateToken {
    width: 488px;
    display: inline-flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

/*
 * Cancelar ÔÇö Bot├│n Secundario GDS | Full Color | Label
 * Estados: Normal / Hover / Selected(:active) / Focus(:focus-visible Tab) / Disabled
 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:enabled {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Hover ÔÇö Primario 10 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:hover,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:hover,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:enabled:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus mouse ÔÇö sin anillo */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:focus:not(:focus-visible),
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:focus:not(:focus-visible),
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:focus:not(:focus-visible) {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Selected ÔÇö Primario 20 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:hover:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:hover:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:active:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus Tab — solo anillo Secundario 30 / 4px (sin borde normal visible) */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:focus-visible,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:focus-visible,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:focus-visible {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:focus-visible:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:focus-visible:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:focus-visible:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Disabled ÔÇö Gris claro 40 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbCancel.Button-White-Secondary:disabled,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbCancel.Button-White-Secondary:disabled,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .Button-White-Secondary:disabled {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    cursor: not-allowed !important;
    outline: none !important;
    box-shadow: none !important;
}

/*
 * Aceptar ÔÇö Bot├│n Primario GDS | Full Color | Label
 * Estados: Normal / Hover / Selected(:active) / Focus(:focus-visible Tab) / Disabled
 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:enabled {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: var(--Color-Button-Enable, #00693C) !important;
    background-image: none !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Hover ÔÇö Primario 60 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:hover,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left:hover,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:enabled:hover {
    background-color: var(--Color-Button-Hover, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus mouse ÔÇö sin anillo */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:focus:not(:focus-visible),
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left:focus:not(:focus-visible),
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:focus:not(:focus-visible) {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Selected ÔÇö Primario 80 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:hover:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left:hover:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:focus-visible:active,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:active:focus:not(:focus-visible) {
    background-color: var(--veder-button-selected, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus Tab ÔÇö Verde primario + outline Secundario 30 4px */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:focus-visible,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left:focus-visible,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:focus-visible {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* Disabled ÔÇö Gris Fondo + Gris claro 40 */
.divWhitePanelValidateToken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:disabled,
.divWhitePanelValidateToken .divPositionButtonsValidateToken input#ctl00_childContent_cgValidateToken_cbAccept.button_Start_Left:disabled,
.divWhitePanelValidateToken .divPositionButtonsValidateToken .button_Start_Left:disabled {
    background-color: var(--grises-fondo, #EEEEEE) !important;
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border: none !important;
    cursor: not-allowed !important;
    outline: none !important;
    box-shadow: none !important;
}

/* --- Fin GDS scoped Ingreso con token --- */

/* --- GDS scoped: Actualización de token / USR_InvitationSoftoken (GRP-001..007) --- */
/* Scope: solo .divPanelWhiteRollSoftoken / genInvitationSoftokenUC.ascx */

/* GRP-001: Icono encabezado 64×64 */
.divPanelWhiteRollSoftoken .divImgValidateToken {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-position: center;
}

/* GRP-002: Espaciado icono → instrucción 24px
   DOM: icono (.divPositionImgInstRollSoft) e instrucción (clThanks) son hijos de .divPositionControlsToken */
.divPanelWhiteRollSoftoken .divPositionControlsToken {
    gap: 24px;
}

/* Barra botones — alineación GDS (216 + 16 + 216 = 448; contenedor 488) */
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken {
    width: 488px;
    display: inline-flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

/*
 * GRP-003 / GRP-004 / GRP-005 — «Más tarde»
 * Botón Terciario GDS Full Color | Label (46821:25818 / estados 46821:26102)
 */
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:enabled {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder:hover,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder:hover,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:enabled:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder:focus:not(:focus-visible),
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder:focus:not(:focus-visible),
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:focus:not(:focus-visible) {
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder:hover:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder:hover:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:active:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder:focus-visible,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder:focus-visible,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:focus-visible {
    background-color: var(--grises-blanco, #ffffff) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: 0 0 0 4px var(--secundarios-verde-secundario-30, var(--verde-focus-control, #C3E5A9)) !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbCancel.Button-White-WhitOutBorder:focus-visible:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbCancel"].Button-White-WhitOutBorder:focus-visible:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .Button-White-WhitOutBorder:focus-visible:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    box-shadow: none !important;
}

/*
 * GRP-006 / GRP-007 — «Aceptar»
 * Botón Primario GDS Full Color | Label
 */
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:enabled {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: var(--Color-Button-Enable, #00693C) !important;
    background-image: none !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:hover,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left:hover,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:enabled:hover {
    background-color: var(--Color-Button-Hover, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:focus:not(:focus-visible),
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left:focus:not(:focus-visible),
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:focus:not(:focus-visible) {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:hover:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left:hover:active,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:active:focus:not(:focus-visible) {
    background-color: var(--veder-button-selected, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:focus-visible,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left:focus-visible,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:focus-visible {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken #cbAccept.button_Start_Left:disabled,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken input[id$="_cbAccept"].button_Start_Left:disabled,
.divPanelWhiteRollSoftoken .divPositionButtonsValidateToken .button_Start_Left:disabled {
    background-color: var(--grises-fondo, #EEEEEE) !important;
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border: none !important;
    cursor: not-allowed !important;
    outline: none !important;
    box-shadow: none !important;
}

/* --- Fin GDS scoped Actualización de token --- */

#ctl00_childContent_cgValidateToken_ctToken {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 448px;
    box-sizing: border-box;
    height: 24px;
    background-color: var(--grises-blanco);
}

.divPaddingControl {
    padding:16px 12px;
}

.divPositionButtonsValidateToken {
    
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}

.divPositionButtonsValidateToken .Button-White-Secondary:enabled,
.divPositionButtonsValidateToken .Button-White-Secondary:hover,
.divPositionButtonsValidateToken .Button-White-Secondary:focus {
    width: 216px !important;
}

.divPositionButtonsValidateToken .button_Start_Left:enabled,
.divPositionButtonsValidateToken .button_Start_Left:hover,
.divPositionButtonsValidateToken .button_Start_Left:focus {
    width: 216px !important;
}

.Button-White-Secondary:enabled {
    text-align: center;
    background-color: var(--grises-blanco, #ffffff) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    position: relative !important;
    flex: 1 !important;
}

.Button-White-Secondary:hover {
    text-align: center;
    background-color: var(--grises-blanco, #ffffff) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    position: relative !important;
    flex: 1 !important;
}

.Button-White-Secondary:active,
.Button-White-Secondary:focus:not(:focus-visible) {
    text-align: center;
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    position: relative !important;
    flex: 1 !important;
}

.Button-White-Secondary:focus-visible {
    text-align: center;
    background-color: var(--grises-blanco, #ffffff) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    box-sizing: border-box !important;
    position: relative !important;
    flex: 1 !important;
}

.divPanelWhiteRollSoftoken {
    width: 1144px;
    height: auto;
    align-self: stretch;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: inline-flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.divPositionTitleRollSoftkenPage {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    margin-bottom: 30px;
}

.divPositionImgInstRollSoft {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex
}

.StyleInstructionInstRollSoft {
    align-self: stretch;
    text-align:left;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    width: 448px;
    height: 50px;
}


.Button-White-WhitOutBorder:enabled {
    text-align: center;
    background-color: var(--grises-blanco, #ffffff) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    flex: 1 !important;
    border: none !important;
}

.Button-White-WhitOutBorder:hover {
    text-align: center;
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    border: none !important;
    position: relative !important;
    flex: 1 !important;
}

.Button-White-WhitOutBorder:focus {
    text-align: center;
    background-color: var(--grises-blanco, #ffffff) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C);
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    border-color: var(--verde-focus-control, #C3E5A9);
    position: relative !important;
    flex: 1 !important;
    border-width: 4px !important;
}

.divWhiteEnrrollmentSoftoken {
    width: 1144px;
    height: 579px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: inline-flex;
    margin-top: 30px;
}

.StyleTitleEnrollTokenWizard {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionBarSteper {
    width: 376px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 4px;
    display: flex;
}

.divBackgroundSteper {
    width: 376px;
    height: 8px;
    background: var(--typography-and-Shapes-Gray-20, #E9E9E9);
    border-radius: 10px;
}

.divBackgroundProgressBar {
    width: 75.20px;
    height: 8px;
    background: var(--Color-progress-bar, #69BE28);
}

.divPositionControlsSteper {
    align-self: stretch;
    height: 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: inline-flex;
}

.divStyleTextSteper {
    flex: 1 1 0;
    display: flex;
    color: var(--components-navigation-progress-bar-Text, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divStlelySteperOne {
    text-align: right;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--components-navigation-progress-bar-Text, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divAlingSpteper {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
}

.divPositionStepWizard {
    width: 912px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divPositionWizardControls {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}
.divPositionTitelUserWizardEnroll {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionInstructionsEnroll {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divSubtitileEnrollWizard {
    align-self: stretch;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionInstructionWizard {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.StyleTextInstruction {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}
.StyleTextInstructionBlod {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divBackgroundProgressBarStepTwo {
    width: 150.40px;
    height: 8px;
    background: var(--Color-progress-bar, #69BE28);
}

.divBackgroundProgressBarStepThird {
    width: 225.60px;
    height: 8px;
    background: var(--Color-progress-bar, #69BE28);
}

.divBackgroundProgressBarStepFourth {
    width: 300.80px;
    height: 8px;
    background: var(--Color-progress-bar, #69BE28);
}

.divBackgroundProgressBarStepFifth {
    width: 376px;
    height: 8px;
    background: var(--Color-progress-bar, #69BE28);
}

/* --- GDS scoped: Actualización de token — Wizard paso 1 / wcEnrollmentSoftokenUC (GRP-001..006) --- */
/* Scope: solo .divWhiteEnrrollmentSoftoken · wcEnrollmentSoftokenPage.aspx · HITL Approved 2026-07-30 */

/* GRP-006: Panel — altura automática (padding 32px define espacio inferior GDS) */
.divWhiteEnrrollmentSoftoken {
    height: auto !important;
    min-height: 0 !important;
}

/* GRP-001: Stepper — border radius en segmento verde (igual extremo derecho del track) */
.divWhiteEnrrollmentSoftoken .divBackgroundSteper {
    overflow: hidden;
}

.divWhiteEnrrollmentSoftoken .divBackgroundProgressBar,
.divWhiteEnrrollmentSoftoken .divBackgroundProgressBarStepTwo,
.divWhiteEnrrollmentSoftoken .divBackgroundProgressBarStepThird,
.divWhiteEnrrollmentSoftoken .divBackgroundProgressBarStepFourth,
.divWhiteEnrrollmentSoftoken .divBackgroundProgressBarStepFifth {
    border-radius: 10px 0 0 10px;
}

/* GRP-002: Espaciado stepper → contenido 24px (Figma 7:14140) */
.divWhiteEnrrollmentSoftoken .divAlingSpteper {
    margin-bottom: 0 !important;
}

.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPositionStepWizard,
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPositionEnrollSoftokeStep2,
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPostionStepFourthEnrollSoftoken,
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPositionControlFifthStepEnroll {
    margin-top: 0 !important;
    padding-top: 24px !important;
}

/* GRP-003: Espaciado contenido → botón «Siguiente» 24px (Figma 23:4986 — gap Inputs+Actions) */
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td:not([id*='NavigationTemplate']):not([id*='HeaderContainer']):not(.graybar) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: top !important;
}

.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr[id*='StartNavigationTemplateContainerID'] > td,
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr[id*='StartNavigationTemplateContainerID'] > td.graybar,
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td[id*='StartNavigationTemplateContainerID'],
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td.graybar:has(#StartNextButton),
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td.graybar:has(input[id*='StartNextButton']) {
    padding: 24px 0 0 0 !important;
    margin: 0 !important;
    border: none !important;
    vertical-align: top !important;
    text-align: left !important;
    width: 912px;
    max-width: 100%;
    box-sizing: border-box;
    line-height: normal !important;
    background: transparent !important;
    display: block !important;
}

/*
 * GRP-004 / GRP-005 — «Siguiente» paso Start (StartNextButton)
 * Botón Primario GDS Full Color | Label (46821:24891 focus)
 */
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] #StartNextButton.button_Start_Left,
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] input[id*='StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left,
.divWhiteEnrrollmentSoftoken input[id*='wcEnrollmentSoftokenUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: var(--Color-Button-Enable, #00693C) !important;
    background-image: none !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    float: none !important;
    position: relative !important;
}

.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] #StartNextButton.button_Start_Left:hover,
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] input[id*='StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:hover,
.divWhiteEnrrollmentSoftoken input[id*='wcEnrollmentSoftokenUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:hover {
    background-color: var(--Color-Button-Hover, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] #StartNextButton.button_Start_Left:focus:not(:focus-visible),
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] input[id*='StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:focus:not(:focus-visible),
.divWhiteEnrrollmentSoftoken input[id*='wcEnrollmentSoftokenUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:focus:not(:focus-visible) {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] #StartNextButton.button_Start_Left:active,
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] input[id*='StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:active,
.divWhiteEnrrollmentSoftoken input[id*='wcEnrollmentSoftokenUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:active,
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] #StartNextButton.button_Start_Left:active:focus:not(:focus-visible),
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] input[id*='StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:active:focus:not(:focus-visible),
.divWhiteEnrrollmentSoftoken input[id*='wcEnrollmentSoftokenUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:active:focus:not(:focus-visible) {
    background-color: var(--veder-button-selected, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] #StartNextButton.button_Start_Left:focus-visible,
.divWhiteEnrrollmentSoftoken table[id*='StartNavigationTemplateContainerID'] input[id*='StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:focus-visible,
.divWhiteEnrrollmentSoftoken input[id*='wcEnrollmentSoftokenUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'].button_Start_Left:focus-visible {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* --- Fin GDS scoped Wizard paso 1 Actualización de token --- */

/* --- GDS scoped: Actualización de token — Wizard paso 2 OTP / wcEnrollmentSoftokenUC (GRP-001-P2..009-P2) --- */
/* Scope: .divWhiteEnrrollmentSoftoken · wzOTP · Figma 6757:62226 / 13:8627 · HITL 2026-07-30 */

/* GRP-003-P2: Icono 64×64 + gap icono → instrucción 24px */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-otp .divPositionImgToken {
    gap: 24px;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-otp .divImgValidateToken {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-position: center;
}

/* GRP-004-P2 / GRP-009-P2: Input OTP 448×48 + helper error */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field {
    width: 448px;
    max-width: 448px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.wizardStep_FrameControlContainer.divPaddingControl {
    box-sizing: border-box;
    width: 448px;
    max-width: 448px;
    min-height: 48px;
    height: 48px;
    padding: 0 !important;
    margin: 0;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    align-self: stretch;
    gap: 0 !important;
    background-color: var(--grises-blanco, #ffffff);
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent input.StyleTextoConntrolLocation,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #ctToken,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field input[id*='ctToken'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-sizing: border-box;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    border-radius: 8px;
    display: block !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent:not(.div_BorderRed) input.div_IconErrorAlert,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent:not(.div_BorderRed) input.StyleTextoConntrolLocation {
    background-image: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed:hover,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed:focus-within:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus),
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed:active:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus) {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

/* Error + Focus Tab — anillo rojo #C30000 (Figma paso 3 / hallazgo Inputs error+focus) */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed.gds-keyboard-focus,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed.gds-error-keyboard-focus,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed.gds-keyboard-focus:focus-within,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed.gds-error-keyboard-focus:focus-within {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: 0 0 0 2px var(--Alertas-Rojo-error, #C30000) !important;
    outline: none !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed input,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed input.StyleTextoConntrolLocation,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed input.div_IconErrorAlert,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.div_BorderRed input[id*='ctToken'] {
    padding-right: 48px !important;
    background-image: none !important;
    background: transparent !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent:hover:not(:active):not(:focus-within):not(.div_BorderRed) {
    border-color: var(--grises-gris-claro-100, #949494);
    box-shadow: none;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent:active:not(:focus-within):not(.div_BorderRed) {
    border-color: var(--selected-borde, #717171);
    box-shadow: none;
}

/* Activated — clic / escritura: solo borde verde, sin anillo Focus */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent:focus-within:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus):not(.div_BorderRed) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent:active:focus-within:not(.gds-keyboard-focus):not(.gds-error-keyboard-focus):not(.div_BorderRed) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focus Tab — borde transparente + anillo 4px #C3E5A9 (sin borde normal visible) */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field #divBorderContent.gds-keyboard-focus:not(.div_BorderRed):not(.gds-error-keyboard-focus) {
    border-color: transparent !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 4px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field .div_ErrorMessageValidator {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.1px;
    padding: 0 0 0 16px !important;
    margin: 0 !important;
    text-align: left;
    background-image: none !important;
    background-color: transparent !important;
    width: auto;
    max-width: 448px;
    align-self: stretch;
    box-sizing: border-box;
    color: var(--Alertas-Rojo-error, #C30000);
    display: block;
    min-height: 0;
    border: none;
    gap: 0;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-otp-field .div_ErrorMessageValidator:empty {
    display: none;
    padding: 0 !important;
    min-height: 0;
}

/* GRP-006-P2 / GRP-006b-P2: Botonera paso 2 — columna 448px, Anterior + Siguiente alineados al input */
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr[id*='StepNavigationTemplateContainerID'] > td.graybar,
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td[id*='StepNavigationTemplateContainerID'],
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td.graybar:has(input[id*='StepNavigationTemplateContainerID_StepNextButton']) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    width: 448px !important;
    max-width: 100% !important;
    margin: 24px auto 0 auto !important;
    padding: 0 !important;
    border: none !important;
    vertical-align: top !important;
    text-align: right !important;
    box-sizing: border-box;
    line-height: normal !important;
    background: transparent !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepPreviousButton'],
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:enabled,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:hover,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:active,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:focus,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:focus-visible {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    float: none !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    outline: none !important;
}

/* Anterior — Botón terciario GDS */
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepPreviousButton'] {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:active,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:focus-visible {
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* Siguiente — Botón primario GDS */
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:enabled {
    border: none !important;
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:hover {
    background-color: var(--Color-Button-Hover, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:active,
.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:focus:not(:focus-visible) {
    background-color: var(--veder-button-selected, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
}

.divWhiteEnrrollmentSoftoken input[id*='StepNavigationTemplateContainerID_StepNextButton'].button_Primary_Left:focus-visible {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* --- Fin GDS scoped Wizard paso 2 OTP Actualización de token --- */

/* --- GDS scoped: Actualización de token — Wizard paso 3 QR / wcEnrollmentSoftokenUC (GRP-001-P3..008-P3) --- */
/* Scope: .gds-enroll-softoken-step-qr · wzActivation · Figma 6779:12315 / 13:8741 · HITL 2026-07-30 */

/* GRP-002-P3 FIND-002: stepper → contenido 16px (audit 6779:12315 — nota 2) */
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPositionEnrollSoftokeStep2.gds-enroll-softoken-step-qr,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr.divPositionEnrollSoftokeStep2 {
    padding-top: 16px !important;
    margin-top: 0 !important;
    gap: 0 !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
}

/* GRP-003-P3 FIND-003: bloque instrucciones ↔ bloque QR 16px (audit — nota 3) */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divSizePositioThirdStepEnroll {
    width: 768px;
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    gap: 16px !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divPositionTextThirdStepEnroll {
    width: 448px;
    max-width: 100%;
    gap: 16px !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divPositionTextThirdStepEnroll .StyleTextInstruction {
    margin: 0 !important;
    padding: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divPositionControlsThirdStepEnroll {
    width: 448px;
    max-width: 100%;
    gap: 16px !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* GRP-007-P3: QR 128×128 (Figma 13:8741) — recorte quiet-zone del PNG servicio */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .gds-enroll-softoken-qr-wrap {
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    max-width: 128px !important;
    max-height: 128px !important;
    overflow: hidden !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
    flex: 0 0 128px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .gds-enroll-softoken-qr-wrap #qrcode,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .gds-enroll-softoken-qr-wrap img[id*='qrcode'],
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr #qrcode,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr img[id*='qrcode'] {
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    max-width: 128px !important;
    max-height: 128px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.4) !important;
    transform-origin: center center !important;
    image-rendering: pixelated !important;
    image-rendering: crisp-edges !important;
}

/* Labels activación / serial — centrados, gap 8px (Figma data qr) */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divContainerLabelsThirdStepEnroll {
    align-self: stretch;
    align-items: center !important;
    gap: 8px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divPostionActivationCode {
    align-items: center !important;
    align-self: stretch;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divSizeActivationCode {
    text-align: center;
    justify-content: center;
    height: auto;
    min-height: 17px;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divPositionSerialNumber {
    text-align: center;
    justify-content: center;
}

/* GRP-004-P3 / GRP-005-P3 / GRP-008-P3: Botonera — reutiliza StepNavigation (448px, 216px, focus)
   Las reglas de nav del paso 2 OTP aplican globalmente a StepNavigationTemplate en enrollment. */

/* --- Fin GDS scoped Wizard paso 3 QR Actualización de token --- */

/* --- GDS scoped: Actualización de token — Wizard paso 4 Registro / wcEnrollmentSoftokenUC --- */
/* Scope: .gds-enroll-softoken-step-register · wzValidationManual · Figma 6779:48046 / 13:8833 */

/* GRP-002-P4: stepper → contenido 24px (Figma 13:8833) */
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPostionStepFourthEnrollSoftoken.gds-enroll-softoken-step-register,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register.divPostionStepFourthEnrollSoftoken {
    padding-top: 24px !important;
    margin-top: 0 !important;
    gap: 0 !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Bloque contenido Figma 25:6652 — icono + instrucción + input, gap 16px, columna 448px centrada */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .gds-enroll-softoken-register-content,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .divPostionInterStepFourthEnrollSof {
    width: 448px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 16px !important;
    align-self: center !important;
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Icono centrado en la columna 448px */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .gds-enroll-softoken-register-icon {
    align-self: center !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconBancaFormularioContrasena.svg") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

/* Instrucción — ancho completo columna (Figma 25:6653 w 448) */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .gds-enroll-softoken-register-instruction,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .divInstrutionStepTwoWizardEnroll {
    width: 100% !important;
    max-width: 448px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .divInstrutionStepTwoWizardEnroll .StyleTextInstruction {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

/* GRP-004-P4: Input Código de Registro 448×48 + label gap 4px — alineado a columna */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field {
    width: 100% !important;
    max-width: 448px !important;
    align-self: stretch !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field .divPositionLabelRegisterCodeEnrollSof {
    padding-left: 8px;
    margin: 0 !important;
    align-self: stretch;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister.wizardStep_FrameControlContainer.divPaddingControl {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 448px !important;
    min-height: 48px;
    height: 48px;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    align-self: stretch !important;
    gap: 0 !important;
    background-color: var(--grises-blanco, #ffffff);
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister input.StyleTextoConntrolLocation,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #txtRegisterCode,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field input[id*='txtRegisterCode'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-sizing: border-box;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    border-radius: 8px;
    display: block !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister:hover:not(:active):not(:focus-within):not(.div_BorderRed) {
    border-color: var(--grises-gris-claro-100, #949494);
    box-shadow: none;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister:active:not(:focus-within):not(.div_BorderRed) {
    border-color: var(--selected-borde, #717171);
    box-shadow: none;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister:focus-within:not(.gds-keyboard-focus):not(.div_BorderRed) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister:active:focus-within:not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-register-field #divBorderContentRegister.gds-keyboard-focus:not(.div_BorderRed) {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* GRP-005-P4 / GRP-006-P4: Botonera — reutiliza StepNavigation global (448px, 216px, gap 16, margin-top 24) */

/* --- Fin GDS scoped Wizard paso 4 Registro Actualización de token --- */

/* --- GDS scoped: Actualización de token — Wizard paso 5 Validación / wcEnrollmentSoftokenUC --- */
/* Scope: .gds-enroll-softoken-step-finish · wzFinish · Figma 6779:48046 / 13:8989 · HITL 2026-07-31 */

/* FIND-9: stepper paso 5 — barra 100% con border-radius completo */
.divWhiteEnrrollmentSoftoken .divBackgroundProgressBarStepFifth {
    width: 100% !important;
    border-radius: 10px !important;
}

/* FIND-10/11: stepper → icono 24px; icono → texto 24px (Figma 13:8989) */
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPositionControlFifthStepEnroll.gds-enroll-softoken-step-finish,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish.divPositionControlFifthStepEnroll {
    padding-top: 24px !important;
    margin-top: 0 !important;
    gap: 0 !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .gds-enroll-softoken-finish-body {
    width: 448px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    box-sizing: border-box !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .gds-enroll-softoken-finish-icon,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .imgLikegif {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    flex: 0 0 64px !important;
    object-fit: contain !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .gds-enroll-softoken-finish-message,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .divPositioLabelFinishEnroll {
    width: 100% !important;
    max-width: 448px !important;
    align-self: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .divPositioLabelFinishEnroll .StyleTextInstruction {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

/* FIND-13: contenido → botonera 24px (FinishNavigationTemplateContainerID) */
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr[id*='FinishNavigationTemplateContainerID'] > td,
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td[id*='FinishNavigationTemplateContainerID'],
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr[id*='FinishNavigationTemplateContainerID'] > td.graybar,
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td.graybar:has(input[id*='FinishNavigationTemplateContainerID_FinishButton']) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px auto 0 auto !important;
    padding: 0 !important;
    border: none !important;
    vertical-align: top !important;
    text-align: center !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    background: transparent !important;
}

/* FIND-12: nav Anterior + Finalizar — 448px, gap 16, botones 216×48 */
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav {
    width: 448px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    box-sizing: border-box !important;
    line-height: normal !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav input.button_Primary_Left,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton'],
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton'] {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    outline: none !important;
}

/* Anterior — Botón terciario GDS (mismo patrón pasos 2–4 / Figma 13:8989 Button - Tertiary) */
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton'] {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:active,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:focus-visible {
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav input.button_Primary_Left:enabled,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton']:enabled {
    border: none !important;
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav input.button_Primary_Left:hover,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton']:hover {
    background-color: var(--Color-Button-Hover, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav input.button_Primary_Left:active,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton']:active,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav input.button_Primary_Left:focus:not(:focus-visible),
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton']:focus:not(:focus-visible) {
    background-color: var(--veder-button-selected, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    outline: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav input.button_Primary_Left:focus-visible,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton']:focus-visible {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* --- Fin GDS scoped Wizard paso 5 Validación Actualización de token --- */


.divLabelControlSecurityCode {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}


.divPositonSecurityCode {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divInstrutionStepTwoWizardEnroll {
    width: 448px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

#ctl00_childContent_wcEnrollmentSoftokenUC_ctWizard_ctToken {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 392px;
    height: 24px;
    background-color: var(--grises-blanco);
}

.divPositionEnrollSoftokeStep2 {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: flex;
}

.divPositionInterEnrollSoftokeStep2 {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divSizePositioThirdStepEnroll {
    width: 768px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
    margin-top: 24px;
}

.divPositionTextThirdStepEnroll {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    display: flex
}

.divPositionControlsThirdStepEnroll {
    width: 448px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

/* GDS paso 3 QR — refuerzo post-legacy enrollment (FIND-002/003 audit 6779:12315) */
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPositionEnrollSoftokeStep2.gds-enroll-softoken-step-qr,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr.divPositionEnrollSoftokeStep2 {
    padding-top: 16px !important;
    margin-top: 0 !important;
    gap: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .divSizePositioThirdStepEnroll {
    margin-top: 0 !important;
    gap: 16px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .gds-enroll-softoken-qr-wrap {
    width: 128px !important;
    height: 128px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr .gds-enroll-softoken-qr-wrap img[id*='qrcode'],
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-qr img[id*='qrcode'] {
    width: 128px !important;
    height: 128px !important;
    object-fit: cover !important;
    transform: scale(1.4) !important;
    transform-origin: center center !important;
}

.divContainerLabelsThirdStepEnroll {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPostionActivationCode {
    align-self: stretch; 
    flex-direction: column; 
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px; 
    display: flex;
}

.divSizeActivationCode {
    align-self: stretch;
    height: 17px;
    text-align: center;
    justify-content: center;
    display: flex;
}

.StyleTextLabelActivationCode {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 18px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleTextActivationCode {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 18px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionSerialNumber {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
}

.StyleTextLabelSerialNombre {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 12px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleTextSerialNombre {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 12px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word
}

.divPostionStepFourthEnrollSoftoken {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: flex;
}

/* GDS paso 4 Registro — refuerzo post-legacy enrollment (Figma 13:8833) */
.divWhiteEnrrollmentSoftoken .divAlingSpteper + .divPostionStepFourthEnrollSoftoken.gds-enroll-softoken-step-register,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register.divPostionStepFourthEnrollSoftoken {
    padding-top: 24px !important;
    margin-top: 0 !important;
    gap: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .gds-enroll-softoken-register-content,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .divPostionInterStepFourthEnrollSof {
    width: 448px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    align-items: stretch !important;
    gap: 16px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .gds-enroll-softoken-register-field,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .divSizePositionControlsFourthStepEnrollSof.gds-enroll-softoken-register-field {
    width: 100% !important;
    max-width: 448px !important;
    align-self: stretch !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register .gds-enroll-softoken-register-icon {
    width: 64px !important;
    height: 64px !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconBancaFormularioContrasena.svg") !important;
    background-size: contain !important;
    background-position: center !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register #divBorderContentRegister.wizardStep_FrameControlContainer.divPaddingControl {
    width: 100% !important;
    max-width: 448px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register #divBorderContentRegister input[id*='txtRegisterCode'],
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register #txtRegisterCode {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.divPostionInterStepFourthEnrollSof {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}
.divSizePositionControlsFourthStepEnrollSof {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divPositionLabelRegisterCodeEnrollSof {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleTextRegisterCode {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

#ctl00_childContent_wcEnrollmentSoftokenUC_ctWizard_txtRegisterCode {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 392px;
    height: 24px;
    background-color: var(--grises-blanco);
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register #ctl00_childContent_wcEnrollmentSoftokenUC_ctWizard_txtRegisterCode,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register input[id*='txtRegisterCode'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    display: block !important;
}

/* Refuerzo post-legacy — paso 5 Validación de token (wzFinish) */
.divWhiteEnrrollmentSoftoken .divBackgroundProgressBarStepFifth {
    width: 100% !important;
    border-radius: 10px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .gds-enroll-softoken-finish-body {
    width: 448px !important;
    max-width: 100% !important;
    gap: 24px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .gds-enroll-softoken-finish-icon,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .imgLikegif {
    width: 64px !important;
    height: 64px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-finish .divPositioLabelFinishEnroll {
    width: 100% !important;
    max-width: 448px !important;
    align-self: stretch !important;
}

.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr[id*='FinishNavigationTemplateContainerID'] > td,
.divWhiteEnrrollmentSoftoken table[id*='wcEnrollmentSoftokenUC_ctWizard'] > tbody > tr > td[id*='FinishNavigationTemplateContainerID'] {
    margin-top: 24px !important;
    padding: 0 !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton'],
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishButton'] {
    margin: 0 !important;
    right: auto !important;
    left: auto !important;
    float: none !important;
    position: relative !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-finish-nav {
    width: 448px !important;
    max-width: 100% !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton'] {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:active,
.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhiteEnrrollmentSoftoken input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:focus-visible {
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
}

.imgLikegif {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
}

.divPositionControlFifthStepEnroll {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: flex;
}

.divPositioLabelFinishEnroll {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}

.button_Finish_Left {
    right: 120px;
}

    .button_Finish_Left:disabled {
        background: var(--Color-Button-Disable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
     
        text-decoration-color: var(--Color-Button-Disable) !important;
        border: none !important;
        color: var(--Color-text-Button-Disable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
       
        
    }

    .button_Finish_Left:enabled {
        background: var(--Color-Button-Enable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
       
        text-decoration-color: var(--Color-Button-Enable) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        
        
    }

    .button_Finish_Left:hover {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
      
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
      
       
    }


    .button_Finish_Left:focus {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        height: 48px !important;
        
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: 4px solid #C3E5A9 !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 17px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        
        
    }


.divWhitePanelSesionExpired {
    width: 1144px;
    height: 300px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top:30px;
}

.SizeImageSesionExpired {
    width: 88px;
    height: 88px;
    position: relative;
    overflow: hidden;
}

.divPositionTextSesionExpired {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divPositionTextInterSesionExpired {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.StyleTextSesionExpiredTitle {
    width: 376px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleTextSesionExpired {
    width: 448px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionButtonSesionExpired {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: flex;
}

.divPositionInterButtonSesionExpired {
    width: 216px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}

.divPositionInterButtonSesionExpired .button_Start_Left {
    max-width: 216px !important;
    width: 100% !important;
}

.divPositionInterButtonSesionExpired .button_Start_Left:active {
    background: #003F24 !important;
    border: none !important;
}

.divPositionInterButtonSesionExpired .button_Start_Left:focus-visible {
    outline: 2px solid #00693C !important;
    outline-offset: 2px !important;
}



.divWhitePanelLocalTranstion {
    width: 1100px;
    height: auto;
    padding: 50px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
}

.divWhitePanelLocalTranstionStep2 {
    width: 1100px;
    height: 750px;
    padding: 33px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top: 31px;
    padding-top: 2%;
}

.divWhitePanelLocalTranstionStep3 {
    width: 1100px;
    height: 940px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
}


.divWhitePanelwcPromericaNetworkTxPage {
    width: 1100px;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    display: inline-flex;
    margin-top: 30px;
    box-sizing: border-box;
}


.divWhitePanelwcPromericaNetworkTxPageStep2 {
    width: 1100px;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    display: inline-flex;
    margin-top: 30px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 {
    width: 1100px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    display: inline-flex;
    margin-top: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}


.divWhitePanelwcPromericaNetworkTxPageStep4 {
    width: 1376px !important;
    max-width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    display: inline-flex;
    margin-top: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.divWhitePanelwcRegionalTransferPage {
    width: 1144px;
    height: 1000px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
}

.divwcCentralAmericaTransferUC {
    width: 1235px;
    height: auto;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
    margin-left: -8%;
}

.divwcCentralAmericaTransferCHK {
    width: 1260px;
    height: auto;
    padding: 55px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
    margin-left: -105px;
}

.divwcCentralAmericaTransferDIV {
    width: 1260px;
    height: auto;
    padding: 55px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
    margin-left: -105px;
}

.divMoneyExchange {
    width: 1260px;
    height: auto;
    padding: 55px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
    margin-left: -10px;
}

.divwcCentralAmericaTransferIN {
    width: 1235px;
    height: auto;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
    margin-left: -8%;
}



.divPanelStep1 {
    width: 62%;
    height: 100%;
    text-align: justify;
    margin-left: 17%;
}

.divPanelStep2 {
    width: 62%;
    height: 100%;
    text-align: justify;
    margin-left: 17%;
}


.divEspacio {
    height: 10%;
}


.divEspacio2 {
    height: 4%;
}

.divEspacioRegresar {
    height: 15%;
}

.wizardStep_FrameControlContainerClaveRecordar {
    background: var(--grises-blanco);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--grises-gris-claro-40);
    border-width: 1px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin: 0 auto;
    width: 118%;
}


.button_Start_Left_Clave:disabled {
    background: var(--Color-Button-Disable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Disable) !important;
    border: none !important;
    color: var(--Color-text-Button-Disable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 214%;
}

.button_Start_Left_Clave:enabled {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 214%;
}

.button_Start_Left_Clave:hover {
    background: var(--Color-Button-Hover) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 214%;
}


.button_Start_Left_Clave:focus {
    background: var(--veder-button-selected, #003F24) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 17px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 214%;
}


.divImagenRecordarClave {
    flex-shrink: 0;
    width: 619px;
    height: 56px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/ImagenRecordarClave.svg");
    background-repeat: no-repeat;
    /* margin-left: -9%; */
    margin-left: 6%;
    background-size: 65% auto;
    margin-bottom: 1%;
    margin-top: 6%;
}

.divImagenRecordarClave2 {
    flex-shrink: 0;
    width: 619px;
    height: 70px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/images/ImagenRecordarClave2.png");
    background-repeat: no-repeat;
    /* margin-left: -9%; */
    margin-left: 6%;
    background-size: 65% auto;
    margin-bottom: 1%;
    margin-top: 6%;
}

#ctl00_childContent_Wizard1_txtRespuesta {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
    padding: 8px 16px;
}

    #ctl00_childContent_Wizard1_txtRespuesta:focus {
        background-image: none !important;
        margin-right: 0px;
    }

#ctl00_childContent_Wizard1_txtRepiteRespuesta {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: right;
    padding:8px 16px;
}

    #ctl00_childContent_Wizard1_txtRepiteRespuesta:focus {
        background-image: none !important;
        margin-right: 0px;
    }

.left-button-move-step2 {
    margin-top: 37% !important;
    margin-left: 113% !important;
}

.previous-button-move-step2 {
    margin-top: 37% !important;
    margin-left: 66% !important;
}

.divPregunta {
    border: 1px solid #000;
    height: 75px;
    border-radius: 6px;
    border: 1px solid var(--typography-and-Shapes-Gray-40, #C4C4C4);
    margin-top: 6%;
    width: 94%;
    padding:8px 16px;
}

.inline-flex-start {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    align-self: stretch;
}


.icon-container-24 {
    width: 24px;
    height: 29px;
    position: relative;
    overflow: hidden;
}

.flex-text-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 0;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.lblPreguntaSecretaEtiqueta {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    /* Body/Regular/Body-S */
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.1px;
}

.lblPreguntaSecreta {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    /* Body/Regular/Body-S */
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.1px;
}


.divNotificacionContainerClaveOlvidada {
    /* position: relative; */
    background-color: var(--grises-fondo-claro);
    width: 448px;
    height: 45px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
}


.form-title {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


#ctl00_childContent_Wizard1_lblPregunta {
    font-weight: 700;
}

.divPositionIconTextFinishStepGen_OlvidoClave {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divPositionImgFinishStepGen_OlvidoClave {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/ImagenCambioContrasena.svg");
    background-repeat: no-repeat;
}

.divPositionTextFinishGen_OlvidoClave {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.divPositionTextFinishGen_OlvidoClave {
    align-self: stretch;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-grid;
}

#ctl00_childContent_Wizard1_lblResultadoFinal {
    display: inline-block !important;
    width: 518px !important;
    margin-bottom: 4%;
    font-size: 14px;
}

.divPositionButtonFinishGen_OlvidoClave {
    text-align: center !important;
    display: block ruby;
}

.tituloCambioClaveRecordarActualizada {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 3%;
    /* margin-left: 5%; */
}

.divSizeMenuTransferences {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex
}


.divSizeSubTitleMenuTransferences {
    width: 577px;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divSizeCardOptionMenuTransferences {
    width: 273px;
    height: 80px;
    min-height: 80px;
    padding: 16px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divsizeOptionMenuTransferences {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divStyleLetterSubMenuTransferences {
    text-align: center;
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionOptionsMenuTransferes {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.divStyleLetterOptionTransferences {
    color: #1E1E1E;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    text-align: left;
}

.PanelOptionOriginador {
    width: 1300px;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
}

.PanelOptionVerificador {
    width: 1280px;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
}

.PanelOptionVerificador2 {
    width: 1300px;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
}

.PanelOptionAprobador {
    width: 1280px;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
}


.PanelOptionGlobalUser {
    width: 1300px;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
}


.divSizeBackArrowMenu {
    width: 1144px;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
    margin-right: 150px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.divPositionBackArrowMenu {
    padding-top: 12px;
    padding-bottom: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divStyleLetterBackArrowMenu {
    color: var(--primarios-verde-primario, #00693C);
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divBackgroundLoading {
    width: 1440px;
    height: 843px;
    opacity: 0.85;
    background: var(--grises-gris-oscuro-100, #1E1E1E);
}

.divBackgroundLoadingWhite {
    padding: 0px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var( --grises-blanco,#ffffff);
    box-shadow: 0px 0px 48px rgba(30, 30, 30, 0.20);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    display: inline-flex;
    width:448px;
    height:290px;
}

.divPositionGifLoading {
    width: 288px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.divPositionTextLoading {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex
}

.divStyleText1Loading {
    text-align: center;
    color: #1E1E1E;
    font-size: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 27.50px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.divStyleText2Loading {
    text-align: center;
    color: #3F3F3F;
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID_StartNextButton {
    margin-left: 235%;
    margin-top: 4%;
}


.div_AlertContentTransferenciasLocales {
    background: var(--grises-gris-claro2-10);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: stretch;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 1;
    width: 100%;
    max-width: 100%;
    height: 72px;
    min-height: 72px;
    max-height: 72px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 40px;
}

.margin-left-transferencias-locales {
	margin-left: -42%;
}


.wizardStep_ArticleCenterCircleToUse2 {
    background: var(--secundarios-secundario-80, #549820);
    border-radius: 60px;
    border-style: solid;
    border-color: var(--secundarios-secundario-80, #549820);
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.wizardStep_ArticleCenterCircleToUse3 {
    background: white;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--typography-and-Shapes-Gray-50, #949494);
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}


.wizardStep_ArticleCenterCircleNumberStepToUse2 {
    color: var(--typography-and-Shapes-Gray-50, #949494);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    line-height: var(--body-bold-body-xs-line-height);
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    border-color: var(--typography-and-Shapes-Gray-50, #949494);
}


.divCheckVerde {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaVerdeCheck.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    height: 100%;
    width: 100%;
    display: block;
}

.left-button-move-step2-trans-local {
    margin-top: 5% !important;
    margin-left: 75% !important;
}

.previous-button-move-step2-trans-local {
    margin-top: 5% !important;
    margin-left: 64% !important;
}


.wizardStep_ArticleCenterCircleToUse3Summary {
    background: var(--secundarios-secundario-80, #549820);
    border-radius: 60px;
    border-style: solid;
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    border-color: var(--secundarios-secundario-80, #549820);
}



.wizardStep_ArticleCenterCircleNumberStepToUse2Summary {
    color: white;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-xs-font-size);
    /* line-height: var(--body-bold-body-xs-line-height); */
    font-weight: var(--body-bold-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    border-color: var(--typography-and-Shapes-Gray-50, #949494);
}

.divWhitePanelLocalTranstionStep6 {
    width: 1000px;
    height:auto;
    padding: 28px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
}

.divWhitePanelLocalTranstionStep4 {
    width: 1001px;
    height: 820px;
    padding: 28px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    margin-top: 30px;
}

.divCheckWhitePanelLocalTranstionStep4 {
    height: 1200px !important;
}

.tituloConfirmacion {
    color: var(--Grises-Gris-Oscuro-100, #1E1E1E);
    text-align: center;
    /* Headers/H3/Desktop */
    font-family: 'Nunito Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px; /* 125% */
    letter-spacing: 0.5px;
}


.titulo2Confirmacion {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    /* Label/Bold/Label-M */
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
}

.div_AlertContentborderGreen {
    background: var(--secundarios-verde-secundario);
    border-radius: 2px;
    align-self: stretch;
    flex-shrink: 0;
    width: 2px;
    min-width: 2px;
    height: auto;
    position: static;
}

.div_AlertContentborderGreenDiv {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: stretch;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: static;
}

.div_AlertContentMessageTextSuccesfull {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
    min-width: 0;
    position: relative;
}


#ctl00_childContent_ctRegionalTranfer_ctWizard_CtNotificationSuccessfulMessageInfo_pnlMessageNotificacionSuccessful {
    margin-left: 0%;
    margin-top: -0%;
}

.div_AlertContentSuccesfull {
    background: var(--grises-gris-claro2-10);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    align-items: stretch;
    align-self: stretch;
    flex-shrink: 1;
    width: 100%;
    max-width: 100%;
    height: 72px;
    min-height: 72px;
    max-height: 72px;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Resultado (wcSpecialNavigation) ÔÇö alerta exitosa con t├¡tulo + mensaje */
.gds-special-nav-result .div_AlertContentSuccesfull {
    height: auto;
    min-height: 72px;
    max-height: none;
    padding: 0;
    background: #F5F5F5;
}

.gds-special-nav-result .gds-special-nav-result-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.gds-special-nav-result .gds-special-nav-result-title {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

.gds-special-nav-result .gds-special-nav-result-body {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

/* Contenedores ASP.NET de alertas ÔÇö ancho completo del slot padre */
[id$="_pnlMessageNotificacionSuccessful"],
[id$="_pnlMessageNotificacionStep1"],
[id$="_pnlMessageErrorStep1"] {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-self: stretch;
}

/* Master page ÔÇö alerta global (mismo layout GDS que div_AlertContentSuccesfull) */
.divMasterPageAlertRoot,
[id$="_cgGeneralMessage"].divMasterPageAlertRoot {
    display: block;
    width: 1376px;
    max-width: calc(100% - 32px);
    margin: 32px auto 22px auto;
    box-sizing: border-box;
}

.divMasterPageAlertRoot .div_AlertContentSuccesfull {
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    min-height: 72px;
    max-height: none;
    background: #F5F5F5;
}

.divMasterPageAlertRoot .div_AlertContentborderGreen {
    background: #0F4DBC;
}

.divMasterPageAlertRoot .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none;
    background: transparent;
    width: 24px;
    height: 24px;
}

.divMasterPageAlertRoot .divCheckVerde {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconAlertBlue.svg");
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.divMasterPageAlertRoot .divMasterPageAlertLink,
.divMasterPageAlertRoot .divMasterPageAlertLink:link,
.divMasterPageAlertRoot .divMasterPageAlertLink:visited {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: var(--body-regular-body-xs-font-size, 14px);
    line-height: var(--body-regular-body-xs-line-height, 21px);
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: 0.1px;
    margin-left: 4px;
}

.divMasterPageAlertRoot .divMasterPageAlertLink:hover,
.divMasterPageAlertRoot .divMasterPageAlertLink:active {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    text-decoration: underline;
}


.transferOptions > span {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .transferOptions > span > span {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 18px;
        border-radius: 14px;
        border: 2px solid #dcdcdc;
        background: #f6f6f6;
        cursor: pointer;
        transition: all 0.2s ease;
    }

/* radio */
.transferOptions input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0b6b43;
}

/* cuando está seleccionado */
.transferOptions > span > span:has(input[type="radio"]:checked) {
    border-color: #0b6b43;
    background: #e9f3ee;
}

.radiobuttonDiv {
    display:block;
}

.wizardStep_ArticleCenterCircles {
    width: 368px;
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionTitlePageNetworkTranfer {
    /*width: 682px;*/
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.title_PageNetworkTranfer {
    width: 368px;
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}


.wizardStep_TextOption {
    align-self: stretch;
    display: block;
    justify-content: center;
    flex-direction: column-reverse;
    line-height: 40px;
    gap: 20px;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}


    .wizardStep_TextOption input[type="radio"] {
        accent-color: #0B6E4F; /* verde corporativo */
    }

.wizardStep_TextOptionBold {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}


.divButton {
    margin-right: 100%;
    margin-top: 6%;
}


.divButton2 {
    margin-right: 100%;
    margin-top: 0%;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctSpecialNavigation_UpdatePanel1 {
    margin-top: -4%;
}


.wizardStep_TitleOption {
    align-self: stretch;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.wizardStep_SubTitleOption {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.wizardStep_BodySmall {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.txtUsrTxDescription {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    resize: none;
}

    .txtUsrTxDescription:focus {
        background-color: white !important;
    }

.margin-left-transferencias-locales2 {
    margin-left: 2%;
    margin-top: 1%;
    margin-right: 0% !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctSpecialNavigation_clResult {
    font-weight: 400;
}

.left-button-move-step1-Netwtrans {
    margin-top: 5% !important;
    margin-left: 277% !important;
}


.left-button-move-step2-Netwtrans {
    margin-top: 5% !important;
    margin-left: 200% !important;
}

.left-button-move-step4-Netwtrans {
    margin-top: 5% !important;
    margin-left: 185% !important;
}



.position-ButtonCancel-Newtrans {
    margin-top: 5% !important;
}

.wizardStep_ArticleCenterCircleUsingSuccsefully {
    /* background: var(--secundarios-secundario-80, #549820); */
    border-radius: 60px;
    border-style: solid;
    border-color: var(--secundarios-secundario-80, #0F804F);
    border-width: 2px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.margin-left-transferencias-locales-confirmacion {
    margin-left: -16%;
    margin-top: 4%;
    margin-right: 0% !important;
}

.scroll-rbl {
    max-height: 250px; /* o height fija */
    overflow-y: auto; /* activa el scroll vertical */
    overflow-x: hidden; /* oculta horizontal */
    padding-right: 6px; /* evita recorte por la barra */
    width: 680px;
}

.labelToken {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButton {
    margin-left: 70%;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-top: 0%;
    margin-right: -10px;
}

.divCheckWhitePanelLocalTranstionStep7 {
    height: 800px !important;
}

.divColumnWCSumaryEdit {
    max-width: 170px;
    min-width: 170px;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    display: flex;
}

.LinkButtonEditSummary {
    background-image: url( "../App_Themes/CTF.Regional/imagesSVG/PencilIcon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    width: 20px;
    height:20px;
}

.SizeAccountDestinationSummary {
    width:300px;
}

.positionLabelWcSummary {
    margin-right:29px;
}

.positionLabelWcSummaryCA {
    margin-right: 0px;
}

.divWhitePanelTxtTypeStatus {
    width: 1300px;
    padding: 16px;
    background: var( --grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
    margin-top:20px;
}

.divWhitePanelTxtTypeStatusControls {
    width: 1300px;
    padding: 16px;   
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    display: inline-flex;
}


.divPositionPanelTxtTypeStatus {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divPositionTitle-ButtonTxtTypeStatus {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
    margin-left:-100px;
    margin-top:20px;
}

.divPositionTitleTxtTypeStatus {
    width: 577px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.TitleStyleTxtTypeStatus {
    align-self: stretch;
    color: var(--grises-gris-oscuro-100,#1e1e1e);
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    margin-left: -70px;
}

.divPositionControlsTxtTypeStatus {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
}


.divPositionControlTypeTransaction {
    width: 279px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionLabelTxtTypeStatus {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelControlSearch {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionControlUserTypeTransaction {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex
}


.ddlDropDownTxtTypeStatus {   
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 250px;
    height: 48px;
}

.divMarginControlTxtTypeStatus {
    margin-left: 125px;
}

.divPositionRadioButtonTxtTypeStatus {
    height: 96px;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divPositionLabelCountry {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionControlRadioTxtTypeStatus {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ckboxAllCountries input[type="checkbox"] {
    width: 20px;
    height: 20px;
    /* Verificador: estados GDS completos en .divVerificadorPageWrapper (appearance custom).
       Fuera de Verificador se mantiene accent-color como fallback nativo. */
    accent-color: var(--primarios-verde-primario, #00693C);
    border-radius: 4px;
}

.divPositionButtonTxtTypeStatus {
    width: 181px;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #00693C;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divFiltrosRowTxtTypeStatus {
    display: flex;
    align-items: center; /* Alinea con la parte inferior de País */
}

.MarginLeftButtonTxtTypeStatus {
    margin-left: -100px;
}

.divPositionGridPendingTransactionUC {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}
.divPositionSubTitlePendingTransactionUC {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.lblStyleTextDetalleTrans {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.GridsDataNew {
    font-size: 12px;
    border-collapse: collapse;
}


    .GridsDataNew th {
        color: var(--grises-gris-oscuro-90, #3f3f3f);
        border-bottom: 1px solid #787878;
        background-color: var( --grises-gris-claro2-10, #f5f5f5);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-image: url('images/TopGrid_bg.jpg');
        padding: 10px;
        white-space: nowrap;
        font-weight: 700;
        text-align: left;
        font-family: 'Nunito Sans', sans-serif;
        width: 95px;
    }

    .GridsDataNew td, GridsDataNew th {
        padding: 2px;
        line-height: 1.2;
        text-align: left;
        width: 500px;
        border-bottom: #E9E9E9 1px solid;
        padding: 12px;
    }

    .GridsDataNew a {
        font-weight: 700;
    }

    .GridsDataNew td:hover {
        background-color: #E7F7EE;
    }

.bankstate_row1New {
    background-color: #FFFFFF;
}

    .bankstate_row1New:hover {
        background-color: #E7F7EE;
        cursor: pointer;
    }

.bankstate_row1NewGris {
    background-color: #F5F5F5;
}

    .bankstate_row1NewGris:hover {
        background-color: #E7F7EE;
        cursor: pointer;
    }

.bankstate_row2New {
    background-color: #FFFFFF;
}

    .bankstate_row2New:hover {
        background-color: #EEEEEE;
    }

.LinkButtonPendingTransfer {
    border-bottom: 1px solid;
    border-color: #00693C;
}

.GridCheckboxAlingPendingTransfer {
    text-align: center !important; 
}

.withThPendingTransfer {
    width:150px;
}


.PendingTransferOptionsMasiv input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0b6b43;
    margin-right: 5px;
    margin-left: 25px;
}

/* cuando está seleccionado */
.PendingTransferOptionsMasiv > span > span:has(input[type="radio"]:checked) {
    border-color: #0b6b43;
    background: #e9f3ee;
}

.MarginPendingTransferOptionsMasiv {
    margin-left: -12px;
    margin-top: 10px;
    margin-bottom: 24px;
}

.divPositionControlPendingTransferUC {
    width: 662px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
}

.divPositionTextBoxPendingTransferUC {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

#ctl00_childContent_ctPendingTransaction_ctNotificationAddress {
    flex: 1 1 0;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 590px;
    max-width: 590px;
    height: 48px;
    max-height: 48px;
    border-radius: 8px;
    padding: 12px 16px;
    box-sizing: border-box;
}

#ctl00_childContent_ctPendingTransaction_ctAnullmentReason {
    flex: 1 1 0;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 448px;
    height: 48px;
    border-radius: 8px;
    padding: 12px 16px;
    resize: none;
}


.button_PrimaryGreen {
}

    .button_PrimaryGreen:disabled {
        background: var(--Color-Button-Disable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 200px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Disable) !important;
        border: none !important;
        color: var(--Color-text-Button-Disable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_PrimaryGreen:enabled {
        background: var(--Color-Button-Enable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 200px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Enable) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_PrimaryGreen:hover {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 200px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }


    .button_PrimaryGreen:focus {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 200px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: 4px solid #C3E5A9 !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 17px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }


#ctl00_childContent_ctPendingTransaction_ctToken {
    flex: 1 1 0;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 448px;
    height: 48px;
    border-radius: 8px;
    padding: 12px 16px;
}

.divPositionTargetsPendingTransferPage {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.SytleTextTargetsPendingTransferPage {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divWhitePanelSigningPopUp {
    width: 560px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 48px rgba(30, 30, 30, 0.20);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: inline-flex;
}


.divRegionalTransferUCStep2 {
    padding: 70px !important;
}

.div_wizardStep_FrameControlDetail {
    height: 75px !important;
}

.divRegionalTransferUCStep3 {
    height: 975px !important;
    padding: 70px !important;
}

.divRegionalTransferUCStep4 {
    height: 825px !important;
    padding: 0px !important;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_wcConfirmTransaction_ctToken {
    color: var(--grises-gris-oscuro-80);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    line-height: var(--body-regular-body-m-line-height);
    font-weight: var(--body-regular-body-m-font-weight);
    position: relative;
    left: 1px;
    top: 3.43px;
    width: 315px;
    height: 48px;
    display: flex;
    justify-content: left;
    background-color: white;
    letter-spacing: 0.2em;
    margin-bottom: 5px;
    margin-right: 1px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding: 8px 16px;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButton {
    margin-left: 50%;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-top: 0%;
    margin-left: 70%;
}

.StyleTitleSigners {
    align-self: stretch;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.PositionTitleSigners {
    align-self: stretch;
    padding: 32px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divPositionGridViewSigners {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divContainerGridViewSigners {
    align-self: stretch;
    padding-left: 32px;
    padding-right: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divPositionButtonSigners {
    align-self: stretch;
    padding: 32px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}

.divContainerButtonSigners {
    width: 168px;
    height: 48px;
    background: var(--colors-primary-70, #00693C);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divSizeControlCalendarPendingTransfer {
    width: 450px !important;
    height: 48px;
}


.ControlFormBackgroundHourPendingTransfer {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_reloj_envolvente.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
}

.divPaddingControlHourPendingTransfer {
    padding-left: 20px;
    padding-right: 13px;
}

.divWhitePanelPedingTxDetail {
    width: 1400px;
    max-width: 100%;
    padding: 32px;
    box-sizing: border-box;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* 16px Regresar ÔåÆ t├¡tulo (Figma 3937:39824) */
    gap: 16px;
    display: flex;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* Evita gap fantasma: .form-row vacío (error no visible) no participa en el flex */
.divWhitePanelPedingTxDetail > .form-row.full-width:not(:has(*)),
.divWhitePanelPedingTxDetail > .form-row.full-width:empty {
    display: none !important;
}

.divPositionPanelPedingTxDetail {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

/*
 * Flujo 2 ÔÇö layout Figma 3937:39824
 * Título full-width; debajo bloque compacto centrado: columna 680px + Opciones.
 */
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail {
    display: grid;
    /* 1fr laterales centran el bloque 680px (+ opciones cuando aplica) */
    grid-template-columns: 1fr minmax(0, 680px) max-content 1fr;
    column-gap: 40px;
    row-gap: 40px;
    align-items: start;
    width: 100%;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > .divPositionWcSummary,
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail .divPositionWcSummary > #print_content,
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail #print_content > .section.no-break {
    display: contents;
}

.divWhitePanelPedingTxDetail .divPositionWcSummary > .form-row.full-width:not(:has(*)),
.divWhitePanelPedingTxDetail .divPositionWcSummary > .form-row.full-width:empty {
    display: none !important;
}

.divWhitePanelPedingTxDetail .divPositionTitleWcSummarUC {
    grid-column: 1 / -1;
    grid-row: 1;
    width: auto;
    max-width: 100%;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.divWhitePanelPedingTxDetail .divPositionTitleWcSummarUC .StyleTitleWcSummaryUC {
    text-align: center;
    width: 100%;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    letter-spacing: 0.5px;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-family: 'Nunito Sans', sans-serif;
}

/*
 * Origen / destino / t├®rminos / imprimir ÔåÆ columna 1 (680px).
 * Opciones ÔåÆ columna 2, alineada con "Informaci├│n de origen" (fila 2).
 */
.divWhitePanelPedingTxDetail .divPositionwcSummary {
    grid-column: 2;
    width: 100%;
    max-width: 680px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-self: start;
    justify-self: stretch;
}

/* Figma 6835:24164 Nota 3 — 40px entre fin origen e inicio destino */
.divWhitePanelPedingTxDetail #print_content .divPositionwcSummary + .divPositionwcSummary {
    margin-top: 40px !important;
}

.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding,
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > .center5padding,
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > [id$="_pnlOptions"] {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
    justify-self: start;
    margin: 0;
    width: auto;
    max-width: 320px;
}

/*
 * Opciones (pnlOptions / fieldset):
 * ÔÇö sin padding
 * ÔÇö 16px vertical entre legend y cada bloque visible
 * ÔÇö oculta slots vac├¡os (rate / forex / send sin contenido)
 */
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_pnlOptions,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    row-gap: 16px !important;
    align-items: stretch;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_pnlOptions > fieldset,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > fieldset {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    row-gap: 16px !important;
    align-items: stretch;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding > legend,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_pnlOptions > legend,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_pnlOptions > fieldset > legend,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > legend,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > fieldset > legend {
    display: block !important;
    /* padding-bottom funciona con <legend>; margin/gap suelen colapsar */
    padding: 0 0 16px 0 !important;
    margin: 0 !important;
    border: none !important;
    float: none !important;
    width: 100%;
    position: static !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 27px !important;
    letter-spacing: 0.1px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding > div,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_pnlOptions > div,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_pnlOptions > fieldset > div,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > div,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > fieldset > div {
    padding: 0 !important;
    margin: 0 !important;
}

/* Refuerzo: primer bot├│n visible a 16px del legend */
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding > .center5padding:has(.button_Aprove_verifier),
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > .center5padding:has(.button_Aprove_verifier),
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > fieldset > .center5padding:has(.button_Aprove_verifier) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Quitar <br> fantasma de slots vacíos */
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > .center5padding > br,
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > fieldset > .center5padding > br,
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding > .center5padding > br {
    display: none !important;
}

/* Ocultar bloques sin acción/contenido visible (solo br o vacíos) */
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > .center5padding:not(:has(a)):not(:has(img)):not(:has(label)):not(:has(span)),
.divWhitePanelPedingTxDetail [id$="_pnlOptions"] > fieldset > .center5padding:not(:has(a)):not(:has(img)):not(:has(label)):not(:has(span)),
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail > fieldset.center5padding > .center5padding:not(:has(a)):not(:has(img)):not(:has(label)):not(:has(span)) {
    display: none !important;
}

/*
 * T├®rminos: solo el link (Label M Bold GDS).
 * La <table> vacía con <p> en blanco NO es :empty (tienen whitespace) y
 * generaba el gap p├║rpura (~53px) hacia Imprimir. Se saca del flujo.
 * El click abre popup (lkTerms_Click); no depende de esa table.
 */
.divWhitePanelPedingTxDetail .divPositionWcSummary > .divClasesMarginTermsAndConditionsDetail {
    grid-column: 2;
    width: 100%;
    max-width: 680px;
    height: auto !important;
    min-height: 24px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    align-self: start;
    justify-self: stretch;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/*
 * GDS Text link | Secundario ÔÇö Figma 46821:28166 / 46821:28050
 * Normal / Hover / Selected (:active) / Focus (:focus-visible = Tab only)
 */
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:link,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:visited,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:link,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:visited,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"],
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:link,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:visited {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: var(--label-bold-label-m-font-size, 16px) !important;
    line-height: var(--label-bold-label-m-line-height, 24px) !important;
    font-weight: var(--label-bold-label-m-font-weight, 700) !important;
    letter-spacing: var(--label-bold-label-m-letter-spacing, 0.2px) !important;
    height: auto !important;
    min-height: 24px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    cursor: pointer;
    background: var(--grises-blanco, #FFFFFF) !important;
    color: var(--grises-gris-oscuro-80, #5D5D5D) !important;
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
    border-radius: 0;
}

/* Hover ÔÇö Verde primario + underline */
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:hover,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:hover,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:hover {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none !important;
}

/* Selected ÔÇö clic sostenido (:active); Gris Oscuro 80 + borde Gris Claro 40 */
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:active,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:active,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:active,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:hover:active,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:hover:active,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:hover:active {
    color: var(--grises-gris-oscuro-80, #5D5D5D) !important;
    text-decoration: none !important;
    outline: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    outline-offset: 2px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
}

/* Focus ÔÇö ├║nicamente teclado (Tab / :focus-visible); Verde secundario 30 / 4px */
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:focus-visible,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:focus-visible,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:focus-visible {
    color: var(--grises-gris-oscuro-80, #5D5D5D) !important;
    text-decoration: none !important;
    outline: 4px solid var(--secundarios-secundario-30, var(--verde-focus-control, #C3E5A9)) !important;
    outline-offset: 2px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
}

/* Clic con mouse: no mostrar anillo de focus */
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:focus:not(:focus-visible),
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .MarginTermsandConditionWcSummary:focus:not(:focus-visible),
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:focus:not(:focus-visible) {
    color: var(--grises-gris-oscuro-80, #5D5D5D) !important;
    text-decoration: none !important;
    outline: none !important;
}

/* Disabled */
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons:disabled,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail .div_SummaryLinkGreenTermsConditons.aspNetDisabled,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"]:disabled,
.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail a[id$="_lkTerms"].aspNetDisabled {
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    background: var(--grises-blanco, #FFFFFF) !important;
    text-decoration: none !important;
    cursor: not-allowed;
    pointer-events: none;
    outline: none !important;
}

.divWhitePanelPedingTxDetail .divClasesMarginTermsAndConditionsDetail > table {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

.divWhitePanelPedingTxDetail .divPositionWcSummary > div:has(.Button-White-print),
.divWhitePanelPedingTxDetail .divPositionPanelPedingTxDetail div:has(> a.Button-White-print) {
    grid-column: 2;
    align-self: start;
    justify-self: start;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 100%;
    max-width: 680px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Columna de datos = 680px (Figma); sin offset legacy 250px */
.divWhitePanelPedingTxDetail .divOriginWcSummarySize,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 680px !important;
    overflow: visible;
    align-self: stretch;
}

/* Informaci├│n de destino ÔåÆ Detalle de firmantes: 40px */
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset + br {
    display: none !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset ~ fieldset {
    margin-top: 40px !important;
}

/* Detalle de firmantes: tabla = 100% de la columna 680px */
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset:has(legend.fieldsettitle),
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset:has(table.GridsDataNew) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    padding: 0 !important;
    border: none !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset > legend.fieldsettitle {
    display: block;
    width: 100%;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset > div {
    width: 100% !important;
    display: block;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset > div > table[id$="gvSigners"],
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset > div > table[id$="ctDetails"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: table !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize #ctl00_childContent_ctPendingTxDetail_ctSummary_gvSigners,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew th,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew td {
    width: auto !important;
    max-width: none !important;
}

/*
 * Firmantes: una sola línea divisoria (como filas de origen/destino).
 * Problema: GridView pinta borde de celda + el <div class="div_SummaryLineItem">
 * del ascx (wcSummaryUC L206) ÔçÆ doble l├¡nea + hueco.
 */
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset:has(#ctl00_childContent_ctPendingTxDetail_ctSummary_gvSigners) > div > .div_SummaryLineItem,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset:has(table.GridsDataNew) > div > .div_SummaryLineItem,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset ~ fieldset > div > .div_SummaryLineItem {
    display: none !important;
}

/* Figma 6835:24164 Nota 6 — una sola línea antes de Detalle de firmantes */
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset:first-of-type [id$="ctDetails"] tr:last-child td,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > fieldset:first-of-type table.GridsDataNew tr:last-child td {
    border-bottom: none !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew {
    border: none !important;
    border-spacing: 0 !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew th,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew td {
    border: none !important;
    border-bottom: 1px solid var(--grises-gris-claro-30, #d9d9d9) !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 12px 0 !important;
    text-align: left !important;
    vertical-align: middle;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew th {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    min-height: 48px;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew td {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    line-height: 21px;
    min-height: 48px;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew tr.empty-message td,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew .empty-message td {
    border: none !important;
    border-bottom: 1px solid var(--grises-gris-claro-30, #d9d9d9) !important;
    padding: 12px 0 !important;
    text-align: left !important;
    min-height: 48px;
    height: 48px;
    vertical-align: middle;
    display: table-cell !important;
    width: 100% !important;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew tr.empty-message td:first-child:last-child {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail .divDestinoWcSummarySize table.GridsDataNew td:hover {
    background-color: transparent !important;
}

.divWhitePanelPedingTxDetail .divSizePanelwcSummary {
    width: 100% !important;
    max-width: 680px !important;
    align-items: stretch;
}

/* Subt├¡tulo secci├│n ÔåÆ contenido: 8px (Figma) */
.divWhitePanelPedingTxDetail .divOriginWcSummarySize > .divMarginTitleWcSummary,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize > .divMarginTitleWcSummary,
.divWhitePanelPedingTxDetail .divOriginWcSummarySize > .wizardStep_FrameControlSubTitle,
.divWhitePanelPedingTxDetail .divDestinoWcSummarySize .wizardStep_FrameControlSubTitle.divMarginTitleWcSummary {
    margin-bottom: 8px !important;
    margin-top: 0 !important;
}

.divWhitePanelPedingTxDetail .divPositionControlsDestinoWcSummary,
.divWhitePanelPedingTxDetail .divPositionControlsOriginWcSummary {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: auto;
    gap: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Filas vacías (sin span/label) no ocupan espacio — solo origen.
   Destino de 1 línea se pinta con Literal (div.div_SummaryLabelItem), no con
   <span>/<label>; ocultarlo dejaba "Información de destino" sin campos. */
.divWhitePanelPedingTxDetail .divPositionControlsOriginWcSummary > .div_SummaryContentEstructureItem:not(:has(span)):not(:has(label)) {
    display: none !important;
}

/* Items 48px, pegados entre sí (sin margin/gap) */
.divWhitePanelPedingTxDetail .divPositionControlsOriginWcSummary > .div_SummaryContentEstructureItem,
.divWhitePanelPedingTxDetail .divPositionControlsDestinoWcSummary > .div_SummaryContentEstructureItem {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box;
    position: relative;
}

/* Destino: permitir crecer si el valor es multilínea */
.divWhitePanelPedingTxDetail .divPositionControlsDestinoWcSummary > .div_SummaryContentEstructureItem {
    max-height: none;
    height: auto;
    min-height: 48px;
}

.divWhitePanelPedingTxDetail .div_SummaryContentEstructureItemDetail {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex: 1 1 auto;
    gap: 16px;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    position: relative;
}

.divWhitePanelPedingTxDetail .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem:first-child {
    text-align: left;
    justify-content: flex-start;
    flex: 0 1 auto;
    max-width: 45%;
}

.divWhitePanelPedingTxDetail .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem:last-child {
    text-align: right;
    justify-content: flex-end;
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
}

.divWhitePanelPedingTxDetail .div_SummaryLineItem {
    width: 100%;
    align-self: stretch;
    flex-shrink: 0;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Regresar — estados GDS Volver (igual ALL_ChangePassword.aspx) */
body:has(.wcPendintTxDetailPageScope) .divWhitePanelPedingTxDetail a.icon-leftwithPanelPedingTxDetail.titulo-regresar {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 24px !important;
    padding: 12px 16px 12px 32px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    min-height: 48px !important;
    height: 48px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-appearance: none;
    appearance: none;
}

body:has(.wcPendintTxDetailPageScope) .divWhitePanelPedingTxDetail a.icon-leftwithPanelPedingTxDetail.titulo-regresar:hover {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body:has(.wcPendintTxDetailPageScope) .divWhitePanelPedingTxDetail a.icon-leftwithPanelPedingTxDetail.titulo-regresar:active {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body:has(.wcPendintTxDetailPageScope) .divWhitePanelPedingTxDetail a.icon-leftwithPanelPedingTxDetail.titulo-regresar:focus:not(:focus-visible) {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

body:has(.wcPendintTxDetailPageScope) .divWhitePanelPedingTxDetail a.icon-leftwithPanelPedingTxDetail.titulo-regresar:focus-visible {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 3px solid var(--secundarios-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/*
 * Bot├│n primario GDS ÔÇö Verificar transacci├│n
 * Estados: Figma 46821:24824 | Anatomía: 46821:25081
 * Normal / Hover / Selected(:active) / Focus(:focus-visible Tab)
 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    width: auto !important;
    min-width: 181px;
    flex: 0 0 auto !important;
    /* 16px pad + 8px gap + 24px icon + 16px pad derecho */
    padding: 12px 48px 12px 16px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: var(--Color-Button-Enable, #00693C) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_check.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover ÔÇö Primario 60 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:hover,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:hover {
    background-color: var(--Color-Button-Hover, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

/* Selected ÔÇö clic sostenido: Primario 90 / #003F24 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:active,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:active {
    background-color: var(--veder-button-selected, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus por clic/mouse: sin anillo (no pisa hover/active) */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:focus,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:focus,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:focus:not(:focus-visible),
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:focus:not(:focus-visible) {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus Tab ÔÇö Verde primario + Secundario 30 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:focus-visible,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:focus-visible {
    background-color: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Selected gana sobre hover / focus-visible mientras el clic está presionado */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:hover:active,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:hover:active,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctApproveTransfer.button_Aprove_verifier:focus-visible:active,
.divWhitePanelPedingTxDetail a.button_Aprove_verifier:focus-visible:active {
    background-color: var(--veder-button-selected, #003F24) !important;
    outline: none !important;
}

/*
 * Bot├│n alerta terciario GDS ÔÇö Anular transacci├│n
 * Estados: Figma 60449:18716 | Anatomía: 60449:18796
 * Normal / Hover / Selected(:active) / Focus(:focus-visible Tab)
 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular,
.divWhitePanelPedingTxDetail a.buttonAnular {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    width: auto !important;
    min-width: 181px;
    flex: 0 0 auto !important;
    /* 16px pad + 8px gap + 24px icon + 16px pad derecho */
    padding: 12px 48px 12px 16px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    /* Normal Figma 60449:18782 ÔÇö Gris Claro 10 #EEEEEE (no blanco) */
    background: #EEEEEE url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover ÔÇö Rojo error 10 #FFE8E8 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:hover,
.divWhitePanelPedingTxDetail a.buttonAnular:hover {
    background: #FFE8E8 url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

/* Selected ÔÇö clic sostenido: Rojo error 10 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:active,
.divWhitePanelPedingTxDetail a.buttonAnular:active {
    background: #FFE8E8 url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus por clic/mouse: vuelve a Normal (#EEE), sin anillo */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:focus,
.divWhitePanelPedingTxDetail a.buttonAnular:focus,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:focus:not(:focus-visible),
.divWhitePanelPedingTxDetail a.buttonAnular:focus:not(:focus-visible) {
    background: #EEEEEE url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:focus:not(:focus-visible):hover,
.divWhitePanelPedingTxDetail a.buttonAnular:focus:not(:focus-visible):hover {
    background: #FFE8E8 url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
}

/* Focus Tab ÔÇö Gris Claro 10 + anillo Gris oscuro 100 (Figma 60449:18783) */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:focus-visible,
.divWhitePanelPedingTxDetail a.buttonAnular:focus-visible {
    background: #EEEEEE url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    border: none !important;
    outline: 4px solid var(--grises-gris-oscuro-100, #1E1E1E) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Selected gana sobre focus-visible mientras el clic está presionado */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:hover:active,
.divWhitePanelPedingTxDetail a.buttonAnular:hover:active,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctCancelTransfer.buttonAnular:focus-visible:active,
.divWhitePanelPedingTxDetail a.buttonAnular:focus-visible:active {
    background: #FFE8E8 url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
    outline: none !important;
}

/*
 * Bot├│n secundario GDS Full Color ÔÇö Imprimir
 * Estados: Figma 46821:26029 | Anatomía: 46821:25665
 * Normal / Hover / Selected(:active) / Focus(:focus-visible Tab)
 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print,
.divWhitePanelPedingTxDetail a.Button-White-print {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
}

.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print::after,
.divWhitePanelPedingTxDetail a.Button-White-print::after {
    content: "";
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: url("../App_Themes/CTF.Regional/imagesSVG/IconPrint.svg") no-repeat center / 24px 24px;
}

.divWhitePanelPedingTxDetail a.Button-White-print.marginLeftButton-White-print {
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
}

/* Hover ÔÇö Primario 10 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print:hover,
.divWhitePanelPedingTxDetail a.Button-White-print:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
}

/* Selected ÔÇö clic sostenido: Primario 20 */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print:active,
.divWhitePanelPedingTxDetail a.Button-White-print:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus por clic/mouse: sin anillo (Tab usa .gds-keyboard-focus vía JS) */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print:focus:not(.gds-keyboard-focus),
.divWhitePanelPedingTxDetail a.Button-White-print:focus:not(.gds-keyboard-focus) {
    outline: none !important;
    box-shadow: none !important;
}

/* Focus Tab — Secundario 30 (3px); patrón gds-keyboard-focus vía JS */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print.gds-keyboard-focus,
.divWhitePanelPedingTxDetail a.Button-White-print.gds-keyboard-focus {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    text-decoration: none !important;
}

/* Selected gana sobre hover / focus Tab mientras el clic está presionado */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print:hover:active,
.divWhitePanelPedingTxDetail a.Button-White-print:hover:active,
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print.gds-keyboard-focus:active,
.divWhitePanelPedingTxDetail a.Button-White-print.gds-keyboard-focus:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
    box-shadow: none !important;
}

/*
 * GDS Alerta Global Error ÔÇö Resumen de la transacci├│n (Figma Anatom├¡a 1898:26328 / Specs 1898:26519)
 * Altura m├íx. 40px ┬À padding 8├ù16 ┬À gap icono-texto 8px ┬À fondo Rojo Error 10 ┬À ancho 100%
 */
.divWhitePanelPedingTxDetail > .form-row.full-width:has(.divNotificacionContainerClave) {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divWhitePanelPedingTxDetail .divNotificacionContainerClave {
    width: 100%;
    max-width: 100%;
    height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: #FFE8E8; /* Rojo Error 10 */
    border-radius: 8px;
    overflow: hidden;
    top: 0;
}

.divWhitePanelPedingTxDetail .divNotificacionContainerTamano {
    align-self: stretch;
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex: 0 0 auto;
}

.divWhitePanelPedingTxDetail .divNotificacionLineaError {
    width: 2px;
    height: auto;
    align-self: stretch;
    transform: none;
    border-radius: 12px;
    background: var(--Color-Alert-Red, #C30000);
}

.divWhitePanelPedingTxDetail .divNotificacionContainerAlerta {
    flex: 1 1 auto;
    padding: 0;
    gap: 0;
    align-items: center;
    min-width: 0;
}

.divWhitePanelPedingTxDetail .divNotificacionContainerAlertaPosicion {
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.divWhitePanelPedingTxDetail .divNotificacionContainerIconAlertaPosicion,
.divWhitePanelPedingTxDetail .divNotificacionContainerIconAlertaTamano,
.divWhitePanelPedingTxDetail .divNotificacionContainerIconError {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.divWhitePanelPedingTxDetail .divNotificacionContainerIconError {
    position: relative;
    background-position: center;
    background-size: 24px 24px;
}

.divWhitePanelPedingTxDetail .divPosicionTextoError {
    flex: 1 1 auto;
    padding-top: 0;
    min-width: 0;
    justify-content: center;
}

.divWhitePanelPedingTxDetail .divPosicionTextoError,
.divWhitePanelPedingTxDetail .divPosicionTextoError span,
.divWhitePanelPedingTxDetail .divPosicionTextoError p,
.divWhitePanelPedingTxDetail .divPosicionTextoError label {
    margin: 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size, 14px);
    font-weight: var(--body-regular-body-xs-font-weight, 400);
    line-height: var(--body-regular-body-xs-line-height, 21px);
    letter-spacing: var(--body-regular-body-xs-letter-spacing, 0.1px);
    word-wrap: break-word;
}

.divPositionWcSummary {
    width: 931px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: inline-flex
}

.divPositionTitleWcSummarUC {
    /*width: 577px;*/
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
    margin-left: 300px;
    margin-bottom:24px;
}

.StyleTitleWcSummaryUC {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionwcSummary {
    align-self: stretch;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.divSizePanelwcSummary {
    width: 931px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: inline-flex;
}

.divOriginWcSummarySize {
    width: 650px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-left: 250px;
}

.divDestinoWcSummarySize {
    width: 650px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    margin-left: 250px;
}

.divDestinoWcSummarySizeChk {
    width: 1200px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    margin-left: 250px;
}

.divPositionControlsOriginWcSummary {
    align-self: stretch;
   /* height: 48px;*/
    position: relative;
    justify-content: space-between;
    align-items: center;
   /* display: inline-flex;*/
}

.divPositionControlsDestinoWcSummary {
    align-self: stretch;
    /* height: 48px;*/
    position: relative;
    justify-content: space-between;
    align-items: center;
    /* display: inline-flex;*/
}

.divMarginTitleWcSummary {
    margin-bottom:24px;
}


.Button-White-print {
    text-align: center;
    background-color: var(--grises-blanco, #ffffff) !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-decoration-color: var(--primarios-verde-primario,#00693C) !important;
    color: #00693C !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border: 1px solid;
    position: relative !important;
    flex: 1 !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPrint.svg");
    background-repeat: no-repeat;
    background-position: 160px center;
}

    .Button-White-print:hover {
        text-align: center;
        background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
        font-size: 16px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.20px;
        word-wrap: break-word;
        text-decoration-color: var(--primarios-verde-primario,#00693C) !important;
        color: #00693C !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        border-color: var(--primarios-verde-primario, #00693C);
        border: 1px solid;
        position: relative !important;
        flex: 1 !important;
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPrint.svg");
        background-repeat: no-repeat;
        background-position: 160px center;
    }

    .Button-White-print:focus {
        text-align: center;
        background-color: var(--grises-blanco, #ffffff) !important;
        font-size: 16px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.20px;
        word-wrap: break-word;
        text-decoration-color: var(--primarios-verde-primario,#00693C) !important;
        color: #00693C !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 181px !important;
        border-color: var(--primarios-verde-primario, #00693C) !important;
        border: 1px solid;
        position: relative !important;
        flex: 1 !important;
        border-width: 4px !important;
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPrint.svg");
        background-repeat: no-repeat;
        background-position: 160px center;
    }

/* Flujo 2: Focus clic — sin anillo; Tab usa .gds-keyboard-focus */
.divWhitePanelPedingTxDetail #ctl00_childContent_ctPendingTxDetail_ctSummary_cbLinkPrint.Button-White-print:focus:not(.gds-keyboard-focus),
.divWhitePanelPedingTxDetail a.Button-White-print:focus:not(.gds-keyboard-focus) {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    outline: none !important;
    box-shadow: none !important;
}

.marginLeftButton-White-print {
    margin-left: 265px;
}




.button_Aprove_verifier {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 220px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_check.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 210px center !important;
}

    .button_Aprove_verifier:hover {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 220px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
        background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_check.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 210px center !important;
    }


    .button_Aprove_verifier:focus {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 220px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: 4px solid #C3E5A9 !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 17px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
        background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_check.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 210px center !important;
    }

.buttonAnular {
    background: #EEEEEE !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 220px !important;
    position: relative !important;
    text-decoration-color: #C30000 !important;
    border: none !important;
    color: #C30000 !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 210px center !important;
}
    .buttonAnular:hover {
        background: #FFE8E8 !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 220px !important;
        position: relative !important;
        text-decoration-color: #C30000 !important;
        border: none !important;
        color: #C30000 !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
        background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 210px center !important;
    }
    .buttonAnular:focus {
        background: #FFE8E8 !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 220px !important;
        position: relative !important;
        text-decoration-color: #C30000 !important;
        border: 1px solid !important;
        border-color: #1E1E1E;
        color: #C30000 !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
        background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 210px center !important;
    }

/* Refuerzo post-global: Anular Normal = Gris Claro 10 (Figma Caution) */
.divWhitePanelPedingTxDetail a.buttonAnular:not(:hover):not(:active):not(:focus-visible) {
    background: #EEEEEE url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_cerrar.svg") no-repeat right 16px center / 24px 24px !important;
}

.MarginTermsandConditionWcSummary {
    margin-top: 50px;
    margin-bottom: 30px;
}

#ctl00_childContent_CtNotificationSuccessfulMessageInfo_lblInfoMessage {
    margin-left: 0%;
    margin-top: -0%;
}

.divWhitePanelAnulTransaction {
    width: 1376px;
    align-self: stretch;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: inline-flex;
}

.divPositionTitleButtonBackAnular {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionTitleAnular {
    width: 448px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.StyleTileAnularTransaction {
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionControlsAnularTransaction {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
}

.divContentControlsAnularTransaction {
    width: 912px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: flex;
}

.divPositonLabelTextAnualarTrasaction {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divContentLabelTextAnualarTrasaction {
    width: 448px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divPostionLabelInstructAnular {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelInstructionAnular {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionTextBoxAnularTransaction {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

#ctl00_childContent_ctPendingTxDetail_ctReason {
    align-self: stretch;
    height: 128px;
    width: 440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 8px;
    outline-offset: -1px;
    justify-content: space-between;
    align-items: flex-start;
    display: inline-flex;
    overflow: hidden;
    resize: none;
    background-color: #ffffff;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word
}

    #ctl00_childContent_ctPendingTxDetail_ctReason:focus {
        align-self: stretch;
        height: 128px;
        width: 440px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 8px;
        outline-offset: -1px;
        justify-content: space-between;
        align-items: flex-start;
        display: inline-flex;
        overflow: hidden;
        resize: none;
        background-color: #ffffff;
        color: var(--grises-gris-oscuro-90, #3f3f3f);
        font-size: 16px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.20px;
        word-wrap: break-word
    }

.divPositionButtonBackAnular {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContentButtonBackAnular {
    padding-top: 12px;
    padding-bottom: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divPositionButtonsAnularTrasaction {
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}


.buttonAnularTransaccionPage {
    background: #EEEEEE !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 220px !important;
    position: relative !important;
    text-decoration-color: #C30000 !important;
    border: none !important;
    color: #C30000 !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    height: 48px !important;
}

    .buttonAnularTransaccionPage:hover {
        background: #FFE8E8 !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 220px !important;
        position: relative !important;
        text-decoration-color: #C30000 !important;
        border: none !important;
        color: #C30000 !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
        height: 48px !important;
    }

    .buttonAnularTransaccionPage:focus {
        background: #FFE8E8 !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 220px !important;
        position: relative !important;
        text-decoration-color: #C30000 !important;
        border: 1px solid !important;
        border-color: #1E1E1E;
        color: #C30000 !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
        height: 48px !important;
    }

.WhitePanelAproveTrasaction {
    width: 1376px;
    height: auto;
    padding: 32px;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: inline-flex;
    margin-top:24px;
}

.divPositionControlsAproveTransaction {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
}

.divContentControlsAproveTransaction {
    width: 448px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.PnlControlsTokenAproveTransact {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divPositionLabelTokenAproveTransact {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelTokenAproveTransact {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionTextTokenAproveTransact {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

#ctl00_childContent_ctPendingTxDetail_ctToken {
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #ffffff;
    border-radius: 8px;
    outline-offset: -1px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    width: 448px;
    height: 48px;
}

    #ctl00_childContent_ctPendingTxDetail_ctToken:focus {
        background: #ffffff;
    }

.pnlPositionControlPromagarTransaction {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex
}

.styleQuestProgramarTransaction {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #002A18;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.ckboxAproveTransaction input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: var(--primarios-verde-primario, #00693C); /* Cambia el color en navegadores modernos */
    border-radius: 8px;
}

.ckboxAproveTransaction {
    text-align: center;
    color: #3F3F3F;
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.ContentControlsProgramarTransactionAprove {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divPositionCheckBoxAProgramarTransactionAprove {
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.divPositionControlCalendar {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divLabelSelecDateTransactionAprove {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.divPositionCaledarBox {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.divPositionNotificationTransactionAprove {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}


#ctl00_childContent_ctPendingTxDetail_ctNotificationAddress {
    width: 448px;
    height: 48px;
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #ffffff;
    border-radius: 8px;
    outline-offset: -1px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

#ctl00_childContent_ctPendingTxDetail_ctNotificationText {
    width: 448px;
    height: 48px;
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #ffffff;
    border-radius: 8px;
    outline-offset: -1px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    resize: none;
}


.divPositionItemsControlsAproveTrasaction {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.sizeButtonAproveTransaction {
    height: 48px !important;
}


.empty-message {
    height: 25.07px;
    padding-top: 2px;
    padding-bottom: 2px;
    left: 0px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    color: #3F3F3F;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-align: center;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconGray.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 30px;
}

.empty-messageCA {
    height: 25.07px;
    padding-top: 2px;
    padding-bottom: 2px;
    left: 0px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    color: #3F3F3F;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    text-align: center;
    margin-left: 100px;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconGray.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 30px;
}


.text-strong-gray {
    color: #3F3F3F;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    word-wrap: break-word;
    text-align: left;
}

#divBtnRegresar {
    margin-left: 3%;
    margin-top: 0%;
}

#divBtnRegresarStep2 {
    margin-left: 3%;
    margin-top: 0%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_articleCirclesStep1 {
    margin-left: 0%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctAmount {
    width: 500px;
    margin: 0 auto;
    margin-left: -27px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefName {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


.wizardStep_FrameControlDetailCentro {
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 610px;
    margin-bottom: 15px;
}


.ddlTipoIdentificacion {
    width: 440px;
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 612px;
    height: 55px;
}

    .ddlTipoIdentificacion:hover {
        border-color: var(--grises-gris-claro-100) !important;
        border-width: 1px !important;
        border-style: solid !important;
    }

    .ddlTipoIdentificacion:focus-within {
        border-style: solid !important;
        border-color: var( --verde-focus-control) !important;
        border-width: 4px !important;
    }

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefIdType2 {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefId {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefCountry {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefAddress {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefCity {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefPhone {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctRelationShip {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefBankAccNum {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctInstructions {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefCompany {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StartNavigationTemplateContainerID_StartNextButton {
    margin-left: 1064px;
    margin-top: -40px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ddlConceptType {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton {
    margin-left: 940px;
    margin-top: 20px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_article1 {
    margin-left: 0px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_lblSITIText {
    width: 1230px !important;
}

.ctf-conditions {
    width: 90%;
    margin-left: -6%;
    padding-bottom: 3%;
}

.cond-item {
    border-bottom: 1px solid #E6E6E6;
}

.cond-header {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-align: left;
}

.cond-title {
    color: #3F3F3F;
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
}

.cond-chevron {
    color: #0B6E4F; /* verde similar a tu UI */
    display: inline-flex;
    transition: transform .18s ease;
}

.cond-header[aria-expanded="true"] .cond-chevron {
    transform: rotate(180deg);
}

/* Cerrado por defecto vía aria (sin [hidden], permite animar en páginas GDS) */
.cond-header[aria-expanded="false"] + .cond-body {
    display: none;
}

.cond-body {
    padding: 0 0 14px 0;
}

.cond-text {
    color: #3F3F3F;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    text-align: justify;
}

.cond-footer {
    margin-top: 18px;
    text-align: left;
}

.previous-button-move-step2-trans-local-centro {
    margin-top: 5% !important;
    margin-left: 14% !important;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_wizardUserStep2CentralGlobal {
    margin-left: 0;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_wizardUserStep3Central {
    margin-left: 0px;
}

#divBtnRegresarStep3 {
    margin-left: -26%;
    margin-top: 1%;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefBankCityName {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctBenefBankAddress {
    width: 448px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

.divWhitePanelPrintVoucher {
    width: 1376px;
    height: auto;
    padding: 16px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    display: inline-flex;
    margin-top: 24px;
}

.divDistributionPanelPrintVoucher {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divPositionTitlePrintVoucher {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divContainerTitlePrintVoucher {
    width: 577px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.StyleTitlePrintVoucher {
    color: var( --grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    margin-top: 20px;
}


.divContentControlSearchPrintVoucher {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 32px;
    display: inline-flex;
}


.divContentInicialDatePrintVoucher {
    width: 279px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionLabelPrintVoucher {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.divStyleLabelPrintVoucher {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divContentCalendarPrintVoucher {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.div_SizeControlDateControlPrintVoucher {
    width: 279px;
    height: 48px;
}

.divSizeControlCalendarControlPrintVoucher {
    width: 279px !important;
    height: 48px;
}

.ddlDropDownPrintVoucher {
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 279px;
    padding:13px;
}

.divPositionGridPrintVoucher {
    width: 1344px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContentGridPrintVoucher {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-left: 88px;
    margin-top: 24px;
}

.divMarginPrintVoucher {
    margin-left:-85px;
}

.divWhitePanelResumenPrint {
    width: 900px;
    height: auto;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionContentPanelResumenPrint {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
    margin-left: -150px;
    margin-top: 24px;
    margin-bottom: 30px;
}

.divPositionButtonRegresarPanelResumenPrint {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionInfoPanelResumenPrint {
    width: 680px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: flex;
}

.divSizeTermsandConditionsResumeTrans {
    width: 90%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: flex;
    background: var(--grises-blanco, #ffffff);
    margin-left: 100px;
}

.divPositionPanelTermsandConditionsResumeTrans {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-left: 100px;
    margin-top: 24px;
    margin-bottom: 30px;
}


.StyleTermsandConditionsResumeTrans {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    margin-left: 50px;
}


.regresarPendingTransfers {
    display: flex;
    align-items: center;
    margin-bottom: 6%;
    margin-top: -4%;
    margin-left: -250px;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}


.regresarAllPassword {
    display: flex;
    align-items: center;
    margin-bottom: 6%;
    margin-top: 5%;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}


.divContainerActivateToken {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divContentControlsActivateToken {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divContentImageIconActivateToken {
    width: 88px;
    height: 88px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Personas_servicio_al_cliente.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

.styleMessageActivateToken {
    width: 448px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.divContentMenuOriginador {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divContentMenuVerificador {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}


.divContentMenuVericadorNivel2 {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}


.divContentMenuAprobador {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}


.divContentMenuUsuarioGlobal {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}



.divPositionSubTitleMenuOriginador {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divPositionSubTitleMenuVerificadorN2 {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}


.divContentSubTitleMenuOriginador {
    width: 577px;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
    display: inline-flex;
}

.divContentSubTitleMenuVerificadorN2 {
    width: 577px;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
    display: inline-flex;
}

.StyleLabelSubTitleMenuOriginador {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleLabelSubTitleMenuVerificadorN2 {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.divContentOptionsMenuOriginador {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}


.divContentOptionsMenuVerificadorN2 {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.divContentOptionsMenuAprobador {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.divContentOptionsMenuUsuarioGlobal {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.DivCardSquareOptionMenu {
    width: 273px;
    padding: 16px;
    background: white;
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
}


    .DivCardSquareOptionMenu:hover {
        box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.16);
    }

    .DivCardSquareOptionMenu:focus {
        border: 4px solid rgba(195, 229, 169, 1);
        border-radius: 8px;
        width: 273px;
    }



    .divContentImgOptionMenu {
        padding: 8px;
        border-radius: 200px;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: flex;
    }

.divImgTransaaccionesFavoritas {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/StartTransaccionesFavoritas.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgTransaccionesAVerificar {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/StartTransaccionesAVerificar.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgTransacciones {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionTranferencias.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgPagoProveedores {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionPagoProveedores.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionPagoServicios {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconPagoServicios.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionPagoPlanillas {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionPagoPlanillas.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionPagoImpuestos {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionPagoImpuestos.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionCompraVentaDivisas {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionCompraVentaDivisas.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionEmisionCheques {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionEmisionCheques.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionCuentas {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionCuentas.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionConsultaTransacciones {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionConsultaTransacciones.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionEstadoCuenta {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionEstadoCuenta.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionConsultaReserva {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionConsultaReserva.svg) !important;
    background-repeat: no-repeat !important;
}

.divImgOptionImpresionComprobante {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconImpresionComprobantes.svg) !important;
    background-repeat: no-repeat !important;
}
  
.form-row2.full-width
{
    display: flex;
    justify-content: center; /* centra el bloque completo */
}

.field-wrap {
    width: min(820px, 100%); /* usa el mismo ancho real de tu textbox */
    display: flex;
    flex-direction: column;
}

    .field-wrap .text-strong-gray {
        margin-bottom: 6px;
    }


/* Solo para filas que deben verse como "campo centrado" */
.form-grid-3 .form-row2.full-width {
    display: flex;
    flex-direction: row; /* <-- clave: ya no column */
    justify-content: center; /* centra el bloque */
    align-items: flex-start;
}

    .form-grid-3 .form-row2.full-width .field-wrap {
        width: min(600px, 100%);
        display: flex;
        flex-direction: column;
    }

        /* Asegura que el Label (renderiza como span) respete el ancho */
        .form-grid-3 .form-row2.full-width .field-wrap > .text-strong-gray {
            display: block;
            width: 100%;
            text-align: left;
            margin-bottom: 6px;
        }


.align-left {
    margin: 0 !important;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_divControlPaises {
    margin-left: -4px;
    width: 608px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_divControlBancoBeneficiario {
    margin-left: -4px;
    width: 608px;
}


.cond-item {
    border-bottom: 1px solid #E6E6E6;
    width: 1000px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton {
    margin-left: 62% !important;
    margin-top: 20% !important;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton {
    margin-left: 865px;
    margin-top: 38px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctCountryConditions_clMessage {
    margin-left: 10%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_divPanelError {
    margin-left: -34%;
    padding-bottom: 2%;
}

#divNotification {
    margin-left: 32%;
    margin-top: 0%;
}

.marginStep3CentroAnterior {
    margin-left: 80% !important;
    margin-top: 20% !important;
}

.marginStep3CentroSiguiente {
    margin-left: 370px !important;
    margin-top: 38px !important;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-left: 225%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButton {
    margin-left: 0%;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctComission_Label1 {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-bold-body-s-font-size);
    line-height: var(--body-bold-body-s-line-height);
    font-weight: var(--body-bold-body-s-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 30%;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctComission_clSourceComission {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctComission_clTargetComission {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctComission_Label4 {
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_CtNotificationSuccessfulMessageInfo_pnlMessageNotificacionSuccessful {
    margin-left: -32%;
    margin-top: -2%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_Button4 {
    margin-left: 18% !important;
    margin-top: 4%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_CtNotificationSuccessfulMessageInfo_pnlMessageNotificacionSuccessful {
    margin-left: -25%;
    margin-top: -3%;
}


.div_SummaryContentEstructureItemDetailFirmante {
    padding: 0px 0px 16px 0px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.div_SummaryLabelItemFirmante {
    color: var(--grises-gris-oscuro-90);
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
}

.wizardStep_DivContTitleCA {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    width: 650px;
    position: relative;
}


.positionLabelWcSummaryTrans {
    margin-left: 53%;
}

.positionLabelWcSummaryMonto {
    margin-left: 69%;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription {
    width: 390px;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
    border: 1px solid #BDBDBD !important;
    height: 48px;
}

.positionLabelWcSummaryCATrans {
    margin-left: 54%;
}

.positionLabelWcSummaryCAMonto {
    margin-left: 68%;
}

.divImgConsultas {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconOptionConsultas.svg) !important;
    background-repeat: no-repeat !important;
}


.divContentOptionsMenuVerificador {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}


.collapsible-card {
    align-self: stretch;
    padding: 16px;
    background: white;
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    width:1238px;
}

.collapsible-header {
    width: 100%;
    max-width: 1400px;
    min-width: 288px;
    background: var(--grises-blanco, #ffffff);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    display: flex;
}

    .collapsible-header:hover {
        background: var(--grises-blanco, #ffffff);
    }

.collapsible-title {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_informacion_envolvente.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    padding: 0px 35px 0px;
}


.collapsible-titleAmount {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.collapsible-icon {
    transition: transform 0.3s;
}

.Collapsible-iconArrowGren {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg) !important;
    background-repeat: no-repeat !important;
    height: 15px;
    width: 25px;
}

.collapsible-content {
    display: none;
    padding: 15px;
}

    .collapsible-content table {
        width: 100%;
        border-collapse: collapse;
    }

    .collapsible-content td {
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

.link-revisar {
    color: #1b7f5c;
    cursor: pointer;
    font-weight: 500;
}

.divContentTitleIconsCollapsible {
    align-self: stretch;
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
}

.divLinecollapsible-content {
    align-self: stretch;
    height: 0px;
    outline: 1px #C4C4C4 solid;
    outline-offset: -0.50px;
}


.gridTransationPendingSing {
    font-size: 12px;
    /*border: 1px solid var(--grises-gris-claro-40);
    border-radius: 8px;*/
}


    .gridTransationPendingSing th {
        color: var(--grises-blanco);
        border: 1px solid var(--grises-gris-claro-40);
        background-color: var(--primarios-verde-primario);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-image: url('images/TopGrid_bg.jpg');
        padding: 3px;
        white-space: nowrap;
    }


    .gridTransationPendingSing td, gridTransationPendingSing th {
        padding: 2px;
        line-height: 1.2;
        width: 1000px;
        text-align: left;
        color: var(--grises-gris-oscuro-90, #3f3f3f);
        font-size: 14px;
        font-family: 'Nunito Sans', sans-serif;        
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0.10px;
        word-wrap: break-word;
    }

    .gridTransationPendingSing a {
        font-weight: 700;
        color: var(--primarios-verde-primario, #00693c);
        border-bottom-color: var(--primarios-verde-primario, #00693c);
        border-bottom: 1px solid;
    }

    .gridTransationPendingSing td:hover {
        background-color: var( --Color-Verder-Primario10);
    }


.gridTransactionPendingColumnCountry {
    width: 185px!important;
}

.gridTransactionPendingColumnAmount {
    width: 90px !important;
}


#ctl00_childContent_wucTransferVoucherReprint1_ctCountryList_cgCountry {
    width: 250px !important;
    font-size: 13px !important;
}


#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefName {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctAmount {
    width: 490px;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    margin-left: -45px;
}


#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefIdType2 {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ddlBenefCountry_cgCountry {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefId {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefCity {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefAddress {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefPhone {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctRelationShip {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefBankAccNum {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInstructions {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    font-family: 'Nunito Sans', sans-serif;
}

.progress-transfer {
    width: 360px;
    padding: 4px 0;
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.progress-transfer-track {
    position: relative;
    width: 360px;
    height: 8px;
    background: var(--components-navigation-progress-bar-bar, #E9E9E9);
    border-radius: 10px;
    overflow: hidden;
}

.progress-transfer-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background: var(--components-navigation-progress-bar-progress, #69BE28);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* anchos por paso */
.progress-20 {
    width: 20%;
}

.progress-40 {
    width: 40%;
}

.progress-60 {
    width: 60%;
}

.progress-80 {
    width: 80%;
}

.progress-100 {
    width: 100%;
    border-radius: 10px;
}

.progress-transfer-info {
    display: inline-flex;
    align-items: center;
    gap: 32px;
    min-height: 20px;
}

.progress-transfer-title {
    flex: 1 1 0;
    color: var(--components-navigation-progress-bar-Text, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
}

.progress-transfer-step {
    text-align: right;
    color: var(--components-navigation-progress-bar-Text, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
}


#ctl00_childContent_wcInternationalTransferUC1_ctWizard_StartNavigationTemplateContainerID_StartNextButton {
    margin-left: 1064px;
    margin-top: -40px;
}

.form-grid-2-gap {
    gap: 21px 24px !important;
}

.lblSITITextWidth {
    width: 1251px !important;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctRelationShipNIC {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton {
    margin-left: 65% !important;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton {
    margin-left: 875px;
    margin-top: 5px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctCountryConditions_clMessage {
    margin-left: 122px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefBankAddress,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefBankCityName,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefBankName,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctBenefBankNumber {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


.alertRegExpression {
    color: var(--Alertas-Rojo-error, #C30000);
    font-family: "Nunito Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.1px;
}


#ctl00_childContent_ctPendingTxDetail_ctToken {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 480px;
    background-color: var(--grises-blanco);
}

#ctl00_childContent_ctPendingTxDetail_ctNotificationAddress {
    width: 480px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctPendingTxDetail_ctNotificationText {
    width: 480px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


.divContentPrincipalMensajeMasterPage {
    width: 1144px;
    background: var(--grises-gris-claro-10, #eeeeee);
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    margin-top: 40px;
    margin-left: 19%;
}


.divLineContentMensajeMasterPage {
    align-self: stretch;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divColorLineMensajeMasterPage {
    width: 2px;
    align-self: stretch;
    transform: rotate(-180deg);
    /*transform-origin: top left;*/
    background: var( --colors-gray-oscuro, #0F804F);
    border-radius: 12px;
}

.divContentMensajeMasterPage {
    flex: 1 1 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
    display: flex;
}

.divContentImgMensajeMasterPage {
    width: 24px;
    height: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divSizeImgMensajeMasterPage {
    width: 22px;
    height: 22px;
    left: 1px;
    top: 1px;
   /* position: absolute;*/
}

.divPositionTextMensajeMasterPage {
    flex: 1 1 0;
    padding-top: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.divContentTextMensajeMasterPage {
    align-self: stretch;
}

.StyleTextMensajeMasterPage {
    color: var(--gds-typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleTextLinkMensajeMasterPage {
    color: var(--gds-typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 700;
    text-decoration: underline;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankName,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankCityName,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankAddress,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankNumber,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankAccNum {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

/* GDS Step 4 ÔÇö anular 590px legacy (desalineaba columnas) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankName,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankCityName,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankAddress,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankNumber,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankAccNum {
    width: 100% !important;
    max-width: 100% !important;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_Button4 {
    margin-left: -323px !important;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-left: 184%;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_lkTerms {
    display: none;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_clAccountText {
    margin-left: 330px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_lblBenefBankIdCodeTypeText {
    margin-left: 350px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_lblInterBankIdCodeTypeText {
    margin-left: 350px;
}

.summary-label-nowrap {
    white-space: nowrap;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_clAmountText {
    margin-left: -48px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_WcNotificationSuccessfulMessageInfo1_pnlMessageNotificacionSuccessful {
    margin-top: -3%;
    margin-left: -25%;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_Button5 {
    margin-left: 18% !important;
    margin-top: 4%;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription {
    width: 580px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription {
    width: 373px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    background-origin: content-box;
    border: 1px solid lightgray !important;
}


.divStyleLetterOptionConsultas {
    color: #1E1E1E;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    text-align: left;
}


.divSizeCardOptionMenuConsultas {
    width: 273px;
    height: 80px;
    min-height: 80px;
    padding: 16px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}


/* GDS-CTF-SUBMENU-CONSULTAS ÔÇö GRP-002 cards scoped (.divPanelSubmenuConsultasV2) */
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas {
    text-decoration: none;
    display: inline-block;
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:hover,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:focus,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:active,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:visited {
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
    text-decoration: none;
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas.Optionslink,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas.Optionslink:hover,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas.Optionslink:focus,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas.Optionslink:focus-visible,
.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas.Optionslink:active {
    border: none !important;
    box-shadow: none;
    outline: none;
}

.divPanelSubmenuConsultasV2 .divSizeCardOptionMenuConsultas {
    box-sizing: border-box;
    width: 273px;
    height: 80px;
    min-height: 80px;
    border: none;
    outline: none;
    box-shadow: var(--gds-shadow-xs);
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:hover > .divSizeCardOptionMenuConsultas {
    box-shadow: var(--gds-shadow-m);
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:active > .divSizeCardOptionMenuConsultas {
    box-shadow: var(--gds-shadow-l);
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:focus:not(:focus-visible) {
    outline: none;
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:focus:not(:focus-visible) > .divSizeCardOptionMenuConsultas {
    box-shadow: var(--gds-shadow-xs);
}

.divPanelSubmenuConsultasV2 a.divStyleLetterOptionConsultas:focus-visible > .divSizeCardOptionMenuConsultas {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
}

/* GDS-CTF-SUBMENU-CONSULTAS ÔÇö GRP-001 regresar scoped (.divSizeBackArrowMenu) ÔÇö partial; full GDS on wcOriginatorPrincipalPageScope */
.divSizeBackArrowMenu .usp-link-regresar {
    text-decoration: none;
}

.divSizeBackArrowMenu .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divSizeBackArrowMenu .usp-link-regresar:active {
    color: var(--veder-button-selected, #003F24);
    text-decoration: none;
}

.divSizeBackArrowMenu .usp-link-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    text-decoration: none;
}

/* GDS-CTF-SUBMENU-TRANSFERENCIAS ÔÇö Bot├│n terciario ├®nfasis bajo horizontal (GDS) */
/* Ref: Bot├│n Terciario | Full Color Horizontal ÔÇö wcOriginatorPrincipal.aspx / wcOriginadorOptions.ascx */
/* Normal */
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar {
    color: var(--primarios-verde-primario, #00693C);
    text-decoration: none;
    border: 4px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    outline: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
}

/* Hover ÔÇö Primario 10 */
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar:hover {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--Color-Verder-Primario10, #E7F7EE);
    text-decoration: none;
}

/* Special hover ÔÇö fondos sin contraste suficiente para Primario 10 */
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar.usp-link-regresar--hover-special:hover {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    text-decoration: underline;
}

/* Selected / Active ÔÇö Primario 20 */
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar:active,
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar:hover:active {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
    text-decoration: none;
}

/* Focus ÔÇö teclado (Secundario 30, 4px) */
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar:focus-visible {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    outline: 4px solid var(--secundarios-secundario-30, #C3E5A9);
    outline-offset: 0;
    text-decoration: none;
}

.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar:focus:not(:focus-visible) {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    outline: none;
    text-decoration: none;
}

/* Disabled ÔÇö Gris Claro 40 */
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar:disabled,
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar[disabled],
.wcOriginatorPrincipalPageScope .divSizeBackArrowMenu .usp-link-regresar.aspNetDisabled {
    color: var(--grises-gris-claro-40, #c4c4c4) !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    text-decoration: none !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* GDS-CTF-SUBMENU-TRANSFERENCIAS ÔÇö GRP-002 cards scoped (.divPanelSubmenuTransferenciasV2) ÔÇö wcOriginatorPrincipal.aspx / wcOriginadorOptions.ascx */
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences {
    text-decoration: none;
    display: inline-block;
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:hover,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:focus,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:active,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:visited {
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
    text-decoration: none;
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences.Optionslink,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences.Optionslink:hover,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences.Optionslink:focus,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences.Optionslink:focus-visible,
.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences.Optionslink:active {
    border: none !important;
    box-shadow: none;
    outline: none;
}

.divPanelSubmenuTransferenciasV2 .divSizeCardOptionMenuTransferences {
    box-sizing: border-box;
    width: 273px;
    height: 80px;
    min-height: 80px;
    border: none;
    outline: none;
    box-shadow: var(--gds-shadow-xs);
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:hover > .divSizeCardOptionMenuTransferences {
    box-shadow: var(--gds-shadow-m);
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:active > .divSizeCardOptionMenuTransferences {
    box-shadow: var(--gds-shadow-l);
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:focus:not(:focus-visible) {
    outline: none;
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:focus:not(:focus-visible) > .divSizeCardOptionMenuTransferences {
    box-shadow: var(--gds-shadow-xs);
}

.divPanelSubmenuTransferenciasV2 a.divStyleLetterOptionTransferences:focus-visible > .divSizeCardOptionMenuTransferences {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
}

.divsizeOptionMenuConsultas {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}


.divSizeSubTitleMenuConsultas {
    width: 577px;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}


.divStyleLetterSubMenuConsultas {
    text-align: center;
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPanelBlancoTransaccionesFavoritas {
    width: 1376px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
    margin-top:24px;

}

.divContentPanelTransaccionesFavoritas {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    display: flex;
}

.divContentButtonTitleTransaccionesFavoritas {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divContentTitleTransaccionesFavoritas {
    width: 577px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}


.StyleTitleTextTransaccionesFavoritas {
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divControlsContentTransaccionesFavoritas {
    width: 662px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
    margin-top: 35px;
}

.divContentTitleLabelTransaccionesFavoritas {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divContentLabelTransaccionesFavoritas {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelTransaccionesFavoritas {
    color: var( --grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.stylePositionControlTextTransaccionesFavoritas {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

#ctl00_childContent_ctFavoriteTransactions_ctNotificationAddress {
    flex: 1 1 0;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 448px;
    height: 48px;
    border-radius: 8px;
    padding: 12px 16px;
}


.button_PrimaryGreenLarge {
}

    .button_PrimaryGreenLarge:disabled {
        background: var(--Color-Button-Disable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 216px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Disable) !important;
        border: none !important;
        color: var(--Color-text-Button-Disable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_PrimaryGreenLarge:enabled {
        background: var(--Color-Button-Enable) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 216px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Enable) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_PrimaryGreenLarge:hover {
        background: var(--Color-Button-Hover) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 216px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }


    .button_PrimaryGreenLarge:focus {
        background: var(--veder-button-selected, #003F24) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 216px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--Color-Button-Hover) !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        position: relative !important;
        flex: 1 !important;
    }

    .button_PrimaryGreenLarge:active {
        background: var(--veder-button-selected, #003F24) !important;
        border-radius: 8px !important;
        padding: 12px 16px 12px 16px !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        width: 216px !important;
        height: 48px !important;
        position: relative !important;
        text-decoration-color: var(--veder-button-selected, #003F24) !important;
        border: none !important;
        color: var(--Color-text-Button-Enable) !important;
        text-align: center !important;
        font-family: var(--caption-caption-nunito-font-family) !important;
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700 !important;
        flex: 1 !important;
    }


.divClasesMarginTermsAndConditionsDetail {
    margin-left:499px;
}


.sizeIconLogosvoucherDetail {
    height: 20px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_Button4 {
    margin-left: 28% !important;
    margin-top: 4%;
}

#ctl00_childContent_ctCheckRegister_ctWizard_article3 {
    margin-left: 0px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_cbLinkPrint {
    margin-top: -15%;
    margin-left: 172%;
}

#ctl00_childContent_ctCheckRegister_ctWizard_FinishNavigationTemplateContainerID_divBotoneraFinalizar {
    margin-left: -10px;
}

@media print {

    body {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

    /* Evita que el navegador fuerce saltos */
    .no-break {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Importante para Chrome */
    .section {
        display: block;
        width: 100%;
    }
}


.divWhitePanelPagoPlanillasProveedores {
    width: 1376px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: inline-flex;
    height: auto;
    margin-top:24px;
}


.divPositionControlsPagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
}

.divPositionButtonTitlePagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionTitlePagoPlanillasProveedores {
    width: 912px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divSytleTitlePagoPlanillasProveedores {
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionControlsGridPagoPlanillasProveedores {
    width: 912px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContentSubtitleLinkAddGroup {
    align-self: stretch;
    height: 40px;
    justify-content: space-between;
    align-items: flex-start;
    display: inline-flex;
}

.StyleSubtitlePagoPlanillaProveedores {
    text-align: center;
    color: #1E1E1E;
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.div_PagoProveedoresPlanillasLinkGreen {
    color: var(--primarios-verde-primario);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--caption-caption-regular-font-size);
    line-height: 16px;
    font-weight: 700;
    position: relative;
    padding-right: 30px;
}


.imgPagoProveedoresPlanillasAddGroup {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_mas.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    height: 15px;
}

.imgPagoProveedoresPlanillasAddPay {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_mas.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 35px center;
    height: 15px;
}

.MarginLinkGridPagoProveedoresPlanillas {
    margin-right:10px;
}

.imgPagoProveedoresPlanillasRefresh {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_refrescar.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    height: 20px;
}

.divMarginGridValacionPagoPlanillasProveedores {
    margin-top:50px;
}

.divPositionAgregarGrupoPrvPlanilla {
    width: 912px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.divPositionSubtitleAgregarGrupoPagoPlanillasProveedores {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divSizeSubtitleAgregarGrupoPagoPlanillasProveedores {
    width: 900px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.StyleSubtitleAgregarGrupoPagoPlanillasProveedores {
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    margin-bottom: 24px;
}

.divBorderAgregarGrupoPagoPlanillasProveedores {
    align-self: stretch;
    padding: 16px;
    border-radius: 8px;
    outline: 1px #C4C4C4 solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: flex;
}

.divPositionControlsAgregarGrupoPagoPlanillasProveedores {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divContentAgregarGrupoPagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divPositionLabelAgregarGrupoPagoPlanillasProveedores {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelAgregarGrupoPagoPlanillasProveedores {
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionTextBoxValidatorGrupoPagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex
}


#ctl00_childContent_wcAccountGroupsUC1_ctGroupName {
    width: 448px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
}

#ctl00_childContent_wcAccountGroupsUC1_ctGroupDescription {
    width: 448px;
    height: 50px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
}

#ctl00_childContent_wcAccountGroupsUC1_ctTranferAccountList_ctAccountList {
    width: 448px;
    height: 50px !important;
    font-family: 'Nunito Sans', sans-serif;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right;
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}

.divPositionButtonGrupoPagoPlanillasProveedores {
    height: 48px;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}


.divWhitePanelWizardPagoPlanillasProveedores {
    width: 1376px;
    height: auto;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
    margin-top:24px;
    margin-bottom:70px;
}

.divWhitePanelWizardMoneyExchange {
    width: 1376px;
    height: auto;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
    margin-top: 24px;
    margin-bottom: 70px;
}


.divPositionWizardControlsPagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
}

.divPositionWizardControlsMoneyExchange {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
}


.divPositionTitlePagoPlanillasProveedores {
    width: 577px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divStyleTitlePagoPlanillasProveedores {
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}


.divPositionControlsStepWizardPagoPlanillasProveedores {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    display: flex;
    margin-top:24px;
}

.divContentLabelControlWizardPagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divPositionLabelWizardPagoPlanillasProveedores {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.divStyleLabelWizardPagoPlanillasProveedores {
    color: #3F3F3F;
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionControlWizardPagoPlanillasProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}


.ControlGrupoPagoPlanillaProveedor {
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 250px;
    height: 48px;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_ctAccGroupListUC_ctAccGroupList {
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 500px;
    height: 48px;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
    padding: 14px 16px;
}

.divPositionControlIngresoPagoPlanillaProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
    padding-left:8px;
}

.divPositionRadioButtonPagoPlanillaProveedores {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divContentRadioButtonPagoPlanillaProveedores {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_cbManual {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0b6b43;
    margin-right: 5px;
    margin-left: 16px;
}

.divSizeControlFramePagoProvPlanilla {
    width:500px;
    height:48px;
    margin-bottom:24px;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_cbFile {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #0b6b43;
    margin-right: 5px;
    margin-left: 16px;
}



.button_Start_Left_Clave:disabled {
    background: var(--Color-Button-Disable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Disable) !important;
    border: none !important;
    color: var(--Color-text-Button-Disable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 180%;
}

.button_Start_RightProvPlanillas:enabled {
    background: var(--Color-Button-Enable) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 180%;
}

.button_Start_RightProvPlanillas:hover {
    background: var(--Color-Button-Hover) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: none !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 180%;
}


.button_Start_RightProvPlanillas:focus {
    background: var(--Color-Button-Hover) !important;
    border-radius: 8px !important;
    padding: 12px 16px 12px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 181px !important;
    height: 48px !important;
    position: relative !important;
    text-decoration-color: var(--Color-Button-Hover) !important;
    border: 4px solid #C3E5A9 !important;
    color: var(--Color-text-Button-Enable) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family) !important;
    font-size: 16px !important;
    line-height: 17px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    position: relative !important;
    flex: 1 !important;
    margin-top: 41%;
    margin-left: 180%;
}

.divMarginTermsConditionsPagoProvPlan {
    margin-left: 192px;
}

.divMarginTermsConditionsPagoProvPlanStep2 {
    margin-left:630px;
}


.divMarginTermsResumenManualPagoProvPlan {
    margin-left: 325px;
}

.divContentBorderStep3ProvPlan {
    width: 959px;
    padding: 16px;
    border-radius: 8px;
    outline: 1px #C4C4C4 solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    margin-bottom:20px;
}

.divPositionControlsStep3ProvPlan {
    width: 448px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.stylePanelControlsAccountCurrencyStep3ProvPla {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.PositionControlAccountStep3ProvPla {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_ctAccountNumber {
    flex: 1 1 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 434px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-right: 14px;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_ctDetail {
    flex: 1 1 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 434px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-right: 14px;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_ctAmount {
    flex: 1 1 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 416px;
    border-radius: 8px;
}

.wizardStepControlAmountCurrencyPrvPla {
    color: var(--grises-gris-claro-100);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divMarginAmountProvPla {
    margin-left:3px;
}

.divLabelInstAmount {
    color: var(--grises-gris-claro-100, #949494);
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_ctNotificationEmail {
    flex: 1 1 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 434px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-right:14px;
}

.marginControlsProvPlanilla {
    margin-top:24px;
}

.divPositionInfoCuentaVeriPlaProv {
    width: 448px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.styleLabelInfoCuentaVeriPlaProv {
    color: black;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.styleTextInfoCuentaVeriPlaProv {
    color: black;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divMarginAccountStep3PlaProv {
    margin-top:24px;
}

.divPositionTableStep3PlaProv {
    width: 1000px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px;
}

.divContenedorControlsSte4PlaProv {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: flex;
}

.divPositionLabelOrigenSte4PlaProv {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.StyleSubTitleStep4ProvPla {
    text-align: center;
    color: #1E1E1E;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divDistribucionInfoOrigenStep4ProvPla {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.StyleLabelStep4ProvPla {
    color: #000000;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionDestinoSte4PlaProv {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divSizeTableDestinoSte4PlaProv {
    width: 984px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.BotoneraStep4PlaProve {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    z-index: 9999;
}

.divWhitePanelBotonera {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 24px;
    padding-bottom: 24px;
    background: white;
    box-shadow: 0px 0px 32px rgba(30, 30, 30, 0.16);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.divSpaceButtonsPanelBotonera {
    width: 680px;
    height: 48px;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
}

.divPositoResumenSte4PlaProv {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
}

.divSizeResumenSte4PlaProv {

    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
    padding-right:330px;
}


.espaciador {
    height: 0; /* por defecto no ocupa espacio */
    transition: height 0.3s ease;
}

    .espaciador.activo {
        height: 200px; /* espacio extra cuando se activa */
    }



.fileUpload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileUpload input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0; /* Oculta el bot├│n nativo */
       /* filter: alpha(opacity=0);*/
    }

.btnCustomFileUpLoad {
    cursor: pointer;
    text-align: center;
    color: var(--Color-Button-Enable, #00693C);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    text-decoration: underline;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word
}

.StyleTextInfoFileUpLoad {
    text-align: center;
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionControlFileUpload {
    width: 478px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: inline-flex;
}

/* Wrapper rail (CHK layout). contents = hijos siguen en el flex de Planillas u otros usos. */
.gds-file-upload-rail {
    display: contents;
}

.divContenedorControlFileUpload {
    align-self: stretch;
    background: var( --grises-blanco, #ffffff);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divDistribucionControlFileUpload {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.StyleBorderControlFileUpload {
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 8px;
    outline: 1px var(--grises-gris-claro-40, #c4c4c4) dashed;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    display: flex;
}

/* GDS Input - Load File (Figma 2437:69840 / 13972:42810) ÔÇö 576├ù116 fijo, borde 1px en todos los estados */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload {
    position: relative;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    border: 1px dashed var(--components-input-stroke-normal, #c4c4c4) !important;
    border-radius: 8px;
    box-sizing: border-box;
    width: 576px;
    max-width: 100%;
    height: 116px;
    min-height: 116px;
    max-height: 116px;
    padding: 10px 16px 6px !important;
    overflow: hidden;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    background-color: var(--grises-blanco, #ffffff);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* Icono carpeta ÔÇö espacio superior sin recorte dentro de 576├ù116 */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .PositionImgFileUpload {
    flex-shrink: 0;
    flex-grow: 0;
    background-origin: padding-box;
    background-position: center center;
    background-size: 32px 32px;
}

/* Hover ÔÇö solo color (Gris oscuro 70), grosor 1px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading):not(.gds-file-upload--drag):not(.gds-file-upload--completed):not(:has(input[type="file"]:disabled)):hover {
    outline: none !important;
    border: 1px dashed var(--grises-gris-oscuro-70, #717171) !important;
    padding: 10px 16px 6px !important;
}

/* Selected / Active / Focus ÔÇö solo color m├ís oscuro (Gris oscuro 80), grosor 1px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading):not(.gds-file-upload--completed):not(:has(input[type="file"]:disabled)):active {
    outline: none !important;
    border: 1px dashed var(--grises-gris-oscuro-80, #3f3f3f) !important;
    padding: 10px 16px 6px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading):not(.gds-file-upload--completed):focus-within {
    outline: none !important;
    border: 1px dashed var(--grises-gris-oscuro-80, #3f3f3f) !important;
    padding: 10px 16px 6px !important;
    box-shadow: none;
}

/* On drag ÔÇö 1px dashed Verde primario + fondo Secundario 10 */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--drag {
    outline: none !important;
    border: 1px dashed var(--primarios-verde-primario, #00693C) !important;
    background-color: var(--secundarios-secundario-10, #EEF7E6);
    padding: 10px 16px 6px !important;
    box-shadow: none;
}

/* Completed ÔÇö solid 1px #949494 (Figma 13972:42815) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--completed:not(.gds-file-upload--loading) {
    outline: none !important;
    border: 1px solid var(--grises-gris-claro-100, #949494) !important;
    padding: 10px 16px 6px !important;
    box-shadow: none;
    gap: 2px;
}

/* Completed ÔÇö icono Comunicacion_carpetas (verde relleno) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--completed:not(.gds-file-upload--loading) .PositionImgFileUpload {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Icon_carpetasFileUploadCompleted.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
}

/* Completed ÔÇö paneles normal vs completado (Figma 2437:69840 ÔÇö icono + fila + formatos) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-panel-completed {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    width: 100%;
    min-width: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-panel-normal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    width: 100%;
    min-width: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-file-name {
    display: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-normal-row {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-width: 100%;
    min-width: 0;
    text-align: center;
    margin-top: 2px;
    height: 21px;
    max-height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-completed-row {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-width: 100%;
    min-width: 0;
    text-align: center;
    margin-top: 0;
    height: 21px;
    max-height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-completed-filename {
    display: block;
    width: 100%;
    min-width: 0;
    height: 21px;
    max-height: 21px;
    line-height: 21px;
    text-align: center;
    overflow: hidden;
    flex-shrink: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .divInstructionFormatFileUpload:not(.gds-file-upload-file-name) {
    margin: 0;
    padding: 0;
    gap: 0;
    width: 100%;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .divInstructionFormatFileUpload:not(.gds-file-upload-file-name) .StyelTextFormatFileUpload {
    margin: 0;
    padding: 0;
    height: 18px;
    line-height: 18px;
    display: block;
}

/* Helper text debajo del recuadro (markup GDS compartido post-anatomía 13972:43959) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .gds-file-upload-helper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 4px;
    height: 18px;
    min-height: 18px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .gds-file-upload-helper .StyelTextFormatFileUpload {
    margin: 0;
    padding: 0;
    height: 18px;
    line-height: 18px;
    display: block;
    color: #717171;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--completed:not(.gds-file-upload--loading) .gds-file-upload-panel-normal {
    display: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--completed:not(.gds-file-upload--loading) .gds-file-upload-panel-completed {
    display: flex;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--loading .gds-file-upload-panel-normal,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--loading .gds-file-upload-panel-completed {
    display: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-completed-meta {
    margin: 0;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-completed-action {
    min-height: 0;
    display: inline-flex;
    flex: 0 0 auto;
    cursor: pointer;
    vertical-align: baseline;
    position: relative;
    overflow: visible;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .gds-file-upload-completed-action:focus-visible {
    outline: 2px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    border-radius: 4px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .btnCustomFileUpLoad.gds-file-upload-trigger-completed {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .btnCustomFileUpLoad.gds-file-upload-trigger-completed:hover {
    color: var(--Color-Button-Hover, #338763);
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .btnCustomFileUpLoad.gds-file-upload-trigger-completed:active {
    color: var(--veder-button-selected, #003F24);
}

/* Loading ÔÇö solid 1px #00693C */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--loading {
    outline: none !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    padding: 10px 16px 6px !important;
    box-shadow: none;
    pointer-events: none;
    gap: 8px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload.gds-file-upload--loading .PositionImgFileUpload {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/gds-inline-loader-24.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    animation: gds-file-upload-spin 0.8s linear infinite;
}

/* Presiona aqu├¡ ÔÇö file input clickeable en estados normales */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading) .fileUpload {
    cursor: pointer;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading) .fileUpload input[type="file"] {
    pointer-events: auto;
    cursor: pointer;
    z-index: 2;
}

@keyframes gds-file-upload-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Disabled ÔÇö 1px dashed #C4C4C4 */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:has(input[type="file"]:disabled) {
    outline: none !important;
    border: 1px dashed var(--grises-gris-claro-40, #C4C4C4) !important;
    padding: 10px 16px 6px !important;
    pointer-events: none;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:has(input[type="file"]:disabled) .StyleTextInfoFileUpLoad,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:has(input[type="file"]:disabled) .StyelTextFormatFileUpload,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload:has(input[type="file"]:disabled) .fileUpload span.btnCustomFileUpLoad {
    color: var(--grises-gris-claro-40, #C4C4C4);
}

/* Text link trigger dentro del dropzone ÔÇö hover GDS */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .fileUpload span.btnCustomFileUpLoad:hover {
    color: var(--Color-Button-Hover, #338763);
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .StyleBorderControlFileUpload .fileUpload span.btnCustomFileUpLoad:active {
    color: var(--veder-button-selected, #003F24);
}

.PositionImgFileUpload {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Icon_carpetasFileUpload.svg);
    background-repeat: no-repeat;
    background-origin: content-box;
    width: 32px;
    height: 32px;    
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex
}

.divInstructionFormatFileUpload {
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.StyelTextFormatFileUpload {
    text-align: center;
    color:  #717171;
    font-size: 12px;
    font-family: Nunito Sans;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionVerEstrucFileUpload {
    align-self: stretch;
    text-align: center;
}

/* GDS-CTF-PlanillasCargaArchivo GRP-004: text link Ver estructura ÔÇö estados GDS scoped */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionVerEstrucFileUpload a.btnCustomFileUpLoad {
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionVerEstrucFileUpload a.btnCustomFileUpLoad:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionVerEstrucFileUpload a.btnCustomFileUpLoad:active {
    color: var(--veder-button-selected, #003F24);
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionVerEstrucFileUpload a.btnCustomFileUpLoad:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    text-decoration: underline;
}


#ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_ctSummary_txtBuscar {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_buscar.svg);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: right;
    height: 48px;
    width: 628px;
    padding: 14px 16px;
    border-radius: 8px;
}



#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_txtBuscar {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/Interaccion_buscar.svg);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: right;
    height: 48px;
    width: 1195px;
    padding: 14px 16px;
    border-radius: 8px;
}

.divMargingControlSearchResumenPlanillaProv {
    margin-bottom:16px;
}


.fix-cuentas {
    margin-left: 0% !important;
    width: 89% !important;
}

.fix-motivos {
    width: 90%;
    margin-left: 0%;
}


#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctInterTransferMotive_clErrorMessage {
    margin-left: -53%;
    margin-bottom: 0%;
}


.form-grid-2-gap-vacio {
    gap: 16px 0px; /* filas / columnas */
}

.divwcCentralAmericaTransferUC-fix {
    width: 1280px;
    margin-left: -11%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_divimgAlerta {
    margin-top: -86px;
    margin-left: 78%;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_divimgAlertaMotivo {
    margin-left: 78%;
    margin-top: -86px;
}

.fix-button-next {
    margin-left: 1110px !important;
}

.fix-button-next-int {
    margin-left: 1108px !important;
}


.fix-control-paises {
    margin-left: 0%;
    width: 610px;
}

.form-grid-2-gap-fix {
    gap: 20px 0px !important;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_divimgAlerta {
    margin-left: 78%;
    margin-top: -87px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterTransferMotive_clErrorMessage {
    margin-left: -53%;
    margin-bottom: 0%;
}

.fix-alerta-pais {
    margin-left: 78%;
    margin-top: -87px;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_divimgAlertaMotivo {
    margin-left: 78%;
    margin-top: -87px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_articleCirclesStep1 {
    margin-left: 0%;
}

#divBtnRegresarChk {
    margin-left: -55%;
    margin-top: -5%;
}

/* Ocupa todo el ancho */
.form-row2.full-width {
    grid-column: 1 / -1;
}

/* CONTENEDOR DEL SELECT (CUENTA) */
.control-card-select {
    margin-top: 8px;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background: #fff;
    min-height: 48px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

    /* INPUTS INTERNOS DEL SELECT */
    .control-card-select select,
    .control-card-select input,
    .control-card-select .wizardStep-custom-select,
    .control-card-select .ddlTipoIdentificacion {
        width: 100%;
        border: none !important;
        background: transparent;
        box-shadow: none;
        padding: 0 14px;
        height: 48px;
        outline: none;
    }

/* GRUPO DE RADIOS */
.radio-card-group {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* TARJETA DE RADIO */
.radio-card-option {
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background: #fff;
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.2s ease;
}

    /* HOVER SUAVE */
    .radio-card-option:hover {
        border-color: #999;
    }

    /* RADIO */
    .radio-card-option input[type="radio"] {
        margin-right: 10px;
        transform: scale(1.1);
    }

    /* TEXTO */
    .radio-card-option label,
    .radio-card-option span {
        margin: 0;
        color: #4a4a4a;
        font-size: 15px;
        color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
        font-family: "Nunito Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.2px;
    }

    /* FIX PARA WEBFORMS (IMPORTANTE) */
    .radio-card-option table {
        width: 100%;
    }

    .radio-card-option td {
        padding: 10px 0;
        vertical-align: middle;
    }

#ctl00_childContent_ctCheckRegister_ctWizard_StartNavigationTemplateContainerID_StartNextButton {
    margin-left: 238%;
    margin-top: 10%;
}

/* =========================
   CONTENEDOR GENERAL
========================= */
.radio-card-group {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* =========================
   TARJETA
========================= */
.radio-card-option {
    border: 1px solid #cfcfcf;
    border-radius: 12px;
    background: #fff;
    min-height: 56px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .radio-card-option:hover {
        border-color: #999;
    }

    /* =========================
   FIX WEBFORMS (CRÍTICO)
========================= */
    .radio-card-option table {
        width: auto !important;
    }

    .radio-card-option td {
        width: auto !important;
        display: flex;
        align-items: center;
        gap: 0;
        padding: 12px 0;
    }

    .radio-card-option span {
        display: inline-flex;
        align-items: center;
    }

    /* =========================
   RADIO PERFECTAMENTE REDONDO
========================= */
    .radio-card-option input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        box-sizing: border-box;
        border: 3px solid #9e9e9e;
        border-radius: 50% !important;
        background: #fff;
        display: inline-block !important;
        vertical-align: middle;
        flex: 0 0 24px !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        /* =========================
   BOLITA INTERNA
========================= */
        .radio-card-option input[type="radio"]::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 12px;
            height: 12px;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            background: transparent;
            transition: all 0.2s ease;
        }

        /* =========================
   ESTADO SELECCIONADO
========================= */
        .radio-card-option input[type="radio"]:checked {
            border-color: #00693C;
        }

            .radio-card-option input[type="radio"]:checked::after {
                background: #00693C;
            }

    /* =========================
   TEXTO (SEPARACIÓN CORREGIDA)
========================= */
    .radio-card-option label {
        margin: 0 0 0 14px !important;
        color: #4a4a4a;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        cursor: pointer;
    }

    /* =========================
   FIX EXTRA POR CSS GLOBAL
========================= */
    .radio-card-option input {
        width: auto !important;
    }

#ctl00_childContent_ctCheckRegister_ctWizard_Button1 {
    margin-left: 18%;
    margin-top: 2%;
}

#ctl00_childContent_ctCheckRegister_ctWizard_article1 {
    margin-left: -1%;
    margin-top: 2%;
}

#ctl00_childContent_ctCheckRegister_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton {
    margin-left: 130px !important;
}

#ctl00_childContent_ctCheckRegister_ctWizard_StepNavigationTemplateContainerID_StepNextButton {
    margin-left: 735px;
    margin-bottom: 40px;
    margin-top: 60px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctCountryConditions_clMessage {
    margin-left: 10%;
}

#ctl00_childContent_ctCheckRegister_ctWizard_Button2 {
    margin-left: 28% !important;
    margin-top: 4%;
}

#ctl00_childContent_ctCheckRegister_ctWizard_article2 {
    margin-left: 0;
    margin-bottom: 0px;
}

.summary-resume-card {
    width: 100%;
    max-width: 1260px;
    margin: 0px auto;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 12px;
    box-sizing: border-box;
    margin-left: 3px;
}

.summary-resume-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 32px;
    margin-bottom: 18px;
}

    .summary-resume-row:last-child {
        margin-bottom: 0;
    }

.summary-resume-label {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.summary-resume-value {
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#divFormularioChequeManual {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #ffffff;
    padding: 16px 14px 12px 14px;
    box-sizing: border-box;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctBeneficiary {
    width: 600px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctAuthorizedId {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctAuthorizedName {
    width: 600px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctPhone {
    width: 610px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctEmail {
    width: 590px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctObservations {
    width: 612px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_ctRefBeneficiary {
    width: 612px;
    height: 48px !important;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_ctAmount {
    width: 440px;
    border-radius: 8px;
    background-color: var(--grises-blanco);
    font-size: var(--label-regular-label-m-font-size);
    padding: 12px 16px 12px 16px;
    margin-left: -40px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_clCheckCurrency {
    width: 20%;
}

.btn-plus {
    font-size: 30px;
    margin-left: 2px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_Button3 {
    color: var(--primarios-verde-primario,#00693C);
    border: 1px outset var(--primarios-verde-primario,#00693C);
    margin-left: 0% !important;
    margin-top: 3% !important;
}


#ctl00_childContent_ctCheckRegister_ctWizard_divFormularioChequeManual {
    border: 1px solid #cfcfcf;
    border-radius: 12px;
    background: #ffffff;
    padding: 16px;
    box-sizing: border-box;
    margin-left: 0px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_ctIdTypeCRC {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}

.campo-error-wrapper {
    border: 1px solid #d93025 !important;
    border-radius: 4px;
    box-sizing: border-box;
}

.campo-error-input {
    border-color: transparent !important;
}

.campo-error-wrapper input,
.campo-error-wrapper textarea,
.campo-error-wrapper select {
    box-shadow: none !important;
}


#divBorderContentBeneficiary.campo-error-wrapper,
#divBorderContentAuthorizedId.campo-error-wrapper,
#divBorderContentAuthorizedName.campo-error-wrapper,
#divBorderContentAmount.campo-error-wrapper {
    border: 1px solid #d93025 !important;
    border-radius: 4px !important;
    box-sizing: border-box;
}


/* =========================
   GRID RESUMEN TRANSFERENCIA
   ========================= */

.gvTransferSummary {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: var(--grises-blanco, #ffffff);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
}

    .gvTransferSummary th {
        height: 48px;
        padding: 0 8px;
        background: var(--grises-gris-claro2-10, #F5F5F5);
        color: var(--grises-gris-oscuro-90, #3F3F3F);
        font-family: 'Nunito Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0.10px;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid var(--grises-gris-claro-100, #949494);
        white-space: nowrap;
    }

    .gvTransferSummary td {
        min-height: 48px;
        padding: 12px 8px;
        background: var(--grises-blanco, #ffffff);
        color: var(--grises-gris-oscuro-90, #3F3F3F);
        font-family: 'Nunito Sans', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.10px;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid var(--typography-and-Shapes-Gray-20, #E9E9E9);
    }

    .gvTransferSummary tr:hover td {
        background: var(--Color-Verder-Primario10, #E7F7EE);
    }

.gvTransferSummary_RowSelected td {
    background: var(--Color-Green-Selected, #EEF7E6);
}

/* Para que textos largos no revienten la fila */
.gvTransferSummary td,
.gvTransferSummary th {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Anchos aproximados seg├║n la referencia */
.gvTransferSummary .col-id {
    width: 52px;
    min-width: 52px;
}

.gvTransferSummary .col-sucursal {
    width: 148px;
    min-width: 148px;
}

.gvTransferSummary .col-beneficiario {
    width: 171px;
    min-width: 171px;
}

.gvTransferSummary .col-moneda {
    width: 92px;
    min-width: 92px;
}

.gvTransferSummary .col-idautorizado {
    width: 96px;
    min-width: 96px;
}

.gvTransferSummary .col-autorizado {
    width: 172px;
    min-width: 172px;
}

.gvTransferSummary .col-monto {
    width: 96px;
    min-width: 96px;
}

.gvTransferSummary .col-email {
    width: 120px;
    min-width: 120px;
}

.gvTransferSummary .col-actions {
    width: 110px;
    min-width: 110px;
    text-align: center;
}

/* Monto alineado a la derecha */
.gvTransferSummary .amount-cell {
    text-align: right;
    white-space: nowrap;
}

/* Acciones */
.gvTransferSummary_Actions,
.gvTransferSummary_Actions a {
    text-align: center;
}

    .gvTransferSummary_Actions a {
        color: var(--primarios-verde-primario, #00693C);
        font-weight: 700;
        text-decoration: none;
        margin-right: 8px;
    }

        .gvTransferSummary_Actions a:hover {
            text-decoration: underline;
        }

/* Si quieres que no se partan nombres/correos */
.gvTransferSummary .col-email,
.gvTransferSummary .col-monto,
.gvTransferSummary .col-idautorizado,
.gvTransferSummary .col-id {
    white-space: nowrap;
}

/* El resto sí puede partir si hace falta */
.gvTransferSummary .col-sucursal,
.gvTransferSummary .col-beneficiario,
.gvTransferSummary .col-autorizado {
    white-space: normal;
    word-break: break-word;
}

#ctl00_childContent_ctCheckRegister_ctWizard_plResultError {
    text-align: left;
    padding-left: 22px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_divSummaryChk {
    margin-left: -120px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_divPositionwcSummary {
    margin-left: -235px !important;
}


@media print {
    body {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

    /* Evita que el navegador fuerce saltos */
    .no-break {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Importante para Chrome */
    .section {
        display: block;
        width: 100%;
    }
}


.divOptionesMenuDinamico {
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex
}


.tabs {
    list-style: none;
    display: flex;
    border-bottom: 2px solid var(--typography-and-Shapes-Gray-20, #E9E9E9);
    padding: 0px 0px 8px 0px;
    color: #3F3F3F;
    font-size: 18px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

    .tabs li {
        margin-right: 15px;
    }

    .tabs a, .tabs input[type=submit] {
        background: none;
        border: none;
        padding: 10px;
        cursor: pointer;
    }

.active-tab {
    border-bottom: 2px solid var(--primarios-verde-primario, #00693C) !important;
    font-weight: bold;
    color: #00693C;
}


.divPanelBlancoConsultaSaldos {
    width: 1376px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    height: auto;
    margin-top: 0px;
}

/* GDS-CTF-Saldos: Regresar ÔÇö estados GDS (patr├│n Transacciones favoritas L19770) */
.divPanelBlancoConsultaSaldos .usp-link-regresar {
    text-decoration: none;
    border-radius: 4px;
    padding: 2px 4px;
    display: inline-flex;
    align-items: center;
}

.divPanelBlancoConsultaSaldos .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divPanelBlancoConsultaSaldos .usp-link-regresar:active {
    color: var(--verde-button-selected, #003F24);
    text-decoration: none;
}

.divPanelBlancoConsultaSaldos .usp-link-regresar:focus,
.divPanelBlancoConsultaSaldos .usp-link-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    border-radius: 4px;
    text-decoration: none;
}

/* GDS-CTF-Saldos: Tabla de saldos ÔÇö colores GDS de filas y hover neutral */
.divPanelBlancoConsultaSaldos .GridsDataNew tr th {
    background-color: #f4f6f8 !important;
    color: var(--grises-gris-oscuro-100, #1e1e1e) !important;
}

.divPanelBlancoConsultaSaldos .GridsDataNew tr,
.divPanelBlancoConsultaSaldos .GridsDataNew tr td {
    background-color: #ffffff !important;
}

.divPanelBlancoConsultaSaldos .GridsDataNew tr:hover,
.divPanelBlancoConsultaSaldos .GridsDataNew tr:hover td {
    background-color: #f4f6f8 !important;
}

.divPostionButtonTitleConsultaSaldos {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPostionButtonTitleConsultaFlotes {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionTitleConsultaSaldos {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionTitleConsultaFlotes {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divStyleTitleConsultaSaldos {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divStyleTitleConsultaFlotes {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPositionTabsConsultaSaldos {
    width: 1152px;
    height: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionControlConsultaSaldos {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 48px;
    display: flex;
}

.divContentControlConsultaSaldos {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionTipoCambioBalanceCuenta {
    align-self: stretch;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}


.divPositionTipoCambioFloatingQuery {
    align-self: stretch;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.divContentTipoCambioBalanceCuenta {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContentTipoCambioFloatingQuery {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}


.StyleTextTipoCambioBalanceCuenta {
    text-align: right;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleTextTipoCambioFloatingQuery {
    text-align: right;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.positionControlCompraVentaBalanceCuenta {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.StyleTextCompraVenta {
    text-align: right;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divLineCompraVentaConsultaSaldos {
    width: 1px;
    height: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 2px;
    background: var(--grises-gris-oscuro-90, #3F3F3F);
}


.divPositionErrorInCountry {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divContentErrorInCountry {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divAlineadotErrorInCountry {
    align-self: stretch;
    height: 48px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    background: white;
    justify-content: center;
    align-items: center;
    gap: 20px;
    display: inline-flex;
    border-bottom: 1px solid #E9E9E9;
}

.divPanelBlancoEstadoCuenta {
    width: 1376px;
    max-width: calc(100% - 64px);
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    display: flex;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* GDS-CTF-EstadoCuenta ÔÇö scoped overrides (C-03-IMPL full) */

/* GRP-001: Regresar estados GDS */
.divPanelBlancoEstadoCuenta .usp-link-regresar {
    text-decoration: none;
}

.divPanelBlancoEstadoCuenta .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divPanelBlancoEstadoCuenta .usp-link-regresar:active {
    color: var(--veder-button-selected, #003F24);
    text-decoration: none;
}

.divPanelBlancoEstadoCuenta .usp-link-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    text-decoration: none;
}

/* GRP-002: Espaciado vertical formulario */
.divPanelBlancoEstadoCuenta .divPostionTitleEstadoCuenta {
    margin-top: 24px;
}

.divPanelBlancoEstadoCuenta .PanelSelectDataEstadoCuenta {
    margin-top: 24px;
}

/* GRP-004: Ancho tabs */
.divPanelBlancoEstadoCuenta .tab-header li {
    min-width: 224px;
    text-align: center;
    box-sizing: border-box;
}

/* GRP-005: Dropdowns Mes/A├▒o */
.divPanelBlancoEstadoCuenta select.BorderControlInterTabEstCuMv {
    font-size: 16px;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    box-sizing: border-box;
    border: 1px solid #bfbfbf !important;
}

.divPanelBlancoEstadoCuenta select.PaddingSizeControlInterTabEstCuMv {
    padding-left: 16px;
    padding-right: 48px;
    background-origin: padding-box;
    background-position: right 16px center;
    background-size: 20px 20px;
}

.divPanelBlancoEstadoCuenta select.BorderControlInterTabEstCuMv:hover {
    border-color: var(--grises-gris-claro-100) !important;
}

.divPanelBlancoEstadoCuenta select.BorderControlInterTabEstCuMv:focus {
    border: 1px solid #00693C !important;
    outline: none;
}

.divPanelBlancoEstadoCuenta select.BorderControlInterTabEstCuMv:focus-visible {
    border: 1px solid #00693C !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 0;
}

.divPanelBlancoEstadoCuenta .divControlCalendarTabEstCuMv.BorderControlInterTabEstCuMv:hover {
    border-color: var(--grises-gris-claro-100) !important;
}

.divPanelBlancoEstadoCuenta .divControlCalendarTabEstCuMv.BorderControlInterTabEstCuMv:focus-within {
    border: 1px solid #00693C !important;
}

.divPanelBlancoEstadoCuenta .divControlCalendarTabEstCuMv.BorderControlInterTabEstCuMv:focus-within:focus-visible {
    border: 1px solid #00693C !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 0;
}

/* GRP-006: Bot├│n Consultar */
.divPanelBlancoEstadoCuenta .button_PrimaryGreen:active {
    background: var(--veder-button-selected, #003F24) !important;
    border: none !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
    line-height: 24px !important;
}

.divPanelBlancoEstadoCuenta .button_PrimaryGreen:focus {
    border: none !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
}

.divPanelBlancoEstadoCuenta .button_PrimaryGreen:focus:not(:focus-visible) {
    background: var(--Color-Button-Enable) !important;
    border: none !important;
    line-height: 24px !important;
}

.divPanelBlancoEstadoCuenta .button_PrimaryGreen:focus-visible {
    background: var(--Color-Button-Enable) !important;
    border: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    line-height: 24px !important;
}

/* GRP-007: Text link Modificar consulta */
.divPanelBlancoEstadoCuenta .SytlelinkButtonSimple:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divPanelBlancoEstadoCuenta .SytlelinkButtonSimple:active {
    color: var(--veder-button-selected, #003F24);
    text-decoration: underline;
}

.divPanelBlancoEstadoCuenta .SytlelinkButtonSimple:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    text-decoration: underline;
}

/* GRP-009: Centrado resultados (Figma 3252:30928) */
.divPanelBlancoEstadoCuenta > div[id$="upSearch"] {
    width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

.divPanelBlancoEstadoCuenta .bankstate_print,
.divPanelBlancoEstadoCuenta .divPositionResultEstadoCuentaMovimiento,
.divPanelBlancoEstadoCuenta .divPositionResultEstadoCuentaCR {
    width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

.divPanelBlancoEstadoCuenta .divPositionResultEstadoCuentaMovimiento,
.divPanelBlancoEstadoCuenta .divPositionResultEstadoCuentaCR {
    align-items: center;
}

.divPanelBlancoEstadoCuenta .divPositionResultEstadoCuentaMovimiento > div[id$="pnlResultsToPrint"] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divPanelBlancoEstadoCuenta .divContentButtonsPrintExportEstadoCuentaMovimiento,
.divPanelBlancoEstadoCuenta .divContentInfoEncabezadoEstadoCuenta,
.divPanelBlancoEstadoCuenta .PositionDetalleInfoEstadoCuenta {
    width: 1142px;
    max-width: 100%;
    box-sizing: border-box;
}

.divPanelBlancoEstadoCuenta .divContentButtonsPrintExportEstadoCuentaMovimiento {
    display: flex;
}

.divPanelBlancoEstadoCuenta .divContentInfoEncabezadoEstadoCuenta {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.divPanelBlancoEstadoCuenta .divPositionInfoEncabezadoBancoEstadoCuenta {
    width: 331px;
    flex-shrink: 0;
}

.divPanelBlancoEstadoCuenta .divDistribucionInfoClientEstadoCuenta {
    width: 332px;
    flex-shrink: 0;
    padding-top: 27px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.divPanelBlancoEstadoCuenta .divDistribucionInfoClientEstadoCuenta .ContentControlinfoClientEstadoCuenta {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    height: auto;
    min-height: 24px;
    width: 100%;
    text-align: left;
}

.divPanelBlancoEstadoCuenta .divDistribucionInfoClientEstadoCuenta .divStyleTextInfoClientEstadoCuenta {
    white-space: nowrap;
}

.divPanelBlancoEstadoCuenta .PositionDetalleInfoEstadoCuenta {
    width: 1140px;
    align-items: stretch;
}

.divPanelBlancoEstadoCuenta .divPositionSizeTablaMovEstadoCuenta {
    width: 100%;
}

.divPanelBlancoEstadoCuenta .divContentSaldoInicialInfoEstadoCuenta {
    width: 100%;
    padding-left: 65px;
    padding-right: 65px;
    align-items: flex-end;
    box-sizing: border-box;
}

.divPanelBlancoEstadoCuenta .divContentTablaMovEstadoCuenta {
    width: 100%;
    align-items: stretch;
}

.divPanelBlancoEstadoCuenta .divContentTablaMovEstadoCuenta .GridsDataNew {
    width: 100%;
}

.divPanelBlancoEstadoCuenta .PositionSecondButtonModificarConsultaEstadoCuenta {
    width: 1140px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    padding-left: 8px;
    text-align: left;
    box-sizing: border-box;
    position: static;
    top: auto;
}

/* GRP-011: Botones exportar terciarios */
.divPanelBlancoEstadoCuenta .DivSizeButtonExportEstadoCuentaMovi {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.divPanelBlancoEstadoCuenta .DivSizeButtonExportEstadoCuentaMovi:hover {
    background: var(--Color-Verder-Primario10, #E7F7EE);
    border-radius: 4px;
}

.divPanelBlancoEstadoCuenta .DivSizeButtonExportEstadoCuentaMovi:active {
    background: var(--Color-Verder-Primario20, #CCE1D8);
    border-radius: 4px;
}

.divPanelBlancoEstadoCuenta .DivSizeButtonExportEstadoCuentaMovi:focus-within {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    border-radius: 4px;
}

.divPostionTitleEstadoCuenta {
    width: 1142px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}


.StyleTitleEstadoCuenta {
    /*align-self: stretch;*/
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.PanelSelectDataEstadoCuenta {
    width: 1142px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.divPositionControlCuentaEstadoCuenta {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divPositionLabelCuentasEstadoCuentas {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelEstadoCuentas {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

#ctl00_childContent_ctAccountList_ctAccountList {
    width: 448px;
    height: 50px !important;
    font-family: 'Nunito Sans', sans-serif;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px auto;
    font-size: var(--control-font-size);
    padding: 12px 48px 12px 16px;
    border-radius: 8px;
    background-origin: padding-box;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}





.tab-header {
    list-style: none;
    padding: 0;
    display: flex;
    cursor: pointer;
}

    .tab-header li {
        padding: 10px 20px;
        background: #ffff;
        /* margin-right: 2px; */
        border-bottom: 2px solid #E9E9E9;
        color: #3F3F3F;
        font-size: 18px;
        font-family: Nunito Sans;
        line-height: 27px;
        letter-spacing: 0.10px;
        word-wrap: break-word;
    }

        .tab-header li.active {
            background: #ffff;
            font-weight: bold;
            color: #3F3F3F;
            border-bottom: 2px solid #00693C;
        }

.tab-content {
    margin-top: 10px;
}

.divPositionTabsEstadoCuentaMovimientos {
    width: 1142px;
    justify-content: space-between;
    align-items: flex-end;
    display: inline-flex;
}

.divPositionControlTabEstadoCuentaMovimientos {
   /* width: 100px;*/
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionLabelTabEstadoCuentaMovimientos {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelTabEstadoCuentaMovimientos {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word
}

.divPositionControlInternoTabEstCuMv {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}


.BorderControlInterTabEstCuMv {
    width: 440px;
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 392px;
    height: 48px;
}

.PaddingSizeControlInterTabEstCuMv {
    padding-left: 20px;
    padding-right: 13px;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCalendario.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
    width: 446px !important;
    height: 48px;
}


.divControlCalendarTabEstCuMv {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

#ctl00_childContent_txtDateEnd {
    width: 415px;
    height: 48px !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}

#ctl00_childContent_txtDateBegin {
    width: 415px;
    height: 48px !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}

.ImgCalendarTabEstCuMv {
    cursor: pointer;
    line-height: 24px;
    padding: 12px 16px 12px 16px;
}

.divPositionResultEstadoCuentaMovimiento {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: flex;
}

.divPositionButtonsPrintExportEstadoCuentaMovimiento {
    align-self: stretch;
    padding-top: 24px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divContentButtonsPrintExportEstadoCuentaMovimiento {
    width: 1142px;
    justify-content: space-between;
    align-items: flex-start;
    display: inline-flex;
}

.StyleLabelTitelResultEstadoCuentaMovimiento {
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.PositonInterButtonsEstadoCuentaMovimiento {
    justify-content: flex-end;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}


.ExportPrintNew {
    float: right;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPrintSmall.svg");
    background-repeat: no-repeat;
    background-position: right;
}

    .ExportPrintNew:hover {
        background-position: right;
    }

.ExportExcelNew {
    float: right;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconExportExcel.svg");
    background-repeat: no-repeat;
    background-position: right ;
}

    .ExportExcelNew:hover {
        background-position: right ;
    }

.ExportPDFNew {
    float: right;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconExportPdf.svg");
    background-repeat: no-repeat;
    background-position: right;
}

    .ExportPDFNew:hover {
        background-position: right;
    }


.DivSizeButtonExportEstadoCuentaMovi {
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}

.StyleButtonsExportEstadoCuentaMov {
    margin-right: 15px;
    text-align: center;
    color: var(--primarios-verde-primario, #00693C);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
}

.divContentInfoEncabezadoEstadoCuenta {
    width: 1142px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    display: inline-flex;
}

.divPositionInfoEncabezadoBancoEstadoCuenta {
    width: 331px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.StyleNombreBancoEstadoCuenta {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.StyleTextBancoEstadoCuenta {   
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.SytlelinkButtonSimple {
    color: var(--primarios-verde-primario, #00693C);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    text-decoration: underline;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.ContentControlinfoClientEstadoCuenta {
    height: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.divPositionLabelInfoClientEstadoCuenta {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divStyleLabelInfoClientEstadoCuenta {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPositionTextInfoClientEstadoCuenta {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
    padding-left: 6px;
}

.divStyleTextInfoClientEstadoCuenta {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.PositionDetalleInfoEstadoCuenta {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divContentSaldoInicialInfoEstadoCuenta {
    width: 928px;
    padding-left: 65px;
    padding-right: 65px;
    background: white;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}


.divDistribucionInfoClientEstadoCuenta {
    padding-top: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    display: inline-flex;
}

.divPositionSizeTablaMovEstadoCuenta {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

/* GRP-013: Tabla movimientos ÔÇö solo lectura GDS */
.divPanelBlancoEstadoCuenta .GridsDataNew th {
    border-bottom: 1px solid #949494 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.divPanelBlancoEstadoCuenta .GridsDataNew td {
    border-bottom: 1px solid #949494 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.divPanelBlancoEstadoCuenta .bankstate_row1New:hover,
.divPanelBlancoEstadoCuenta .bankstate_row1NewGris:hover,
.divPanelBlancoEstadoCuenta .GridsDataNew td:hover {
    background: transparent !important;
    background-color: transparent !important;
    cursor: default !important;
}

.divContentTablaMovEstadoCuenta {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.PositionSecondButtonModificarConsultaEstadoCuenta {
    text-align: left;
    width: 1145px;
    position: relative;
    top: -16px;
    margin-top: 30px;
}

.MarginMensajeErrorPantallaConsultas {
    margin-left: -350px;
}

.divPanelBlancoConsultaFlotes {
    width: 1376px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    height: auto;
    margin-top: 24px;
}


.summary-resume-card-chk {
    width: 477px;
    max-width: 1278px;
    margin: 0px auto;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 12px;
    box-sizing: border-box;
    margin-left: 378px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_article4 {
    margin-left: 0px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_Button5 {
    margin-left: 220px !important;
    margin-top: 66px !important;
}

#ctl00_childContent_ctCheckRegister_ctWizard_Button4 {
    margin-left: 190px !important;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_clTitleSum {
    display: none;
}

#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_lkTerms {
    display: none;
}

.divDestinoWcSummarySizeChkOneRegister {
    width: 650px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    margin-left: 250px;
}

#divBtnRegresarChkStep2 {
    margin-left: -260px;
    margin-top: -40px;
}

#divBtnRegresarChkStep4 {
    margin-left: -205px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_CtNotificationSuccessfulMessageInfo_pnlMessageNotificacionSuccessful {
    margin-top: -28px;
    margin-left: -266px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_Button6 {
    margin-left: 0% !important;
    margin-top: 30px;
}

.divNotificacionContainerClaveChk {
    background-color: var(--grises-fondo-claro);
    width: 800px;
    height: 55px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
}

#ctl00_childContent_ctCheckRegister_ctWizard_pnlResultStepFile {
    margin-left: 1%;
    text-align: left;
}

.totalDebitAmount {
    display: flex;
    width: 680px;
    height: 48px;
    padding-right: 32px;
    justify-content: space-between;
    align-items: center;
}

.positionLabelWcSummaryCHK {
    margin-right: -400px !important;
}


.positionLabelWcSummaryAmount {
    margin-right: -375px !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_articleCirclesStep1 {
    margin-left: 0px;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_ctOperation {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}



#ctl00_childContent_ctLocalTranfer_ctWizard_hkManual {
    color: var(--colors-primary-70, #00693C);
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left: -380px;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_article1 {
    margin-left: 0px;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton {
    margin-left: 60% !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepNextButton {
    margin-left: 239px;
    margin-top: 2%;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_plResultError {
    margin-left: -51%;
    margin-top: -65px;
    text-align: left;
    margin-bottom:30px
}

#ctl00_childContent_ctLocalTranfer_ctWizard_Button1 {
    margin-top: 3%;
    margin-left: -4% !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_article2 {
    margin-left: 0px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_divNotificationSuccessfulMessage {
    margin-left: -250px !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_Button2 {
    margin-left: 4% !important;
    margin-top: 1%;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_divNotificationSuccessfulMessage {
    margin-left: -288px !important;
    margin-top: -3%;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_divSummary {
    margin-left: -240px !important;
}

#divBtnRegresarChkStep4MoneyExchange {
    margin-left: -265px !important;
    margin-top: 15px;
}

.positionLabelWcSummaryAmountMoney {
    margin-right: -310px !important;
}

.text-summary-strong {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_ctTotalDebitAmount,
#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_ctTotalDebit,
#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_ctTotalDebitCurrency,
#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_ctTotalDebitAmount,
#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_ctTotalDebit,
#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_ctTotalDebitCurrency {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
}


#ctl00_childContent_ctCheckRegister_ctWizard_ctSummary_labelsCountry {
    margin-left: -218px;
    color: var(--grises-gris-oscuro-90);
    text-align: right;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 3%;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_pnlResultErrorStep1 {
    margin-left: -298px !important;
    margin-bottom: 15px;
}


#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_labelsCountry {
    margin-left: 50px;
}



#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_cbLinkPrint {
    margin-left: 477px;
    margin-bottom: 7%;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID_ClickOnceButton1 {
    margin-left: 430px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_ClickOnceButton2 {
    margin-right: -20px !important;
    margin-top: -48px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepPreviousButtonMoney {
    margin-right: 890px !important;
    margin-top: 30px !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID_ClickOnceButton1 {
    margin-left: 430px !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_ctExecuteOnce {
    margin-right: 62px !important;
    margin-top: -48px;
}


.exchange-offer-panel {
    padding: 5px;
}

.exchange-offer-wrap {
    width: 100%;
    max-width: 480px;
    font-family: 'Nunito Sans', Arial, sans-serif;
    color: #1E1E1E;
}

.exchange-offer-header {
    margin-bottom: 16px;
}

.exchange-offer-image {
    display: block;
    margin: 0 auto 12px auto;
}

.exchange-offer-message {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1E1E1E;
    letter-spacing: 0.1px;
}

    .exchange-offer-message strong {
        font-weight: 700;
    }

.exchange-offer-card {
    padding: 16px;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    background: #FFFFFF;
}

.exchange-offer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 8px;
    border-bottom: 1px solid #E9E9E9;
    box-sizing: border-box;
}

    .exchange-offer-row:last-child {
        border-bottom: 1px solid #E9E9E9;
    }

.exchange-offer-label {
    width: 48%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #3F3F3F;
    letter-spacing: 0.2px;
    text-align: left;
}

.exchange-offer-value {
    width: 48%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0.2px;
    text-align: left;
}

.exchange-offer-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

.exchange-offer-action {
    flex: 1 1 0;
    display: flex;
}

    .exchange-offer-action input[type="submit"].exchange-offer-btn {
        -webkit-appearance: none;
        width: 100%;
        min-width: 0;
        height: 32px;
        padding: 4px 12px;
        background: #FFFFFF;
        border: 1px solid #C4C4C4;
        border-radius: 4px;
        outline: none;
        box-sizing: border-box;
        color: #717171;
        font-family: 'Nunito Sans', Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0.10px;
        text-align: center;
        cursor: pointer;
    }

        .exchange-offer-action input[type="submit"].exchange-offer-btn:hover {
            background: #EEF7E6;
            border: 1px solid #2A4C10;
            color: #2A4C10;
        }

        .exchange-offer-action input[type="submit"].exchange-offer-btn:active {
            background: #E4F2DA;
        }

        .exchange-offer-action input[type="submit"].exchange-offer-btn:focus {
            outline: none;
        }

        .exchange-offer-action input[type="submit"].exchange-offer-btn:disabled {
            cursor: default;
            opacity: .7;
        }


.exchange-offer-note {
    margin-top: 16px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0.1px;
    text-align: justify;
}

.exchange-offer-btn {
    width: 100%;
    height: 32px;
    padding: 4px 12px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    color: #717171;
    font-family: 'Nunito Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    text-align: center;
    cursor: pointer;
}


    .exchange-offer-btn:hover {
        background: #F8F8F8;
    }

    .exchange-offer-btn:active {
        background: #F1F1F1;
    }

    .exchange-offer-btn:focus {
        outline: none;
    }

    .exchange-offer-btn:disabled {
        cursor: default;
        opacity: .7;
    }

.exchange-loading-wrap {
    width: 100%;
    max-width: 480px;
    font-family: 'Nunito Sans', Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    box-sizing: border-box;
}

.exchange-loading-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    text-align: center;
}

.exchange-loading-image {
    display: block;
    max-width: 96px;
    height: auto;
    margin: 0 auto;
}

.exchange-loading-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.exchange-loading-title {
    color: #1E1E1E;
    font-size: 22px;
    line-height: 27.5px;
    font-weight: 800;
    letter-spacing: 0.1px;
    text-align: center;
}

.exchange-loading-subtitle {
    color: #3F3F3F;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.1px;
    text-align: center;
}



#ctl00_childContent_ctLocalTranfer_ctWizard_article3 {
    margin-left: 0px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctExchangeRate_clGettingExchRate {
    font-weight: bolder !important;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctExchangeRate_Label2 {
    font-weight: bold;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctExchangeRate_Label3 {
    font-weight: bold;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctExchangeRate_Label1 {
    font-weight: bold;
}


.divNotificacionContainerDivisas {
    background-color: var(--grises-fondo-claro);
    width: 426px;
    height: 57px;
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    top: -114px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctExchangeRate_cgError {
    margin-left: -3% !important;
}

@media print {
    body {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

    /* Evita que el navegador fuerce saltos */
    .no-break {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Importante para Chrome */
    .section {
        display: block;
        width: 100%;
    }
}


.divPanelBlancoConsulPosicionFinanciera {
    width: 1376px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    height: auto;
    margin-top: 24px;
}

/* GDS-CTF-Posicion-Financiera: Regresar ÔÇö Bot├│n ├®nfasis bajo horizontal (GDS) */
/* Normal */
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    text-decoration: none;
    border: 4px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    outline: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
}

/* Hover est├índar ÔÇö Primario 10 (fondos con contraste suficiente) */
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar.usp-link-regresar--hover-standard:hover {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--Color-Verder-Primario10, #E7F7EE);
    text-decoration: none;
}

/* Special hover ÔÇö panel blanco (sin contraste suficiente con Primario 10) */
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar:hover {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    text-decoration: underline;
}

/* Selected / Active */
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar:active,
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar:hover:active {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
    text-decoration: none;
}

/* Focus ÔÇö teclado (Secundario 30, 4px) */
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar:focus-visible {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    outline: 4px solid var(--secundarios-secundario-30, #C3E5A9);
    outline-offset: 0;
    text-decoration: none;
}

.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar:focus:not(:focus-visible) {
    color: var(--primarios-verde-primario, #00693C);
    background-color: var(--grises-blanco, #ffffff);
    outline: none;
    text-decoration: none;
}

/* Disabled */
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar:disabled,
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar[disabled],
.divPanelBlancoConsulPosicionFinanciera .usp-link-regresar.aspNetDisabled {
    color: var(--grises-gris-claro-40, #c4c4c4) !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    text-decoration: none !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* GDS-CTF-Posicion-Financiera: Text link grid ÔÇö Text link GDS (Body M Bold) */
/* Normal */
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none;
}

/* Selected / Active ÔÇö Verde primario + borde Secundario 30 */
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a:active {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: 2px solid var(--secundarios-secundario-30, #C3E5A9);
    outline-offset: 1px;
}

/* Hover ÔÇö Gris Oscuro 70 (despu├®s de :active para ganar sobre active sticky) */
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a:hover {
    color: var(--Color-linkTextHover, #717171) !important;
    text-decoration: underline !important;
    outline: none;
}

.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a:hover:active {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: 1px solid var(--secundarios-secundario-30, #C4C4C4);
    outline-offset: 1px;
}

/* Focus ÔÇö teclado (Secundario 30, 4px) */
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a:focus-visible {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: 4px solid var(--secundarios-secundario-30, #C3E5A9) !important;
    outline-offset: 2px;
}

.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a:focus:not(:focus-visible) {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none;
}

/* Disabled ÔÇö Gris Claro 40 */
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a:disabled,
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a[disabled],
.divPanelBlancoConsulPosicionFinanciera .div_SummaryLinkGreen a.aspNetDisabled {
    color: var(--grises-gris-claro-40, #c4c4c4) !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    text-decoration: underline !important;
    cursor: not-allowed;
    pointer-events: none;
    outline: none;
}

/* GDS-CTF-Posicion-Financiera: Grid row hover ÔÇö hover gana sobre fila selected/active */
.divPanelBlancoConsulPosicionFinanciera .DivPositionFinancialPosition .bankstate_row1New:hover,
.divPanelBlancoConsulPosicionFinanciera .DivPositionFinancialPosition .bankstate_row1NewGris:hover,
.divPanelBlancoConsulPosicionFinanciera .DivPositionFinancialPosition .bankstate_row2New:hover,
.divPanelBlancoConsulPosicionFinanciera .DivPositionFinancialPosition .GridsDataNew tr:hover td {
    background-color: #EEEEEE !important;
}


.divPostionButtonTitleConsulPosicionFinanciera {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionTitleConsulPosicionFinanciera {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionTabsConsulPosicionFinanciera {
    width: 1152px;
    height: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}


.divPositionControlConsulPosicionFinanciera {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 48px;
    display: flex;
}

.divContentControlConsulPosicionFinanciera {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}


.divPositionTipoCambioPosicionFinanciera {
    align-self: stretch;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.divContentTipoCambioPosicionFinanciera {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.StyleTextTipoCambioPosicionFinanciera {
    text-align: right;
    color: var( --grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}


.positionControlCompraVentaPosicionFinanciera {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}


.divPositionGridLabelFinancialPosition {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divPosicionTittleFinancialPosition {
    align-self: stretch;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.divContentTittleFinancialPosition {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}
.StyleTittleFinancialPosition {
    text-align: center;
    color: #1E1E1E;
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divStyleTitlePosicionFinanciera {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.DivPositionFinancialPosition {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
}

.divPositionTotalFinancialPosition {
    width: 1010px;
    height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divPositionLabelTotalFinancialPosition {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.divPositionLabelAmountFinancialPosition {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.StyleLabelTotalFinancialPosition {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleLabelAmountFinancialPosition {
    text-align: right;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleAdvertisingFinancialPosition {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divPanelBlancoSummaryPositionFinanciera {
    margin-top:24px;
    width: 1376px;
    min-height: 300px;
    padding: 16px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: inline-flex;
}

.divContentSummaryPositionFinanciera {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
}

.divPositionButtonSummaryPositionFinanciera {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionControlSummaryPositionFinanciera {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.contentLabelSubSummaryPositionFinanciera {
    width: 1142px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.SytleLabelSubSummaryPositionFinanciera {
    align-self: stretch;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}




.DetailsView-clean {
    width: 650px;
    border-collapse: collapse;
    font-family: 'Nunito Sans', sans-serif;
    background-color: #ffffff;
}

    /* ===== Título ===== */
    .DetailsView-clean caption {
        caption-side: top;
       /* text-align: left;*/
        font-size: 18px;
        font-weight: 600;
        color: #111;
        padding: 12px 0 16px 0;
    }

    /* ===== Filas ===== */
    .DetailsView-clean tr {
        border-bottom: 1px solid #eeeeee;
    }

    /* ===== Etiquetas (th) ===== */
    .DetailsView-clean th {
        padding: 12px 8px;
        font-size: 13px;
        font-weight: 500;
        color: #555;
        text-align: left;
        white-space: nowrap;
        width: 60%;
        background-color: transparent;
    }

    /* ===== Valores (td) ===== */
    .DetailsView-clean td {
        padding: 12px 8px;
        font-size: 13px;
        font-weight: 400;
        color: #666;
        /*text-align: right;*/
        width: 40%;
    }

    /* ===== Última fila sin borde ===== */
    .DetailsView-clean tr:last-child {
        border-bottom: none;
    }

    /* ===== Valores vacíos o guiones ===== */
    .DetailsView-clean td:empty::after {
        content: "-";
        color: #999;
    }


.divPositionControlSummaryDetallePosicionFinanciera {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}


/* ============================================================
   USR_Products - Consulta consolidada de productos
   Estilos nuevos para el redise├▒o UX (ConsolidadoProductos)
   Los estilos existentes no fueron modificados.
   ============================================================ */

/* Contenedor principal del encabezado: regresar + título + filtro */
.usp-encabezado {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
}

/* Enlace "Regresar" con ícono SVG alineado a la izquierda */
.usp-link-regresar {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primarios-verde-primario, #00693C);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    text-decoration: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 28px;
    cursor: pointer;
}

    .usp-link-regresar:hover {
        text-decoration: underline;
        color: var(--primarios-verde-primario, #00693C);
    }

/* Fila de filtro: selector de país alineado a la izquierda, botón Consultar alineado al fondo */
.usp-filtro {
    display: inline-flex;
    align-items: flex-end;
    gap: 16px;
}

/* Columna con label + dropdown del selector de país */
.usp-pais-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 345px;
}

/* Select nativo estilizado para selector de país */
.usp-ddl-pais {
    width: 448px;
    height: 48px;
    padding: 4px 36px 4px 16px;
    background-color: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    appearance: none;
    -webkit-appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    cursor: pointer;
    box-sizing: border-box;
}

    .usp-ddl-pais:focus {
        outline: 4px solid var(--verde-focus-control, #C3E5A9);
        border-color: var(--primarios-verde-primario, #00693C);
    }

/* Bot├│n principal "Consultar" ÔÇö verde primario, 216 px de ancho */
.btn-consultar {
    background: var(--Color-Button-Enable, #00693C) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    width: 216px !important;
    height: 48px !important;
    border: none !important;
    color: var(--Color-text-Button-Enable, #f5f5f5) !important;
    text-align: center !important;
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.20px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

    .btn-consultar:hover {
        background: var(--Color-Button-Hover, #338763) !important;
    }

    .btn-consultar:focus {
        background: var(--Color-Button-Hover, #338763) !important;
        border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    }

    .btn-consultar:disabled {
        background: var(--Color-Button-Disable, #eeeeee) !important;
        color: var(--Color-text-Button-Disable, #C4C4C4) !important;
        cursor: not-allowed !important;
    }

/* Panel que contiene las secciones de resultados (cuentas, certificados, TC, pr├®stamos) */
.PanelDatos {
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding-top: 32px;
    padding-bottom: 32px;
    align-self: stretch;
}

/* Mensaje de error de validaci├│n bajo el bot├│n Consultar */
.errormessaje {
    display: block;
    color: var(--Color-Alert-Red, #C30000);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    margin-top: 4px;
}

/* ============================================================
   FIN - USR_Products / ConsolidadoProductos
   ============================================================ */

/* ============================================================
   INICIO - genApplicationErrorUC / ErrorGeneral
   ============================================================ */

.divPanelBlancoPantallaErrorGeneral {
    width: 1144px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    margin-left: 12%;
    margin-top: 24px;
}

.divContentErrorGeneral {
    align-self: stretch;
    background: var(--grises-gris-claro2-10, #F5F5F5);
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divContentLineErrorGeneral {
    align-self: stretch;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divLineErrorGeneral {
    width: 2px;
    align-self: stretch;
    transform-origin: top left;
    background: var(--gds-colors-alerts-error, #C30000);
    border-radius: 12px;
}

.divContentControlsErrorGeneral {
    flex: 1 1 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
    display: flex;
}

.divContentInternoControlsErrorGeneral {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContentImgErrorGeneral {
    width: 24px;
    height: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContentInternoErrorGeneral {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
}

.divContentTextErrorGeneral {
    flex: 1 1 0;
    padding-top: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.styleTitleErrorGeneral {
    align-self: stretch;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 14px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.styleDetailErrorGeneral {
    align-self: stretch;
    color: #3F3F3F;
    font-size: 14px;
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divContentButtonErrorGeneral {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: flex;
}

.divContentInternoButtonErrorGeneral {
    width: 376px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}

/* ============================================================
   FIN - genApplicationErrorUC / ErrorGeneral
   ============================================================ */

/* ============================================================
   Contactenos ÔÇö Tarjeta principal (Figma 5794:21238 / Form 5794:21241)
   ============================================================ */

/* Layout página: card centrada 1144px, spacing 40px bajo header (Figma 5712:8517) */
.childcontent:has(.contactus-card-container) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

/**
 * .contactus-card-container
 * Envoltorio blanco con sombra que contiene todo el contenido
 * de la pantalla de contacto. Equivale al card del dise├▒o Figma.
 * Columna con gap 24px; contenido centrado (Regresar full-width arriba).
 */
.contactus-card-container {    
    width: 100%;
    max-width: 1144px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
    margin-top: 0;
    box-sizing: border-box;
}

/**
 * .contactus-title
 * Título principal "CTF Contacto".
 * Usa el token H3 Desktop del sistema: 24px / 800 / line-height 30px.
 */
.contactus-title {
    align-self: center;
    width: 100%;
    max-width: 602px;
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: var(--headers-h3-desktop-font-size, 24px);
    font-weight: var(--headers-h3-desktop-font-weight, 800);
    line-height: var(--headers-h3-desktop-line-height, 30px);
    letter-spacing: var(--headers-h3-desktop-letter-spacing, 0.5px);
    margin: 0;
}

/**
 * .contactus-description
 * Párrafo introductorio debajo del título.
 * Usa el token Body XS Regular: 14px / 400 / line-height 21px.
 */
.contactus-description {
    width: 100%;
    max-width: 680px;
    align-self: center;
    text-align: left;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: var(--body-regular-body-xs-font-size, 14px);
    font-weight: 400;
    line-height: var(--body-regular-body-xs-line-height, 21px);
    letter-spacing: var(--body-regular-body-xs-letter-spacing, 0.1px);
    margin: 0;
}


/* ============================================================
   Contactenos ÔÇö Grid de pa├¡ses
   ============================================================ */

/**
 * .contactus-grid
 * Lista 3×2 centrada; Figma 5712:8524 — 680px, justify-between, cols 208px.
 */
.contactus-grid {
    width: 100%;
    max-width: 680px;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    margin: 0;
}

/**
 * .contactus-country-card
 * Base 16px; +16px extra en caras exteriores según posición en grid 3×2.
 */
.contactus-country-card {
    width: 208px;
    max-width: 100%;
    flex: 0 0 208px;
    min-height: 0;
    padding: 16px 0;
    border: none;
    border-radius: 8px;
    background: var(--grises-blanco, #ffffff);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    box-sizing: border-box;
}

/**
 * .contactus-country-header
 * Bandera + nombre alineados a la izquierda (igual que correos).
 */
.contactus-country-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

/**
 * .contactus-country-flag
 * Imagen de la bandera del país (24x16 px).
 */
.contactus-country-flag {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
}

/**
 * .contactus-country-name
 * Nombre del país dentro de la tarjeta.
 * Usa el token Subtitle S: 16px / 700 / line-height 24px.
 */
.contactus-country-name {
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: var(--subtitle-s-desktop-mobile-font-size, 16px);
    font-weight: var(--subtitle-s-desktop-mobile-font-weight, 700);
    line-height: var(--subtitle-s-desktop-mobile-line-height, 24px);
    letter-spacing: var(--subtitle-s-desktop-mobile-letter-spacing, 0.1px);
}

/**
 * .contactus-country-info
 * Lista (ul) de datos de contacto: correos y tel├®fonos.
 * Sin vi├▒etas, con separaci├│n de 4px entre items.
 */
.contactus-country-info {
    align-self: stretch;
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    margin: 0;
    padding: 0;
}

    .contactus-country-info li {
        align-self: stretch;
        display: flex;
        align-items: center;
        gap: 4px;
    }

/**
 * .contactus-country-link
 * Enlace de correo electr├│nico o tel├®fono dentro de la tarjeta.
 * Usa Caption Regular: 12px / 400 / line-height 18px.
 * Color gris oscuro 90 en reposo; verde primario al hacer hover.
 */
.contactus-country-link {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif);
    font-size: var(--caption-caption-regular-font-size, 12px);
    font-weight: var(--caption-caption-regular-font-weight, 400);
    line-height: var(--caption-caption-regular-line-height, 18px);
    letter-spacing: var(--caption-caption-regular-letter-spacing, 0.1px);
    text-decoration: none;
    word-break: break-all;
}

    .contactus-country-link:hover {
        color: var(--primarios-verde-primario, #00693c);
        text-decoration: underline;
    }


.contactus-regresar-row {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contactus-regresar-row .regresar {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
/* ============================================================
   FIN - Contactenos / LocationsMap
   ============================================================ */

/* ============================================================
   Inicio - Alias Cuentas El Salvador / AccountAlias
   ============================================================ */
.divPanelBlancoAccountAlias {
    width: 1376px;
    align-self: stretch;
    padding: 32px;
    background: var( --grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    margin-top:24px;
    
}

.divContentAccountAlias {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}


.divContentTitleAccountAlias {
    width: 448px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}
.styleTitleAccountAlias {
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    width: 600px;
}

.divContentButtonTitleAccountAlias {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.divPositionGridAccountAlias {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
}

.sizeGridAccountAlias {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPanelContentControlsAccountAlias {
    width: 448px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: flex;
}

.divContentTextControlAccountAlias {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
    margin-bottom:24px;
}



.divPositionButtonControlAccountAlias {
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
}

.divPositionControlTextLabelAccountAlias {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.divPositionLabelAccountAlias {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;

}
.StyleLabelAccountAlias {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionTextAccountAlias {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

#ctl00_childContent_ctWucAccountAlias_txtAccount {
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    width: 420px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}

#ctl00_childContent_ctWucAccountAlias_txtAccountAlias {
    font-size: var(--control-font-size);
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    background-origin: content-box;
    width: 420px;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
}

/* --- GDS scoped overrides (C-02-RCS GRP-001..011) --- */

/* GRP-001: Alerta alineacion vertical */
.divPanelBlancoAccountAlias .divNotificacionContainerClave {
    align-items: center;
}

.divPanelBlancoAccountAlias .divNotificacionContainerTamano {
    align-self: stretch;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 10px;
    align-items: center;
    display: flex;
}

.divPanelBlancoAccountAlias .divNotificacionLineaError {
    height: auto;
    align-self: stretch;
}

/* GRP-003: Grid hover #EEEEEE */
.divPanelBlancoAccountAlias .bankstate_row1New:hover,
.divPanelBlancoAccountAlias .bankstate_row1NewGris:hover,
.divPanelBlancoAccountAlias .GridsDataNew td:hover {
    background-color: #EEEEEE !important;
}

/* GRP-002: Boton Regresar estados GDS */
.divPanelBlancoAccountAlias .regresar .titulo-regresar:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divPanelBlancoAccountAlias .regresar .titulo-regresar:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divPanelBlancoAccountAlias .regresar .titulo-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 8px;
}

/* GRP-004: Text links Modificar */
.divPanelBlancoAccountAlias .div_SummaryLinkGreen a,
.divPanelBlancoAccountAlias .div_SummaryLinkGreen input[type="submit"] {
    box-sizing: border-box !important;
    height: 24px !important;
    border: 1px solid transparent !important;
    vertical-align: middle;
}

.divPanelBlancoAccountAlias .div_SummaryLinkGreen a {
    display: inline-flex !important;
    align-items: center;
}

.divPanelBlancoAccountAlias .div_SummaryLinkGreen a:hover,
.divPanelBlancoAccountAlias .div_SummaryLinkGreen input[type="submit"]:hover {
    color: #717171 !important;
    text-decoration: underline !important;
}
.divPanelBlancoAccountAlias .div_SummaryLinkGreen a:active,
.divPanelBlancoAccountAlias .div_SummaryLinkGreen input[type="submit"]:active {
    color: var(--veder-button-selected, #003F24) !important;
    border: 1px solid #C4C4C4 !important;
}
.divPanelBlancoAccountAlias .div_SummaryLinkGreen a:focus-visible,
.divPanelBlancoAccountAlias .div_SummaryLinkGreen input[type="submit"]:focus-visible {
    outline: none !important;
    outline-offset: 0;
    border: 1px solid #C4C4C4 !important;
}

/* GRP-005: Input focus teclado */
.divPanelBlancoAccountAlias .wizardStep_FrameControlContainer.gds-keyboard-focus {
    border-style: solid !important;
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 4px !important;
}

/* GRP-006..009: Boton Cancelar (secundario) */
.divPanelBlancoAccountAlias .Button-White-Secondary:enabled {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    outline: none !important;
    height: 48px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
}

.divPanelBlancoAccountAlias .Button-White-Secondary:hover {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .Button-White-Secondary:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .Button-White-Secondary:focus-visible {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .Button-White-Secondary:focus:not(:focus-visible) {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .Button-White-Secondary:focus {
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

/* GRP-010..011: Boton Actualizar (primario) */
.divPanelBlancoAccountAlias .button_Aprove_verifier {
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .button_Aprove_verifier:active {
    background: var(--veder-button-selected, #003F24) !important;
    border: none !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .button_Aprove_verifier:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    border: none !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .button_Aprove_verifier:focus-visible {
    background: var(--Color-Button-Hover, #338763) !important;
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divPanelBlancoAccountAlias .button_Aprove_verifier:focus {
    line-height: 24px !important;
}

/* --- Fin GDS scoped overrides --- */

/* ============================================================
   Fin - Alias Cuentas El Salvador / AccountAlias
   ============================================================ */

/* ============================================================
    Inicio  - Descarga de manuales
   ============================================================ */

.container-docs {
    margin: 40px auto;
    margin-top: 0px;
    font-family: 'Nunito Sans', sans-serif;
    color: #333;
    align-items: center;
}

    /* Título */
    .container-docs .title-docs {
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 25px;
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        display: flex;
    }

/* Tabla */
.table-docs {
    border-collapse: collapse;
    background: #f9f9f9;
    width: 659px;
}

    /* Encabezado */
    .table-docs th {
        text-align: left;
        font-weight: 600;
        padding: 12px;
        border-bottom: 1px solid #949494;
        color: #3F3F3F;
        font-size: 12px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0.10px;
        word-wrap: break-word;
        background-color: #F5F5F5;
    }

    /* Filas */
    .table-docs td {
        padding: 14px 12px;
        border-bottom: 1px solid #E9E9E9;
        vertical-align: top;
        background-color: #FFFFFF;
        font-family: 'Nunito Sans', sans-serif;
        font-size:12px;
    }

/* Primera columna */
.col-manual {
    width: 30%;
    color: #666;
}

/* Segunda columna */
.col-desc {
    width: 55%;
    color: #777;
}

/* Columna descarga */
.col-download {
    width: 15%;
    text-align: right;
}

/* Link estilo */
.basiclink {
    color: #1a8f5a;
    font-weight: 500;
    text-decoration: none;
}

    .basiclink:hover {
        text-decoration: underline;
    }

/* Quitar estilos viejos */
.font15pixels,
.fontbold,
.formlabel {
    all: unset;
}

.divPanelBlancoDescargaManuales {
    width: 1376px;
    align-self: stretch;
    padding: 32px;
    background: var( --grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    margin-top:24px;
}

/* GDS-CTF-DESCARGA-MANUALES: Text link Descargar — paridad wcFavoriteTransactionsPage (GRP-006) */
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover td,
.divPanelBlancoDescargaManuales .table-docs tbody td:hover {
    background-color: #EEEEEE !important;
}

.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer,
.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:link,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:link,
.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:visited,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:visited {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    outline: none !important;
    border: 1px solid transparent !important;
    border-radius: 0;
    background: inherit !important;
    background-color: inherit !important;
    box-sizing: border-box !important;
    cursor: pointer;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
}

.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer {
    border-bottom: none !important;
}

.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:hover,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:hover {
    color: var(--grises-gris-oscuro-70, #717171) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    outline: none !important;
    border-color: transparent !important;
    background: inherit !important;
    background-color: inherit !important;
}

.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.article_LinkBack,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.LinkButtonPendingTransfer,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.article_LinkBack:hover,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.LinkButtonPendingTransfer:hover,
.divPanelBlancoDescargaManuales .table-docs tbody td:hover a.article_LinkBack,
.divPanelBlancoDescargaManuales .table-docs tbody td:hover a.LinkButtonPendingTransfer {
    background: #EEEEEE !important;
    background-color: #EEEEEE !important;
}

.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:active,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:active,
.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:hover:active,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:hover:active {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    background: inherit !important;
    background-color: inherit !important;
}

.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.article_LinkBack:active,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.LinkButtonPendingTransfer:active {
    background: #EEEEEE !important;
    background-color: #EEEEEE !important;
}

.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:focus-visible,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:focus-visible,
.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack.gds-keyboard-focus,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer.gds-keyboard-focus {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px !important;
    border-color: transparent !important;
    background: inherit !important;
    background-color: inherit !important;
}

.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.article_LinkBack:focus-visible,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.LinkButtonPendingTransfer:focus-visible,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.article_LinkBack.gds-keyboard-focus,
.divPanelBlancoDescargaManuales .table-docs tbody tr:hover a.LinkButtonPendingTransfer.gds-keyboard-focus {
    background: #EEEEEE !important;
    background-color: #EEEEEE !important;
}

.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack:focus:not(:focus-visible),
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer:focus:not(:focus-visible) {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
}

.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack.aspNetDisabled,
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer.aspNetDisabled,
.divPanelBlancoDescargaManuales .table-docs a.article_LinkBack[disabled],
.divPanelBlancoDescargaManuales .table-docs a.LinkButtonPendingTransfer[disabled] {
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    text-decoration: underline !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    outline: none !important;
    border-color: transparent !important;
}

.StyleTitleDescargaDocumentos {
    align-self: stretch;
    text-align: center;
    color: #1E1E1E;
    font-size: 24px;
    font-family: Nunito Sans;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

/* ============================================================
    FIN  - Descarga de manuales
   ============================================================ */


.divPanelBlancoSaldosCongelados {
    width: 1376px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    height: auto;
    margin-top: 24px;
}

.divStyleTitleConsultaSaldosCongelados {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

.divPostionButtonTitleSaldosCongelados {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}


.divPositionTitleSaldosCongelados {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionTipoCambioAccountQueryConsult {
    align-self: stretch;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.divContentTipoCambioAccountQueryConsult {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}


/* =====================================================================
   Inicio Pantalla Pago de Impuestos 
   ===================================================================== */

.pi-title {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.5px;
    margin: 0;
    font-family: 'Nunito Sans', sans-serif;
}


.divWhitePanelPagoImpuestos {
    width: 1376px;
    align-self: stretch;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    margin-top:24px;
}

.pi-card__inner {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.pi-header {
    align-self: stretch;
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 1376px;
}

.pi-Stepper {
    align-self: stretch;
    display: flex; 
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width:1210px;
}

/* ---------- Cuerpo del formulario ---------- */
.pi-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.pi-form {
    width: 448px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.pi-form__group {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.pi-label {
    padding-left: 8px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
    font-family: 'Nunito Sans', sans-serif;
}

.pi-field {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Control gen├®rico (input / dropdown / textarea) */
.pi-control {
    align-self: stretch;
    padding: 8px 16px;
    background: var(--grises-blanco, #ffffff);
    border-radius: 8px;
    /*  outline: 1px solid #C30000;*/ /*#C4C4C4*/
    outline-offset: -1px;
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    box-sizing: border-box;
    gap: 8px;
    border: 1px solid #C4C4C4;
}

    .pi-control input,
    .pi-control select,
    .pi-control textarea {
        flex: 1 1 0;
        border: none;
        outline: none;
        background: transparent;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.2px;
        color: var(--grises-gris-oscuro-90, #3f3f3f);
        width: 100%;
        padding: 0;
        resize: vertical;
    }

    .pi-control textarea {
        min-height: 30px;
    }

        .pi-control input::placeholder,
        .pi-control textarea::placeholder,
        .pi-control select:invalid {
            color: var(--grises-gris-claro-100, #949494);
        }

    /* Aplica a DropDownList renderizado por ASP.NET (select nativo) */
    .pi-control select {
        appearance: none;
        -webkit-appearance: none;
        padding-right: 28px;
        background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
        background-repeat: no-repeat;
        background-position: right 8px center;
        background-size: 20px 20px;
        cursor: pointer;
    }

.MarginButtonLeftPagoImpuestos {
    margin-left: 460px;
}

.MarginButtonRightPagoImpuestos {
    margin-left: 85px;
}
.MarginButtonLeftFinishPagoImpuestos {
    margin-left: 400px;
}

.pi-amount {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 0;
}

.pi-amount__currency {
    min-width: 40px;
    text-align: center;
    color: #949494;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.pi-amount__divider {
    width: 1px;
    height: 28px;
    background: #C4C4C4;
}

.pi-error,
.errormessaje {
    color: #B00020;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

#ctl00_childContent_ctTaxPayment_ctWizard_ctAmount {
    min-width: 40px;
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: right;
}

#ctl00_childContent_ctTaxPayment_ctWizard_ctDetail {
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    height: 10px;
    resize: none;
    background-repeat: no-repeat;
    background-position: right;
}

#ctl00_childContent_ctTaxPayment_ctWizard_ctReservationNumber {
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    resize: none;
    background-repeat: no-repeat;
    background-position: right;
}

#ctl00_childContent_ctTaxPayment_ctWizard_ctAnullmentDetail {
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    height: 10px;
    resize: none;
    background-repeat: no-repeat;
    background-position: right;
}

.divPositionCirculosResumePagoImp {
    margin-left: 35%;
}


.lblAccountResumePagoImpuesto {
    width: 230px;
    text-align: left;
}


.div_IconErrorAlertPagoImpuestos {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg) !important;
    background-repeat: no-repeat;
    background-position: left;
    height: 63px;
    position: relative;
    margin-top: -18%;
    margin-left: 84%;
}

/* =====================================================================
   Fin Pantalla Pago de Impuestos 
   ===================================================================== */


/* =====================================================================
   Inicio Pantalla Consolidado de Productos
   ===================================================================== */

#ctl00_childContent_Products1_lnkRegresar {
    margin-left: 0;
    margin-top: 0;
}


.paddingDropDownProducts {
    padding: 15px;
}

.panelDatosResumenCuentas {
    max-width: 1115px !important;
}


#ctl00_childContent_Products1_USR_CC_Summary1_lblAdvertising {
    margin-left: -250px;
    margin-top: -45px;
}

#ctl00_childContent_Products1_USR_CC_Summary1_Label3 {
    margin-left: -502px;
    margin-top: -60px;
}


/* --- GDS-CTF-Consulta-Consolidada-Productos --- */

/* Layout encabezado ÔÇö flex sin hacks legacy por ID */
.divPanelBlancoSummaryPositionFinanciera:has(.usp-encabezado) {
    align-items: stretch;
    padding: 16px;
    box-sizing: border-box;
}

.divPanelBlancoSummaryPositionFinanciera .usp-encabezado {
    width: 100%;
    align-items: flex-start;
}

/* Figma 3256:29037 / 3256:29041 ÔÇö bloque contenido 1142px con offset izquierdo 101px */
.divPanelBlancoSummaryPositionFinanciera .usp-encabezado .StyleTitleEstadoCuenta,
.divPanelBlancoSummaryPositionFinanciera .usp-encabezado .usp-filtro {
    width: 1142px;
    max-width: calc(100% - 101px);
    margin-left: 101px;
    margin-right: 0;
    align-self: flex-start;
}

.divPanelBlancoSummaryPositionFinanciera .usp-encabezado .StyleTitleEstadoCuenta {
    display: block;
    text-align: left;
    margin-left: 101px !important;
}

#ctl00_childContent_Products1_Label1.StyleTitleEstadoCuenta {
    margin-left: 101px !important;
}

.divPanelBlancoSummaryPositionFinanciera .usp-filtro {
    display: flex;
    align-self: flex-start;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: nowrap;
}

.divPanelBlancoSummaryPositionFinanciera .usp-pais-wrapper {
    width: 458px;
    flex-shrink: 0;
}

.divPanelBlancoSummaryPositionFinanciera .usp-pais-wrapper .form-title {
    padding-left: 8px;
}

/* GRP-002: Regresar ÔÇö estados GDS (patr├│n Transacciones favoritas L19590) */
.divPanelBlancoSummaryPositionFinanciera .usp-link-regresar {
    text-decoration: none;
}

.divPanelBlancoSummaryPositionFinanciera .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divPanelBlancoSummaryPositionFinanciera .usp-link-regresar:active {
    color: var(--veder-button-selected, #003F24);
    text-decoration: none;
}

.divPanelBlancoSummaryPositionFinanciera .usp-link-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    text-decoration: none;
}

/* GRP-003: Dropdown pa├¡s ÔÇö dimensiones y estados (patr├│n Consulta reservas L17426) */
.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion,
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground {
    width: 458px !important;
    min-width: 458px;
    height: 48px !important;
    padding: 12px 40px 12px 16px !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-origin: padding-box;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px;
    outline: none;
}

.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion:hover,
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground:hover {
    border-color: var(--grises-gris-claro-100) !important;
    border-width: 1px !important;
}

.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion:focus,
.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion:focus-within,
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground:focus,
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground:focus-within {
    border-width: 1px !important;
}

.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion:active,
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground:active {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
    outline: none !important;
}

.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion:focus:not(:focus-visible),
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground:focus:not(:focus-visible) {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
    outline: none !important;
}

.divPanelBlancoSummaryPositionFinanciera select.ddlTipoIdentificacion:focus-visible,
.divPanelBlancoSummaryPositionFinanciera select.wizardStep_ControlFormBackground:focus-visible {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0;
}

/* GRP-004: Bot├│n Consultar ÔÇö estados GDS (patr├│n Consulta reservas L17485) */
.divPanelBlancoSummaryPositionFinanciera .btn-consultar {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    border: 4px solid transparent !important;
    line-height: 24px !important;
}

.divPanelBlancoSummaryPositionFinanciera .btn-consultar:active,
.divPanelBlancoSummaryPositionFinanciera .btn-consultar:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    border: 4px solid transparent !important;
}

.divPanelBlancoSummaryPositionFinanciera .btn-consultar:focus-visible {
    background: var(--Color-Button-Enable, #00693C) !important;
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
}

/* GRP-005: Espaciado t├¡tulo secci├│n ÔåÆ tabla */
.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .contentLabelSubSummaryPositionFinanciera {
    margin-bottom: 16px;
}

/* GRP-006: Empty-state homologado (icono + 16px) */
.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .empty-message {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.20px;
    padding-left: 30px;
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/IconGray.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* GRP-007: Text links en tablas ÔÇö estados GDS (patr├│n AccountAlias L16567) */
.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .div_SummaryLinkGreen a:hover {
    color: var(--Color-Button-Hover, #338763) !important;
}

.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .div_SummaryLinkGreen a:active {
    color: var(--veder-button-selected, #003F24) !important;
}

.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .div_SummaryLinkGreen a:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
}

/* GRP-008: Hover filas #EEEEEE (patr├│n Transacciones favoritas L19615) */
.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .bankstate_row1New:hover,
.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .bankstate_row1NewGris:hover,
.divPanelBlancoSummaryPositionFinanciera .panelDatosResumenCuentas .GridsDataNew td:hover {
    background-color: #EEEEEE !important;
}

/* --- Fin GDS-CTF-Consulta-Consolidada-Productos --- */


/* =====================================================================
   Fin Pantalla Consolidado de Productos
   ===================================================================== */


/* ============================================
   Reservation filter - nuevo bloque visual
   ============================================ */

.usp-reservation-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px;
    width: 100%;
}

.usp-reservation-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 260px;
}

.usp-reservation-dropdown {
    width: 320px;
    min-height: 48px;
    padding: 12px 40px 12px 16px;
    border-radius: 8px;
    -webkit-appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    cursor: pointer;
    box-sizing: border-box;
}

.reservation-date-field {
    width: 250px;
    min-width: 220px;
}


.usp-reservation-date-control {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.usp-reservation-date-input {
    width: 100%;
    height: 48px;
    padding: 12px 44px 12px 16px; /* espacio para el icono */
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
}

/* Hover */
.usp-reservation-date-control input[type="text"]:hover {
    border-color: var(--grises-gris-claro-100) !important;
}

/* Focus */
.usp-reservation-date-control input[type="text"]:focus {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    border-color: var(--primarios-verde-primario, #00693C) !important;
}

/* Icono dentro del input */
.usp-calendar-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    cursor: pointer;
    pointer-events: auto;
}




.usp-reservation-calendar-trigger {
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.usp-reservation-action {
    display: flex;
    align-items: flex-end;
}

.usp-reservation-btn {
    width: 216px !important;
    min-height: 48px !important;
}


/* ============================================
   Layout nuevo - Consulta de reservas
   Solo acomoda esta pantalla
   ============================================ */

.reservation-layout-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.reservation-back-row {
    width: 100%;
}

.reservation-layout-content {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.reservation-title-row {
    width: 100%;
}

    .reservation-title-row .StyleTitleEstadoCuenta,
    .reservation-title-row #lblTitle {
        display: block;
        margin: 0;
        text-align: left;
    }

.reservation-filter-row {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
}

.reservation-type-field {
    width: 240px;
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .reservation-type-field .form-title {
        margin-bottom: 4px;
    }

.usp-reservation-dropdown {
    width: 240px;
    min-width: 240px;
    height: 48px;
    padding: 12px 40px 12px 16px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.reservation-date-field {
    width: 220px;
    min-width: 220px;
}

.usp-reservation-date-control {
    position: relative;
    width: 220px;
    display: flex;
    align-items: center;
}

.usp-reservation-date-input {
    width: 100%;
    height: 48px;
    padding: 12px 44px 12px 16px;
    box-sizing: border-box;
}

.usp-reservation-calendar-trigger {
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.reservation-action-inline {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
}

    .reservation-action-inline .btn-consultar {
        width: 160px !important;
        min-width: 160px;
        height: 48px !important;
        margin: 0 !important;
    }

/* Limpieza de márgenes viejos que te pueden romper el layout */
.reservation-layout-card .divPositionBackArrowMenu,
.reservation-layout-card .usp-reservation-field,
.reservation-layout-card .usp-reservation-action {
    margin: 0;
}

.divPanelBlancoSummaryPositionFinancieraReservas {
    margin-top: 24px;
    width: 100%;
    max-width: 1376px;
    min-height: 300px;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 32px;
    display: inline-flex;
    margin-left: 0;
    box-sizing: border-box;
}

.divPanelBlancoSummaryPositionFinancieraReservas .reservation-layout-content {
    width: 100%;
    max-width: none;
    margin: 0;
}

.reservation-layout-card .usp-pais-wrapper {
    width: 448px;
}

.reservation-layout-card .reservation-results-wrapper {
    max-width: none;
    margin: 32px 0 0 0;
}

/* GDS-CTF-Consulta-Reservas ÔÇö GRP-002 dropdown estados y dimensiones */
.reservation-layout-card select.ddlTipoIdentificacion,
.reservation-layout-card select.wizardStep_ControlFormBackground {
    width: 448px !important;
    min-width: 448px;
    height: 48px !important;
    padding: 12px 40px 12px 16px !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-origin: padding-box;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px;
    outline: none;
}

.reservation-layout-card select.ddlTipoIdentificacion:hover,
.reservation-layout-card select.wizardStep_ControlFormBackground:hover {
    border-color: var(--grises-gris-claro-100) !important;
    border-width: 1px !important;
}

.reservation-layout-card select.ddlTipoIdentificacion:focus,
.reservation-layout-card select.ddlTipoIdentificacion:focus-within,
.reservation-layout-card select.wizardStep_ControlFormBackground:focus,
.reservation-layout-card select.wizardStep_ControlFormBackground:focus-within {
    border-width: 1px !important;
}

.reservation-layout-card select.ddlTipoIdentificacion:active,
.reservation-layout-card select.wizardStep_ControlFormBackground:active {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
    outline: none !important;
}

.reservation-layout-card select.ddlTipoIdentificacion:focus:not(:focus-visible),
.reservation-layout-card select.wizardStep_ControlFormBackground:focus:not(:focus-visible) {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
    outline: none !important;
}

.reservation-layout-card select.ddlTipoIdentificacion:focus-visible,
.reservation-layout-card select.wizardStep_ControlFormBackground:focus-visible {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0;
}

/* GDS-CTF-Consulta-Reservas ÔÇö GRP-003 bot├│n Consultar estados */
.reservation-layout-card .btn-consultar:active,
.reservation-layout-card .btn-consultar:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    border: none !important;
}

.reservation-layout-card .btn-consultar:focus-visible {
    background: var(--Color-Button-Enable, #00693C) !important;
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
}

/* GDS-CTF-Consulta-Reservas ÔÇö GRP-004 datepicker popup */
.reservation-layout-card,
.divPanelBlancoSummaryPositionFinancieraReservas,
.reservation-layout-card .reservation-layout-content,
.reservation-layout-card .usp-filtro,
.reservation-layout-card .reservation-results-wrapper {
    overflow: visible !important;
}

.reservation-layout-card .ajax__calendar_container,
.reservation-layout-card div[id$="_CalendarExtender_popupDiv"] {
    position: absolute;
    z-index: 1000;
    overflow: visible;
}


.usp-reservation-date-control input[type="text"] {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px;
    background-color: #fff;
}

    .usp-reservation-date-control input[type="text"]:hover {
        border-color: var(--grises-gris-claro-100) !important;
        border-width: 1px !important;
        border-style: solid !important;
    }


#ctl00_childContent_ctTaxReservationQuery_txtDateBegin {
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    padding: 20px;
}

#ctl00_childContent_ctTaxReservationQuery_txtDateEnd {
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    padding: 20px;
}

#ctl00_childContent_ctTaxReservationQuery_lblStartDate {
    margin-left: 9px;
}

#ctl00_childContent_ctTaxReservationQuery_lblEndDate {
    margin-left: 9px;
}


/* ============================================
   Resultados - Consulta de reservas
   ============================================ */

.reservation-results-wrapper {
    width: 100%;
    max-width: 690px;
    margin: 32px auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.reservation-grid-wrapper {
    width: 100%;
}

.reservation-grid {
    width: 100% !important;
}

.reservation-error-wrapper {
    width: 100%;
    margin-top: 8px;
}

    .reservation-error-wrapper .errormessaje {
        display: block;
        margin: 0;
    }

#ctl00_childContent_Wizard1_btnRegresarMenu {
    margin-left: -70% !important;
}

#ctl00_childContent_Wizard1_Button1 {
    margin-left: -22% !important;
}


#ctl00_childContent_Wizard1_txtUsuario {
    width: 379px;
    height: 48px;
    margin: 0 auto;
    background-color: var(--grises-blanco);
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-regular-label-m-font-size);
    line-height: var(--label-regular-label-m-line-height);
    letter-spacing: var(--label-regular-label-m-letter-spacing);
    font-weight: var(--label-regular-label-m-font-weight);
    position: relative;
    flex: 1;
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-right: 63px;
    background-position: right;
}

#ctl00_childContent_Wizard1_StartNavigationTemplateContainerID_StartNextButton {
    margin-right: -2px;
}

#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_wizardUserStep3Circles {
    display: none;
}



/* Responsive */
@media (max-width: 768px) {
    .reservation-layout-content {
        max-width: 100%;
    }

    .reservation-filter-row {
        flex-direction: column;
        align-items: stretch;
    }

    .reservation-type-field,
    .reservation-date-field,
    .usp-reservation-dropdown,
    .usp-reservation-date-control,
    .reservation-action-inline .btn-consultar {
        width: 100% !important;
        min-width: 100% !important;
    }
}

/* ============================================
   Notificacion Aprove Transaction
 ============================================ */

.divBacgroundNoficationAproveTransaction {
    align-self: stretch;
    background: var(--grises-gris-claro2-10, #f5f5f5);
    overflow: hidden;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    width: 1300px;
}

.divContenLineGreenNoficationAproveTransaction {
    align-self: stretch;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divLineGreenNoficationAproveTransaction {
    width: 2px;
    align-self: stretch;
    transform-origin: top left;
    background: var( --colors-gray-oscuro,#0F804F);
    border-radius: 12px;
}

.divContenMessageNoficationAproveTransaction {
    flex: 1 1 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
    display: flex;
}

.divPositionMessageNoficationAproveTransaction {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divContenImgNoficationAproveTransaction {
    width: 24px;
    height: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divPositionImgNoficationAproveTransaction {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.ImgNoficationAproveTransaction {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/CheckAprovTran.svg");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.divContentMessageNoficationAproveTransaction {
    flex: 1 1 0;
    padding-top: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.StyleTitleNoficationAproveTransaction {
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.StyleMessageNoficationAproveTransaction {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}



/* ==========================================================================
   Banner informativo (jQuery UI #dialog-message) — GDS
   Overlay, botón cerrar terciario neutral 32×32, footer checkbox.
   ========================================================================== */

body:has(.ui-dialog) .ui-widget-overlay {
    background: rgba(30, 30, 30, 0.85) !important;
    opacity: 1 !important;
    -ms-filter: none !important;
}

.ui-dialog {
    padding: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    overflow: visible !important;
    box-shadow: none !important;
    background: transparent !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    margin: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    border: none !important;
    background: transparent !important;
    overflow: visible !important;
}

.ui-dialog .ui-dialog-title {
    display: none !important;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

.ui-widget-header {
    background: none !important;
    border: none !important;
}

.ui-widget.ui-widget-content {
    border: none !important;
    background: none !important;
}

/* Botón cerrar — Tertiary neutral icon button 32×32 (GDS) */
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute !important;
    right: 0 !important;
    /* Anclado ARRIBA del titlebar: los 48px menos los 32px del boton dejan los
       16px de separacion con el cuerpo del banner. Con bottom: 0 esos 16px
       quedaban por encima del boton, contra el overlay, y el boton pegado al
       banner (hallazgo Figma "Espaciado": el boton y banner se ven juntos). */
    top: 0 !important;
    bottom: auto !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: none !important;
    border-radius: 4px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

    .ui-dialog .ui-dialog-titlebar-close:hover {
        background-color: var(--grises-gris-claro2-10, #F5F5F5) !important;
    }

    .ui-dialog .ui-dialog-titlebar-close:active,
    .ui-dialog .ui-dialog-titlebar-close:hover:active {
        background-color: var(--grises-gris-claro-30, #D9D9D9) !important;
    }

    .ui-dialog .ui-dialog-titlebar-close:focus:not(:focus-visible) {
        outline: none !important;
        box-shadow: none !important;
    }

    .ui-dialog .ui-dialog-titlebar-close:focus-visible {
        background-color: var(--grises-blanco, #FFFFFF) !important;
        outline: none !important;
        box-shadow: 0 0 0 4px var(--verde-focus-control, #C3E5A9) !important;
    }

    .ui-dialog .ui-dialog-titlebar-close:focus-visible:active {
        background-color: var(--grises-gris-claro-30, #D9D9D9) !important;
        box-shadow: 0 0 0 4px var(--verde-focus-control, #C3E5A9) !important;
    }

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/SalidaPopup.svg) !important;
    width: 24px !important;
    height: 24px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
    background-color: transparent !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    border-radius: 0 !important;
}

.imgBorderRadiusNotificacionPopUp {
    display: block;
    border-radius: 8px 8px 0 0 !important;
}

.divBorderPanelNotificacionPopUp {
    background-color: var(--grises-blanco, #ffffff);
    position: relative;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    box-sizing: border-box;
    min-height: 56px;
    padding: 16px;
}

    .divBorderPanelNotificacionPopUp br {
        display: none;
    }

.StyleTextCheckNotificacionPopUp {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin: 0;
}

    .StyleTextCheckNotificacionPopUp strong {
        font-weight: 400;
    }

.StyleCheckNotificacionPopUp {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
}

#ctl00_childContent_Products1_Label2 {
    margin-left: 0;
}

#ctl00_childContent_Products1_btnSubmit {
    margin-left: 0;
    margin-bottom: 0;
}

.DivBotonRegresarConfirmacionLocales {
    display: flex;
    align-items: center;
    margin-bottom: 6%;
    margin-top: -4%;
    margin-left: -3%;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}


.DivBotonRegresarConfirmacionPropiaRegional {
    display: flex;
    align-items: center;
    margin-bottom: 6%;
    margin-top: -4%;
    margin-left: -15%;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionConfirmLocalTransfer {
    width: 900px;
    margin-left: 14%;
}

.DivBotonRegresarConfirmacionCentroamerica {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}


.DivBotonRegresarRegistroTranCentroamerica {
    display: flex;
    align-items: center;
    margin-bottom: 6%;
    color: var(--colors-primary-70, #00693C);
    font-size: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

#ctl00_childContent_ctTaxReservationQuery_lnkRegresar {
    margin-left: 0;
    margin-top: 0;
}

.StyleTextSLVImpVoucher {
    color: var(--grises-gris-oscuro-90);
    text-align: left;
    font-family: var(--caption-caption-nunito-font-family);
    font-size: var(--body-regular-body-xs-font-size);
    line-height: var(--body-regular-body-xs-line-height);
    font-weight: var(--body-regular-body-xs-font-weight);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 660px;
    margin-left: 260PX;
}

#ctl00_childContent_lnkRegresar {
    margin-top: -3%;
}

.MargenPositionTituloStepNetworkTrans {
    margin-right: 64px;
}

.divAlingTextoTitleCircleGlobalUser {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.divMarginSummarySchearchPagoProvePla {
    margin-right:5px;
}


.divMarginSummarySchearchPagoImp {
    margin-right: 5px;
}


.divMarginSummaryPendConsul {
    margin-right: 5px;
}

.StyleTitleWcSummaryUCPagoImp {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
}

#ctl00_childContent_ctRegionalTranfer_ctWizard_StartNavigationTemplateContainerID_StartNextButton {
    margin-left: 232%;
    margin-top: 5%;
}

.stepComplete {
    background: white !important;
}

#step2Wizard {
    margin-left: 0px;
}

#step3Wizard {
    margin-left: 0px;
}

#step4Wizard {
    margin-left: 0px;
}

/* ============================================
   Consulta de transacciones
 ============================================ */

.divPanelBlancoConsultaTransacciones {
    width: 1376px;
    padding: 16px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    display: inline-flex;
    margin-top:30px;
}

.divPositionPantallaConsultaTransacciones {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.StyleTitlePantallaConsultaTransacciones {
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word;
    margin-top: 16px;
    margin-bottom: 24px;
}

.divPositionControlsPantallaConsultaTran {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.divPosicionControlFiltroConsultaTran {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 16px;
    display: flex;
    margin-bottom: 32px;
}

.StyleLabelFiltroConsultaTran {
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divDistribucionFiltroConsultaTran {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: inline-flex;
}

.contentControlLabelConsultTran {
    width: 217px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;

}

.PositionLabelFiltroConsultaTran {
    padding-left: 8px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.StyleLabelTextFiltroConsultaTran {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

.divPositionComboConsultaTran {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}


.ddlDropDownConsultaTran {
    border: 1px solid #bfbfbf !important;
    border-radius: 8px;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    width: 217px;
    height: 48px;
    padding: 8px 16px;
}

.divMarginButtonConsultaTransacciones {
    margin-left: 0px;
}

.divContentGridConsultaTransacciones {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.StyleLetterBoldSummary {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
}


/*Pantalla estado de cuenta Costa Rica*/

.divPositionResultEstadoCuentaCR {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
}

.divPositionControlEstadoCuentaCR {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: flex;
}

.pnlPositionBtnModifEstadCR {
    width: 1142px;
    height: 60px;
    background: white;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.pnlExportPdfEstadoCuentaCR {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: flex;
}

.divPositionEstadoCuentaCRInterno {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: flex;
}

.positionHeaderEstadoCuentaCR {
    width: 1140px;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
}

.imgLogoBankPromEstadoCuentaCR {
    background-image: url(../App_Themes/CTF.Regional/imagesSVG/LogoBankPromCR.svg);
    background-repeat: no-repeat;
    height: 60px;
    width: 320px;
}

.divPositionBankCelJuEstCR {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.styleNameBankCREstCuent {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    white-space: nowrap;
}

.styleCedJurCREstCuent {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word
}

.divPositionLineEstadoCuentaCR {
    align-self: stretch;
    height: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}
.styleLineEstadoCuentaCR {
    align-self: stretch;
    height: 1px;
    background: var(--grises-gris-oscuro-80, #5D5D5D);
}

.divPositionInfoEstadoCuentaCR {
    align-self: stretch;
    padding-top: 12px;
    padding-bottom: 12px;
    background: white;
    overflow: hidden;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.divContentInfoEstadoCuentaCR {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
}

.divPositionLabelEstadoCuentaCR {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.styleLabelEstadoCuentaCR {
    color: var(--primarios-verde-primario, #00693C);
    font-size: 18px;
    font-family: Nunito Sans;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.divContentDesgloseEstadoCuentaCR {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 230px;
    display: inline-flex;
}

.divContentColumnInfoCliEstCR {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.ContentItemInfoCliEstCCR {
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

.styleLabelClientEstCR {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.styleTextClientEstCR {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word
}

.DivPositionGridMovEstadoCR {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.divContentGridMovEstadoCR {
    width: 1140px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.divTablaEstCuentaCR {
    align-self: stretch;
    background: white;
    overflow: hidden;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
}

.divContentTableEstCuentaCRSaldo {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    width:500px;
}


.tituloTasa {
    background-color: #f5f5f5;
    padding: 12px;
    font-size: 16px;
    border-bottom: 1px solid #787878;
    white-space: nowrap;
    font-weight: 700;
    text-align: left;
    font-family: 'Nunito Sans', sans-serif;
    width: 550px;
    font-size: 12px;
}

.gridTasa {
    width: 100%;
}

.filaTasa {
    display: flex;
    justify-content: space-between;
    padding: 10.5px;
    border-bottom: 1px solid #E9E9E9;
    width: 550px;
}

.labelTasa {
    color: #555;
}

.valorTasa {
    color: #333;
    text-align: right;
}

.divPositionMensajeEstadoCuentaCR {
    width: 1142px;
    justify-content: space-between;
    align-items: flex-start;
    display: inline-flex;
}

.divContentMensajeEstadoCuentaCR {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.divPositionTitleMensajeEstadoCuentaCR {
    align-self: stretch;
    height: 48px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    background: white;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    background-color: #f5f5f5f5;
    border: solid 1px #e9e9e9;
}

.stylelabelTitleMensajeEstadoCuentaCR {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;

}

.PositionMensajeBDEstadoCuentaCR {
    align-self: stretch;
    padding: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.styleMensajeBDEstadoCuentaCR {
    flex: 1 1 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    text-align: left;
}

/* ===== Pago de Servicios */

.psal-service-payment {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .psal-service-payment .psal-form-container {
        max-width: 760px;
        margin: 0 auto;
    }

    .psal-service-payment .form-row2 {
        display: grid;
        grid-template-columns: 220px minmax(280px, 1fr);
        align-items: center;
        gap: 12px 18px;
        margin-bottom: 18px;
        text-align: left;
    }

        .psal-service-payment .form-row2.full-width {
            width: 100%;
        }

    .psal-service-payment .psal-account-container {
        width: 100%;
        min-height: 42px;
    }

    .psal-service-payment .psal-select {
        width: 100% !important;
        min-height: 42px;
        box-sizing: border-box;
    }

    .psal-service-payment .psal-selected-account-row {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .psal-service-payment .psal-selected-account {
        display: block;
        padding: 12px 16px;
        border-radius: 12px;
        background: #f7f8f9;
        color: #3f4a52;
        font-weight: 700;
        text-align: center;
    }

    .psal-service-payment .psal-help-text {
        display: block;
        grid-column: 1 / -1;
        width: 100% !important;
        color: #5b6670;
        font-size: 13px;
        line-height: 1.5;
    }

    .psal-service-payment .psal-action-row {
        grid-template-columns: 1fr;
        justify-items: end;
    }

    .psal-service-payment .psal-add-button {
        min-width: 145px;
    }

    .psal-service-payment .psal-grid-wrapper {
        grid-template-columns: 1fr;
        overflow-x: auto;
    }

    .psal-service-payment .psal-services-grid {
        width: 100%;
        min-width: 680px;
    }

    .psal-service-payment .psal-frame-container {
        width: 100%;
        max-width: 1040px;
        margin: 0 auto;
        padding: 12px;
        border-radius: 16px;
        background: #fff;
        box-sizing: border-box;
    }

    .psal-service-payment .psal-service-frame {
        width: 100%;
        min-height: 500px;
        border: 0;
        margin: 0;
    }

    .psal-service-payment .psal-conditions-container {
        max-width: 900px;
        margin: 0 auto;
        text-align: left;
    }

@media (max-width: 768px) {
    .psal-service-payment .form-row2 {
        grid-template-columns: 1fr;
    }

    .psal-service-payment .psal-action-row {
        justify-items: stretch;
    }

    .psal-service-payment .psal-add-button {
        width: 100%;
    }
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_articleCirclesStep1 {
    margin-left: auto;
    margin-right: auto;
}

#divBtnRegresarServicePayment {
    margin-left: 0;
    margin-top: 0;
}

/* Paso 1 ÔÇö wizard table ancho completo para permitir margin:auto */
#ctl00_childContent_ctServicePayment_ctServPaymWizard {
    width: 100%;
}

    #ctl00_childContent_ctServicePayment_ctServPaymWizard > table {
        width: 100% !important;
    }

        #ctl00_childContent_ctServicePayment_ctServPaymWizard > table > tbody > tr > td {
            width: 100% !important;
        }

/* Paso 1 ÔÇö bloque centrado; regresar/t├¡tulo a ancho completo */
#ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep1 > .form-row2.full-width,
    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep1 > .wizardStep_DivContTitle {
        align-self: stretch;
        width: 100%;
    }

    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep1 > .wizardStep_DivContTitle {
        text-align: center;
    }

/* Paso 2 ÔÇö bloque centrado; regresar/t├¡tulo a ancho completo */
#ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep2 > .form-row2.full-width,
    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep2 > .wizardStep_DivContTitle,
    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep2 > #ctl00_childContent_ctServicePayment_ctServPaymWizard_pnlResultErrorStep2 {
        align-self: stretch;
        width: 100%;
    }

    #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep2 > .wizardStep_DivContTitle {
        text-align: center;
    }

#ctl00_childContent_ctServicePayment_ctServPaymWizard_step2Wizard {
    margin-left: auto;
    margin-right: auto;
}

/* CTA paso 2 ÔÇö Anterior + Siguiente en columna 448px (Figma) */
.divwcCentralAmericaTransferUC .psal-step2-cta {
    width: 448px;
    max-width: calc(100% - 32px);
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
}

    .divwcCentralAmericaTransferUC .psal-step2-cta input.button_Primary_Left,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.button_Primary_Left:enabled,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.button_Primary_Left:hover,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.button_Primary_Left:focus,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.button_Primary_Left:focus-visible,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.Button-White-Secondary,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.Button-White-Secondary:enabled,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.Button-White-Secondary:hover,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.Button-White-Secondary:active,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.Button-White-Secondary:focus,
    .divwcCentralAmericaTransferUC .psal-step2-cta input.Button-White-Secondary:focus-visible {
        width: 216px !important;
        height: 48px !important;
        margin: 0 !important;
        flex: none !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        float: none !important;
        position: relative !important;
        right: auto !important;
        left: auto !important;
    }

    .divwcCentralAmericaTransferUC .psal-step2-cta .previous-button-move-step2-trans-local-centro {
        width: 216px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        justify-content: center;
    }

#ctl00_childContent_ctServicePayment_ctServPaymWizard_StepNavigationTemplateContainerID_StepNextButton,
#ctl00_childContent_ctServicePayment_ctServPaymWizard_StepNavigationTemplateContainerID_StepPreviousButton {
    right: auto !important;
    left: auto !important;
    flex: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_StepNavigationTemplateContainerID {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divwcCentralAmericaTransferUC .psal-step2-card .psal-step2-add-row {
    align-items: flex-end !important;
}

.divwcCentralAmericaTransferUC .psal-step2-card .divContentSubtitleLinkAddGroupServicePayment {
    align-self: flex-end;
    margin-left: auto;
    margin-right: 0;
}

.divwcCentralAmericaTransferUC .psal-step2-card select.psal-select,
.divwcCentralAmericaTransferUC .psal-step2-card select.ddlTipoIdentificacion,
.divwcCentralAmericaTransferUC .psal-step2-card select.wizardStep_ControlFormBackground {
    width: 100% !important;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    background-origin: padding-box !important;
    padding: 12px 48px 12px 16px !important;
    line-height: 24px !important;
}

.divwcCentralAmericaTransferUC .psal-step2-card .divEtiquetaCuentaStep2 {
    width: 448px;
    max-width: 100%;
}

.divwcCentralAmericaTransferUC .psal-step2-card .psal-help-text {
    width: 100%;
    display: block;
    text-align: left;
}

.divwcCentralAmericaTransferUC #ctl00_childContent_ctServicePayment_ctServPaymWizard_WizardStep2 .psal-step2-grid-wrapper {
    width: 448px;
    max-width: calc(100% - 32px);
    margin: 24px auto 0;
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_dgvServices {
    width: 100% !important;
    margin-left: 0 !important;
}

/* CTA paso 1 ÔÇö columna 448px, bot├│n 216px a la derecha (Figma 6271:10424) */
.divwcCentralAmericaTransferUC .psal-step1-cta {
    width: 448px;
    max-width: calc(100% - 32px);
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
}

    .divwcCentralAmericaTransferUC .psal-step1-cta input.button_Start_Left {
        width: 216px !important;
        height: 48px !important;
        margin: 0 !important;
        flex: none !important;
        display: inline-block !important;
        float: none !important;
    }

#ctl00_childContent_ctServicePayment_ctServPaymWizard_StartNavigationTemplateContainerID {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_StartNavigationTemplateContainerID_StartNextButton {
    width: 216px !important;
    height: 48px !important;
    margin: 0 !important;
    flex: none !important;
    display: inline-block !important;
    float: none !important;
}

/* ===== Pago de servicios - ajuste visual Step 2 sin cambiar IDs ===== */

.psal-step2-card {
    width: 680px;
    margin: 0 auto;
    padding: 32px 16px !important;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    background: #FFFFFF;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

    .psal-step2-card .form-row2 {
        width: 448px;
        margin: 0;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        text-align: left;
    }

    .psal-step2-card .psal-selected-account-row {
        display: none !important;
    }

.psal-step2-label {
    padding-left: 8px;
    color: #3F3F3F;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.psal-step2-select {
    width: 448px !important;
    height: 48px !important;
    padding: 4px 42px 4px 16px !important;
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    color: #949494 !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    box-sizing: border-box;
    outline: none !important;
}

    .psal-step2-select:hover,
    .psal-step2-select:focus {
        border-color: #00693C !important;
    }

.psal-step2-helper {
    width: 448px;
    color: #3F3F3F;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.1px;
}

.psal-step2-add-row {
    align-items: flex-end !important;
}

.psal-step2-add-button {
    width: 216px !important;
    height: 48px !important;
    border: 1px solid #00693C !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #00693C !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer;
}

    .psal-step2-add-button:hover {
        background: #F4FBF7 !important;
    }

.psal-step2-bottom {
    margin-top: 16px !important;
}

.psal-step2-grid-wrapper {
    overflow-x: auto;
}

    .psal-step2-grid-wrapper .psal-services-grid {
        width: 100%;
        min-width: 448px;
    }

@media (max-width: 768px) {
    .psal-step2-card {
        width: 100%;
    }

        .psal-step2-card .form-row2,
        .psal-step2-select,
        .psal-step2-helper {
            width: 100% !important;
        }

    .psal-step2-add-button {
        width: 100% !important;
    }
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_pnlResultErrorStep2 {
    align-self: stretch;
    width: 100%;
    margin: 0 !important;
}

#divBtnRegresarServicePayment2 {
    margin-left: 0;
    margin-top: 0;
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_btnRegresarMenuStep2 {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_divFormularioServicio {
    margin-left: auto !important;
    margin-right: auto;
}

.div_addButtonServicePayment {
    color: var(--primarios-verde-primario);
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 16px;
    font-weight: 700;
    position: relative;
    padding-right: 30px;
    font-size: 16px;
}

#ctl00_childContent_ctServicePayment_ctServPaymWizard_addButton {
    margin-left: 0;
}

.divContentSubtitleLinkAddGroupServicePayment {
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    border: 1px solid var(--primarios-verde-primario, #00693C);
    border-radius: 8px;
    padding: 11px 16px 11px 16px !important;
    width: 216px;
    box-sizing: border-box;
}

    .divContentSubtitleLinkAddGroupServicePayment:hover {
        background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
        text-decoration-color: var(--primarios-verde-primario,#00693C);
        border-radius: 8px !important;
    }


.divTexAlingInfoPendingTransacctionPage {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.1px;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 18px;
}

.styleLabelTCDetail {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.styleLabelTCDetailSubTitle {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 14.5px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
}

.styleLabelTCDetailTitle {
    text-align: center;
    color: var(--grises-gris-oscuro-100, #1e1e1e);
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.50px;
    word-wrap: break-word
}

/*Tipo de Cambio  pantalla wcMoneyExchangeUC*/


a#ctl00_childContent_ctLocalTranfer_ctWizard_ctSendRequest {
    font-size: 18px;
    font-family: 'Nunito Sans';
    margin-left: -490px !important;
}

img#ctl00_childContent_ctLocalTranfer_ctWizard_clSendRequest {
    width: 50px;
    margin-left: 25%;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_divctSourceTranferAccount {
    margin-left: 0px;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_divctToTranferAccount {
    margin-left: 0px;
}

div#divBorderContentMotive {
    margin-left: 0px;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_CtNotificationSuccessfulMessageInfoStep2_pnlMessageNotificacionSuccessful {
    margin-top: -6%;
    width: 100%;
    margin-left: -13%;
}


div#ctl00_childContent_ctLocalTranfer_ctWizard_divFormularioCuentas {
    margin-left: 230px;
}


span#ctl00_childContent_ctLocalTranfer_ctWizard_lblNotice {
    margin-left: -250px;
    width: 1100px;
    margin-top: 1%;
    text-align: justify;
}

span#ctl00_childContent_ctLocalTranfer_ctWizard_lblMensajePreventivo {
    margin-left: -250px;
    width: 1100px;
    margin-top: 0%;
    text-align: justify;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_divtxtRate {
    margin-left: 0%;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_pnlMessageNotificacionSuccessfulInfoStep2 {
    margin-top: -70px;
    margin-left: -168px !important;
}

.div_AlertContentborderGreenDivMoneyExchange {
    padding: 5px 7px 11px 8px;
    display: math;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
}

div#divBtnRegresarServicePayment2Pagos {
    margin-left: -100px;
    margin-top: -15px;
}

article#step2WizardPagos {
    margin-left: 0px;
}

.psal-selected-account-label {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.psal-selected-account-value {
    color: var(--gds-typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.divEtiquetaCuentaStep2 {
    display: flex;
    gap: 8px;
}

div#ctl00_childContent_ctServicePayment_ctServPaymWizard_divFormularioServicio.psal-step2-card {
    padding: 32px 16px !important;
    margin-left: auto !important;
    margin-right: auto;
}

div#divBtnRegresarServicePayment5 {
    margin-left: -145px;
    margin-top: -10px;
}

article#step5Wizard {
    margin-left: 0px;
}

.tablePaymentClass {
    color: var(--gds-typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.2px;
}


div#ctl00_childContent_ctServicePayment_ctServPaymWizard_divSummaryPaymentStep5 {
    margin-left: -225px;
    margin-top: -50px;
}


div#ctl00_childContent_ctServicePayment_ctServPaymWizard_ctSummary_conditionDetails {
    margin-left: 264px;
    width: 670px;
}

input#ctl00_childContent_ctServicePayment_ctServPaymWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-left: 550px;
}

input#ctl00_childContent_ctServicePayment_ctServPaymWizard_FinishNavigationTemplateContainerID_FinishPreviousButton {
    margin-left: 145px;
}

input#ctl00_childContent_ctServicePayment_ctServPaymWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-left: 405px;
}

a#ctl00_childContent_ctServicePayment_ctServPaymWizard_ctSummary_cbLinkPrint {
    margin-left: 480px;
}

div#ctl00_childContent_ctServicePayment_ctServPaymWizard_CtNotificationSuccessfulMessageInfo_pnlMessageNotificacionSuccessful {
    margin-left: -260px;
    margin-top: -40px;
}

div#divBtnRegresarStep6Payment {
    margin-left: -235px !important;
}

div#divBtnRegresarChkStep2MoneyExchange {
    margin-left: -10%;
    margin-top: 0%;
}

a#ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_lkTerms {
    display: none;
}

input#ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButtonMoneyExchange {
    margin-right: 715px !important;
    margin-top: -5px !important;
}

input#ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_ctExecuteOnceMoneyExchange {
    margin-left: 500px;
    margin-top: -45px;
}

div#divBtnRegresarStep6MoneyExchange {
    margin-left: -254px;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_WcNotificationSuccessfulMessageInfo1_pnlMessageNotificacionSuccessful {
    margin-left: -280px;
    margin-top: 0px;
}

div#divBtnRegresarStep2Internacionales {
    margin-left: 40px;
    margin-top: -10px;
}

div#divBtnRegresarStep3Internacionales {
    margin-left: 40px;
    margin-top: -8px;
}

div#divBtnRegresarStep4Internacionales {
    margin-left: 25px;
    margin-top: -22px;
}

div#divBtnRegresarStep5Internacionales {
    margin-left: 0px;
}

span#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_ctTotalDebit {
    font-weight: 700;
}

span#ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_ctTotalDebitCurrency {
    font-weight: 700;
}

select#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctRelationShipNIC {
    font-size: var(--label-regular-label-m-font-size);
    font-family: 'Nunito Sans', sans-serif;
}


div#divBtnRegresarChkStep3MoneExchange {
    margin-left: -110px;
    margin-top: 14px;
}

input#ctl00_childContent_Wizard1_txtUsuario {
    margin-left: 10px;
}

#ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_divControlCuentas2 {
    margin-left: 0px;
}

#ctl00_childContent_ctLocalTranfer_plResultErrorMoneyExchange {
    margin-top: 12px;
    margin-left: -355px !important;
    text-align: left;
    margin-left: initial;
}

div#ctl00_childContent_ctLocalTranfer_ctWizard_divFormularioCuentasMoneyExchange {
    margin-left: 240px;
}

.txtQuestion{
    padding: 8px 16px;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
    -moz-box-shadow: 0 0 0 30px white inset !important;
    -moz-text-fill-color: #000 !important;
}


#txtRegisterCode {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
    width: 392px;
    height: 24px;
    background-color: var(--grises-blanco);
}

.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register #txtRegisterCode,
.divWhiteEnrrollmentSoftoken .gds-enroll-softoken-step-register input[id*='txtRegisterCode'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    display: block !important;
    flex: 1 1 auto !important;
}

/* Master layout ÔÇö header/footer ancho completo + footer fixed */
#zContent {
    max-width: 100%;
    box-sizing: border-box;
}

body:not(.page-login) #zContent {
    padding-bottom: 72px;
}

/* Login ÔÇö zContent solo aloja modal; sin reserva vertical */
body.page-login #zContent {
    padding: 0;
    margin: 0;
    min-height: 0;
    height: 0;
    overflow: visible;
}

.childcontent {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

footer {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 100;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.divFooterContainer {
    height: 48px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--grises-blanco, #ffffff);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

footer .navcontainer_RightsText {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
}

footer .divContentStarFooter {
    margin-right: 0;
}

/* GRP-010: Footer page-scoped ÔÇö Estado de cuenta */
body.page-wc-bank-statement footer {
    position: static !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body.page-wc-bank-statement footer .divFooterContainer {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

body.page-wc-bank-statement footer .navcontainer_RightsText {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

body.page-wc-bank-statement footer .divContentStarFooter {
    margin-right: 0;
}

.divGrupoPromericaContactenos {
    position: static;
    padding: 15px 50px 15px 75px
}

/* ============================================================
   Cambiar contrase├▒a - GDS scoped overrides (C-03-IMPL full)
   ============================================================ */

/* GRP-006: espaciado vertical bloques — Figma 3:960 gap 24px filas / 16px columnas */
.form-wrapper .form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 448px));
    gap: 24px 16px;
}

.form-wrapper .form-grid-2 .form-row,
.form-wrapper .form-grid-2 .form-row2 {
    margin-bottom: 0 !important;
}

.form-wrapper .tituloCambioClave {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 30px;
}

/* Figma 3:960 — 24px entre Regresar, título e inputs; +16px bajo título = 40px al primer campo */
.form-wrapper .form-row.full-width:has(.tituloCambioClave) {
    margin-bottom: 16px;
}

/* GRP-008: campos contraseña / pregunta — sin margin extra (solo grid gap 24px) */
.form-wrapper .wizardStep_FrameControlLogin {
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: transparent;
}

/* Figma 3:958 — fila completa, contenido max 448px (contraseña actual, pregunta, validez) */
.form-wrapper .gds-change-pwd-field-row {
    grid-column: 1 / -1;
    max-width: 448px;
    width: 100%;
}

/* Figma 3:958 — cada input individual max 448px (parejas y filas sueltas) */
.form-wrapper .form-grid-2 .form-row.wizardStep_FrameControlLogin {
    max-width: 448px;
    width: 100%;
    min-width: 0;
}

/* Figma — 4px label → input */
.form-wrapper .form-grid-2 label.formlabelCambioClave,
.form-wrapper .form-grid-2 .formlabelCambioClave {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.form-wrapper .form-row .formlabelCambioClave {
    margin-bottom: 4px;
}

/* GRP-009: 40px entre restricciones y pregunta secreta (24 grid + 16) */
.form-wrapper .form-row:has([id$="litRestricciones2"]) {
    margin-bottom: 16px;
}

/* Nota 23 — 8px entre tituloRestriccionesClave y primera lista (grid gap 24 − 16) */
.form-wrapper .form-grid-2 > .form-row:has(.tituloRestriccionesClave) {
    margin-bottom: -16px;
    padding-bottom: 0;
}

.form-wrapper .tituloRestriccionesClave {
    padding-bottom: 0;
    margin-bottom: 0;
}

.form-wrapper .form-grid-2 > .form-row:has([id$="litRestricciones1"]) {
    margin-top: 0;
    padding-top: 0;
}

.form-wrapper .form-row:has([id$="litRestricciones1"]) .password-rules-list {
    margin-top: 0;
}

/* GRP-009: 40px entre bloque respuesta y validez (24 grid + 16) */
.form-wrapper .form-row.gds-change-pwd-validez-row {
    margin-top: 16px;
}

/* Fila alertas oculta hasta que JS muestre errores */
.form-wrapper .form-row.gds-change-pwd-alerts-row {
    display: none;
    margin-top: 24px;
    margin-bottom: 0;
    max-width: 100%;
}

/* GDS: 24px separación vertical entre inputs y alertas (Figma 6741:80007 / Nota 18) */
.form-wrapper .form-grid-2 > .form-row.gds-change-pwd-alert-row:has([id$="valCompTxtHintRepeat"]),
.form-wrapper .form-grid-2 > .form-row.gds-change-pwd-alerts-row {
    margin-top: 24px;
    margin-bottom: 0;
}

.form-wrapper .form-grid-2 > .form-row.gds-change-pwd-alert-row:has([id$="valCompNewPasswordRepeat"]) {
    margin-top: 24px;
    margin-bottom: 0;
    max-width: 100%;
}

/* Fila de inputs inmediatamente anterior a una alerta — sin márgenes que colapsen el gap */
.form-wrapper .form-grid-2 > .form-row.wizardStep_FrameControlLogin:has(+ .form-row.gds-change-pwd-alert-row),
.form-wrapper .form-grid-2 > .form-row.gds-change-pwd-validez-row:has(+ .form-row.gds-change-pwd-alerts-row) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ocultar fila de alerta inline cuando el validador no está visible */
.form-wrapper .form-row.gds-change-pwd-alert-row:has(> span[style*="display: none"]),
.form-wrapper .form-row.gds-change-pwd-alert-row:has(> span[style*="display:none"]),
.form-wrapper .form-row.gds-change-pwd-alert-row:has(span[style*="visibility:hidden"]),
.form-wrapper .form-row.gds-change-pwd-alert-row:has(span[style*="visibility: hidden"]) {
    display: none !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* Figma 3:958 — 40px validez → submit (24 grid + 16) */
.form-wrapper .form-row.gds-change-pwd-submit-row {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.form-wrapper .form-row.gds-change-pwd-submit-row .button_change_password {
    margin-top: 0 !important;
}

/* GRP-003 & GRP-009: label-input y espaciados de campo */
.form-wrapper .form-row .formlabelCambioClave {
    margin-left: 0 !important;
    padding-left: 8px;
    height: 24px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    box-sizing: border-box;
}

.form-wrapper .wizardStep_FrameControlContainer {
    border: none !important;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    box-shadow: none !important;
    outline: none !important;
}

.form-wrapper .wizardStep_FrameControlContainer:focus-within,
.form-wrapper .wizardStep_FrameControlContainer:hover {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.form-wrapper .gds-change-pwd-select-host {
    display: block;
}

.form-wrapper .gds-input-icon-wrapper {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 48px;
    background: var(--grises-blanco, #ffffff);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-wrapper .gds-input-icon-wrapper:hover {
    border-color: var(--grises-gris-claro-100, #949494);
}

.form-wrapper .gds-input-icon-wrapper:has(input:focus):not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C);
    box-shadow: none;
}

.form-wrapper .gds-input-icon-wrapper.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

.form-wrapper .gds-change-pwd-select-wrapper {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 48px;
    background: var(--grises-blanco, #ffffff);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-wrapper .gds-change-pwd-select-wrapper:hover {
    border-color: var(--grises-gris-claro-100, #949494);
}

.form-wrapper .gds-change-pwd-select-wrapper:has(select:focus):not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C);
    box-shadow: none;
}

.form-wrapper .gds-change-pwd-select-wrapper.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

.form-wrapper .gds-change-pwd-select-wrapper.gds-keyboard-focus:has(select:focus) {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

.form-wrapper .gds-change-pwd-select-wrapper select.ddlValidez,
.form-wrapper .gds-change-pwd-select-wrapper select[id$="ddlDaysUntilExpiration"] {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}

.form-wrapper .gds-input-icon-wrapper input[type="password"] {
    border: none !important;
    box-shadow: none !important;
}

.form-wrapper .wizardStep_FrameControlContainer input[type="text"],
.form-wrapper .wizardStep_FrameControlContainer input[type="password"] {
    padding: 12px 16px;
    min-height: 48px;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%;
}

.form-wrapper .input-borde {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* GRP-005: Envolvente con icono candado para inputs de contrase├▒a */
.gds-input-icon-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.gds-input-icon-wrapper .icon-lock {
    position: absolute;
    right: 12px;
    left: auto;
    width: 24px;
    height: 24px;
    background: url('../App_Themes/CTF.Regional/imagesSVG/IconBancaFormularioContrasena.svg') no-repeat center center;
    background-size: 24px 24px;
    pointer-events: none;
    z-index: 2;
}

.gds-input-icon-wrapper input[type="password"] {
    padding: 12px 40px 12px 16px !important;
    min-height: 48px;
    border: none !important;
}

.form-wrapper .gds-input-icon-wrapper input[type="text"] {
    padding: 12px 16px !important;
    min-height: 48px;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box;
}

.form-wrapper #ctl00_childContent_txtHint,
.form-wrapper #ctl00_childContent_txtHintAnswer,
.form-wrapper #ctl00_childContent_txtRepeatHintAnswer,
.form-wrapper #ctl00_childContent_txtActualPassword,
.form-wrapper #ctl00_childContent_txtNewPassword,
.form-wrapper #ctl00_childContent_txtRepetNewPassword {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: none !important;
    background-image: none !important;
    box-sizing: border-box !important;
}

/* GRP-006: Bot├│n terciario neutral pseudo-estados */
.button_TertiaryVoucher:hover {
    background-color: var(--grises-background-hover, #F4F4F4) !important;
    text-decoration: underline !important;
}

.button_TertiaryVoucher:active {
    background-color: var(--grises-background-pressed, #E5E5E5) !important;
}

.button_TertiaryVoucher:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px !important;
}

/* GRP-013/014/018/021: alertas GDS — Figma 6741:80651 / Anatomía 1898:26328 */
.form-wrapper .form-row.gds-change-pwd-alert-row,
.form-wrapper .form-row.gds-change-pwd-alert-top:has(.divNotificacionContainerClave),
.form-wrapper .form-row.gds-change-pwd-alerts-row:has(.divNotificacionContainerClaveResumen),
.form-wrapper .form-row.gds-change-pwd-server-alert-row:has(.divNotificacionContainerClave),
.form-wrapper .form-row.gds-change-pwd-submit-row:has(.divNotificacionContainerClave) {
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.form-wrapper .form-row.gds-change-pwd-alert-row > span:not([style*="display: none"]):not([style*="display:none"]):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]),
.form-wrapper .form-row.gds-change-pwd-alert-top > span:not([style*="display: none"]):not([style*="display:none"]):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]),
.form-wrapper .form-row.gds-change-pwd-alerts-row > span:not([style*="display: none"]):not([style*="display:none"]):not([style*="visibility: hidden"]):not([style*="visibility:hidden"]) {
    display: block;
    width: 100%;
    text-align: left;
}

/* Alertas bajo parejas de campos — ancho completo del grid (Nota 18/21) */
.form-wrapper .form-row.gds-change-pwd-alert-row {
    max-width: 100%;
}

/* Nota 21: alertas server-side fuera del submit row */
.form-wrapper .form-row.gds-change-pwd-server-alert-row {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.form-wrapper .form-row.gds-change-pwd-server-alert-row:empty,
.form-wrapper .form-row.gds-change-pwd-server-alert-row:not(:has(.divNotificacionContainerClave)) {
    display: none;
    margin: 0;
    min-height: 0;
}

.form-wrapper .form-row.gds-change-pwd-server-alert-row:has(.divNotificacionContainerClave) {
    display: flex;
    margin-bottom: 16px;
}

.form-wrapper .gds-change-pwd-server-alert-row [id*="plResult"] {
    width: 100%;
}

.form-wrapper .divNotificacionContainerClave,
.form-wrapper .divNotificacionContainerClave.EspacioFrameContainerLogin,
.form-wrapper .divNotificacionContainerClaveResumen {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 40px;
    max-height: none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin: 0;
    top: 0;
    background-color: var(--grises-fondo-claro, #F5F5F5);
    border-radius: 8px;
    overflow: hidden;
    justify-content: flex-start;
}

.form-wrapper .divNotificacionContainerClave.EspacioFrameContainerLogin {
    margin-bottom: 0;
}

.form-wrapper .divNotificacionContainerTamano,
.form-wrapper .divNotificacionContainerTamanoClaveResumen {
    align-self: stretch;
    padding: 0;
    margin: 0;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex: 0 0 auto;
}

.form-wrapper .divNotificacionLineaError,
.form-wrapper .divNotificacionLineaErrorClaveResumen {
    width: 2px;
    min-height: 24px;
    height: auto;
    align-self: stretch;
    transform: none;
    transform-origin: unset;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--Color-Alert-Red, #C30000);
}

.form-wrapper .divNotificacionContainerAlerta {
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
    gap: 0;
    align-items: center;
    justify-content: flex-start !important;
    text-align: left;
    min-width: 0;
    display: flex;
}

.form-wrapper .divNotificacionContainerAlertaPosicion {
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px;
    min-width: 0;
    width: auto;
    display: flex;
}

.form-wrapper .divNotificacionContainerIconAlertaPosicion,
.form-wrapper .divNotificacionContainerIconAlertaTamano,
.form-wrapper .divNotificacionContainerIconError {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    position: relative;
    overflow: visible;
}

.form-wrapper .divNotificacionContainerIconError {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconErrorAlertNew.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}

.form-wrapper .divPosicionTextoError {
    flex: 0 1 auto;
    padding: 0;
    margin: 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    text-align: left !important;
}

.form-wrapper .divPosicionTextoError,
.form-wrapper .divPosicionTextoError span,
.form-wrapper .divPosicionTextoError label,
.form-wrapper .divPosicionTextoError .labelTituloErrores,
.form-wrapper .listaErrores,
.form-wrapper .listaErrores li {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size, 14px);
    font-weight: var(--body-regular-body-xs-font-weight, 400);
    line-height: var(--body-regular-body-xs-line-height, 21px);
    letter-spacing: var(--body-regular-body-xs-letter-spacing, 0.1px);
    text-align: left;
}

.form-wrapper .divPosicionTextoError .labelTituloErrores {
    font-weight: 700;
    color: var(--typography-and-Shapes-Gray-100, #1E1E1E);
}

.form-wrapper .listaErrores {
    margin: 4px 0 0 0;
    padding-left: 16px;
}

/* Resumen de errores — icono arriba (1ª línea) y bloque título + lista en columna */
.form-wrapper .divNotificacionContainerClaveResumen {
    align-items: flex-start;
}

.form-wrapper .divNotificacionContainerClaveResumen .divNotificacionContainerAlerta,
.form-wrapper .divNotificacionContainerClaveResumen .divNotificacionContainerAlertaPosicion {
    align-items: flex-start;
}

.form-wrapper .divNotificacionContainerClaveResumen .divNotificacionContainerIconAlertaPosicion {
    align-self: flex-start;
    flex-shrink: 0;
}

.form-wrapper .divNotificacionContainerClaveResumen .divPosicionTextoError {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.form-wrapper .gds-change-pwd-alerts-row [id*="plResumenMensajes"] {
    width: 100%;
}

.form-wrapper .form-row.gds-change-pwd-alert-row:empty,
.form-wrapper .form-row.gds-change-pwd-alert-row:not(:has(.divNotificacionContainerClave)) {
    display: none;
    margin: 0;
    padding: 0;
    min-height: 0;
}

/* GRP-004 & GRP-010: Botón primario submit estados GDS */
.form-wrapper .button_change_password {
    margin-top: 0 !important;
    border: none !important;
    outline: none !important;
}

.form-wrapper .button_change_password:active {
    background-color: var(--gds-color-primary-dark, #1B5E3F) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-wrapper .button_change_password:focus-visible {
    border: none !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* GRP-015: dropdown Validez — estados GDS Figma 1633:22503 / 1631:19356 */
.form-wrapper select.ddlValidez.wizardStep_ControlFormBackground,
.form-wrapper select[id$="ddlDaysUntilExpiration"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 40px 12px 16px !important;
    box-sizing: border-box !important;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--grises-blanco, #ffffff) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-origin: padding-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    outline: none !important;
    box-shadow: none !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}

.form-wrapper select.ddlValidez.wizardStep_ControlFormBackground:hover,
.form-wrapper select[id$="ddlDaysUntilExpiration"]:hover {
    border-color: var(--grises-gris-claro-100, #949494) !important;
}

.form-wrapper select.ddlValidez.wizardStep_ControlFormBackground:focus,
.form-wrapper select.ddlValidez.wizardStep_ControlFormBackground:focus-within,
.form-wrapper select[id$="ddlDaysUntilExpiration"]:focus,
.form-wrapper select[id$="ddlDaysUntilExpiration"]:focus-within {
    border-width: 1px !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-wrapper select.ddlValidez.wizardStep_ControlFormBackground:focus:not(.gds-keyboard-focus),
.form-wrapper select[id$="ddlDaysUntilExpiration"]:focus:not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
}

.form-wrapper select.ddlValidez.wizardStep_ControlFormBackground:active:not(.gds-keyboard-focus),
.form-wrapper select[id$="ddlDaysUntilExpiration"]:active:not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
}

.form-wrapper select.ddlValidez.gds-keyboard-focus,
.form-wrapper select[id$="ddlDaysUntilExpiration"].gds-keyboard-focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Validez en wrapper: un solo borde (1px) en el contenedor, no en el select */
.form-wrapper .gds-change-pwd-select-wrapper select.ddlValidez.wizardStep_ControlFormBackground,
.form-wrapper .gds-change-pwd-select-wrapper select[id$="ddlDaysUntilExpiration"],
.form-wrapper .gds-change-pwd-select-wrapper select.ddlValidez.wizardStep_ControlFormBackground:hover,
.form-wrapper .gds-change-pwd-select-wrapper select[id$="ddlDaysUntilExpiration"]:hover,
.form-wrapper .gds-change-pwd-select-wrapper select.ddlValidez.wizardStep_ControlFormBackground:focus,
.form-wrapper .gds-change-pwd-select-wrapper select.ddlValidez.wizardStep_ControlFormBackground:focus-within,
.form-wrapper .gds-change-pwd-select-wrapper select[id$="ddlDaysUntilExpiration"]:focus,
.form-wrapper .gds-change-pwd-select-wrapper select[id$="ddlDaysUntilExpiration"]:focus-within,
.form-wrapper .gds-change-pwd-select-wrapper select.ddlValidez.wizardStep_ControlFormBackground:active,
.form-wrapper .gds-change-pwd-select-wrapper select[id$="ddlDaysUntilExpiration"]:active {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}

.form-wrapper .gds-change-pwd-alert-top:not(:has(.divNotificacionContainerClave)) {
    display: none;
    margin: 0;
}

.form-wrapper .gds-change-pwd-alert-top:has(.divNotificacionContainerClave),
.form-wrapper.gds-change-pwd-has-top-alert .gds-change-pwd-alert-top {
    display: flex;
}

.form-wrapper .gds-change-pwd-regresar-row {
    margin-top: 0;
}

/* GRP-001: Regresar — terciario full color GDS (anula .icon-left global posterior) */
.form-wrapper #divBtnRegresar {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.form-wrapper .form-row.full-width:has(#divBtnRegresar) {
    margin-bottom: 0;
}

.form-wrapper #divBtnRegresar .icon-left.titulo-regresar,
.form-wrapper #divBtnRegresar input.icon-left.titulo-regresar {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg') !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 24px !important;
    padding: 12px 16px 12px 32px !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    min-height: 48px !important;
    height: 48px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    -webkit-appearance: none;
    appearance: none;
}

.form-wrapper .regresar {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

/* Hover — solo subrayado (Figma Volver a...) */
.form-wrapper #divBtnRegresar .icon-left.titulo-regresar:hover,
.form-wrapper #divBtnRegresar input.icon-left.titulo-regresar:hover {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg') !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Selected — clic sostenido: borde 1px #C4C4C4, sin fondo, esquinas cuadradas */
.form-wrapper #divBtnRegresar .icon-left.titulo-regresar:active,
.form-wrapper #divBtnRegresar input.icon-left.titulo-regresar:active {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg') !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.form-wrapper #divBtnRegresar .icon-left.titulo-regresar:focus:not(:focus-visible),
.form-wrapper #divBtnRegresar input.icon-left.titulo-regresar:focus:not(:focus-visible) {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg') !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

/* Focus Tab — borde 3px Secundario 30, esquinas cuadradas */
.form-wrapper #divBtnRegresar .icon-left.titulo-regresar:focus-visible,
.form-wrapper #divBtnRegresar input.icon-left.titulo-regresar:focus-visible {
    background-image: url('../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg') !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 3px solid var(--secundarios-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* --- Fin Cambiar contrase├▒a - GDS --- */

/* ============================================================
   GDS-CTF-Planillas ÔÇö Pago de planillas scoped overrides (C-03-IMPL full)
   ============================================================ */

/* Layout: panel alineado como Figma ÔÇö gap 40px bajo header, sin centrar vertical */
.childcontent:has(.divWhitePanelPagoPlanillasProveedores) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: calc(100vh - 80px - 48px);
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

/* GRP-001: Espaciado panel ÔÇö Figma 3162:114536 (1376px, gap 24px, columna 1140px centrada) */
.divWhitePanelPagoPlanillasProveedores {
    margin-top: 0;
    margin-bottom: 0;
    gap: 24px;
    align-items: center;
    align-self: center;
}

/* Figma 3162:119574 ÔÇö alerta oculta cuando no hay contenido; si aparece, empuja Regresar v├¡a gap 24px */
.divWhitePanelPagoPlanillasProveedores .divAlertRootPagoPlanillasProveedores:not(:has(.div_AlertContent)):not(:has(.div_AlertContentSuccesfull)) {
    display: none;
}

/* Figma 3162:114539 ÔÇö breadcrumb py 12px; Regresar ÔåÆ t├¡tulo 16px (bloque intro gap 16px) */
.divWhitePanelPagoPlanillasProveedores .divPositionBackArrowMenu {
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 0;
    align-items: center;
    align-self: stretch;
}

.divWhitePanelPagoPlanillasProveedores .divPositionBackArrowMenu + .divPositionControlsPagoPlanillasProveedores {
    margin-top: -8px;
}

.divWhitePanelPagoPlanillasProveedores .divPositionControlsPagoPlanillasProveedores {
    gap: 24px;
    align-items: center;
    align-self: stretch;
}

/* FIND-001 (121500): T├¡tulo H3 ÔÇö columna 1140px (Figma 3162:114540), alineado con tablas */
.divWhitePanelPagoPlanillasProveedores .divPositionTitlePagoPlanillasProveedores {
    align-self: center;
    width: 1140px;
    max-width: 100%;
    align-items: flex-start;
}

.divWhitePanelPagoPlanillasProveedores .divSytleTitlePagoPlanillasProveedores {
    text-align: left;
}

/* Figma 3162:114544 ÔÇö bloque tablas 1140px, gap 40px entre secciones, 8px subt├¡tuloÔåÆtabla */
.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores {
    width: 1140px;
    max-width: 100%;
    align-self: center;
    gap: 8px;
}

.divWhitePanelPagoPlanillasProveedores .StyleSubtitlePagoPlanillaProveedores {
    text-align: left;
}

.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores > div:has(.divMarginGridValacionPagoPlanillasProveedores) {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
}

.divWhitePanelPagoPlanillasProveedores .divMarginGridValacionPagoPlanillasProveedores {
    margin-top: 0;
}

.divWhitePanelPagoPlanillasProveedores .divPositionAgregarGrupoPrvPlanilla {
    width: 1140px;
    max-width: 100%;
    align-self: center;
}

.divWhitePanelPagoPlanillasProveedores .GridsDataNew {
    width: 1140px;
    max-width: 100%;
}

.divWhitePanelPagoPlanillasProveedores .GridsDataNew th,
.divWhitePanelPagoPlanillasProveedores .GridsDataNew td {
    width: auto;
}

/* GRP-002: Bot├│n regresar ÔÇö altura natural py 12px (Figma breadcrumb) */
.divWhitePanelPagoPlanillasProveedores .usp-link-regresar {
    min-height: 0;
    display: inline-flex;
    align-items: center;
}

.divWhitePanelPagoPlanillasProveedores .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divWhitePanelPagoPlanillasProveedores .usp-link-regresar:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
}

.divWhitePanelPagoPlanillasProveedores .usp-link-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    border-radius: 8px;
}

/* GRP-004: Alerta width ÔÇö slot ra├¡z del panel */
.divWhitePanelPagoPlanillasProveedores .divAlertRootPagoPlanillasProveedores {
    align-self: stretch;
    width: 100%;
}

.divWhitePanelPagoPlanillasProveedores .divAlertRootPagoPlanillasProveedores .div_AlertContent {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex-shrink: 1;
    margin-top: 0;
    margin-bottom: 0;
    align-self: stretch;
}

/* GRP-005: Link terciario Agregar Grupo */
.divWhitePanelPagoPlanillasProveedores .div_PagoProveedoresPlanillasLinkGreen {
    text-decoration: underline;
    text-decoration-color: var(--primarios-verde-primario);
}

.divWhitePanelPagoPlanillasProveedores .div_PagoProveedoresPlanillasLinkGreen:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divWhitePanelPagoPlanillasProveedores .div_PagoProveedoresPlanillasLinkGreen:active {
    color: var(--veder-button-selected, #003F24);
    text-decoration: underline;
}

.divWhitePanelPagoPlanillasProveedores .div_PagoProveedoresPlanillasLinkGreen:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    border-radius: 8px;
}

/* GRP-006: Text links grid */
.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.article_LinkBack,
.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.LinkButtonPendingTransfer,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.article_LinkBack,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.LinkButtonPendingTransfer {
    text-decoration: underline;
    border-bottom: none;
}

.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.article_LinkBack:hover,
.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.LinkButtonPendingTransfer:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.article_LinkBack:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.LinkButtonPendingTransfer:hover {
    color: var(--Color-Button-Hover, #338763);
}

.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.article_LinkBack:active,
.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.LinkButtonPendingTransfer:active,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.article_LinkBack:active,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.LinkButtonPendingTransfer:active {
    color: var(--veder-button-selected, #003F24);
}

.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.article_LinkBack:focus-visible,
.divWhitePanelPagoPlanillasProveedores .divPositionControlsGridPagoPlanillasProveedores a.LinkButtonPendingTransfer:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.article_LinkBack:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv a.LinkButtonPendingTransfer:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
}

/* Grid hover #EEEEEE ÔÇö ctAccGroups / ctGridValidations (skGridBlanco) */
.divWhitePanelPagoPlanillasProveedores .bankstate_row1New:hover,
.divWhitePanelPagoPlanillasProveedores .bankstate_row1NewGris:hover,
.divWhitePanelPagoPlanillasProveedores .bankstate_row2New:hover,
.divWhitePanelPagoPlanillasProveedores .GridsDataNew td:hover {
    background-color: #EEEEEE !important;
}

/* --- Fin GDS-CTF-Planillas --- */

/* ============================================================
   Transferencias Centroam├®rica - GDS scoped overrides (C-03-IMPL full)
   ============================================================ */

/* GRP-004: espaciado regresar ÔåÆ t├¡tulo */
.divwcCentralAmericaTransferUC .regresar,
.divwcCentralAmericaTransferUC .DivBotonRegresarRegistroTranCentroamerica {
    margin-bottom: 24px;
    margin-top: 0;
    margin-left: 0;
}

/* GRP-002/003: Bot├│n Regresar pseudo-estados y altura 48px */
.divwcCentralAmericaTransferUC .titulo-regresar {
    min-height: 48px;
    line-height: 48px;
    display: inline-flex;
    align-items: center;
}

.divwcCentralAmericaTransferUC .titulo-regresar:hover,
.divwcCentralAmericaTransferUC .icon-left:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divwcCentralAmericaTransferUC .titulo-regresar:active,
.divwcCentralAmericaTransferUC .icon-left:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divwcCentralAmericaTransferUC .titulo-regresar:focus-visible,
.divwcCentralAmericaTransferUC .icon-left:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 8px;
}

/* GRP-005: form-grid gap 24px */
.divwcCentralAmericaTransferUC .form-grid-2 {
    gap: 24px;
}

.divwcCentralAmericaTransferUC .form-grid-2 .form-row2 {
    margin-bottom: 0 !important;
}

/* GRP-007: label padding-left */
.divwcCentralAmericaTransferUC .text-strong-gray {
    padding-left: 8px;
}

/* GRP-006: contenedor detalle ancho inputs */
.divwcCentralAmericaTransferUC .wizardStep_FrameControlDetailCentro {
    width: 448px;
}

/* GRP-011/012/025: dropdowns wizard ÔÇö gap icono y estados focus */
.divwcCentralAmericaTransferUC select.wizardStep_ControlFormBackground,
.divwcCentralAmericaTransferUC .ddlTipoIdentificacion {
    padding-right: 40px !important;
    align-items: center;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC select.wizardStep_ControlFormBackground:active,
.divwcCentralAmericaTransferUC .ddlTipoIdentificacion:active {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
}

.divwcCentralAmericaTransferUC select.wizardStep_ControlFormBackground:focus:not(:focus-visible),
.divwcCentralAmericaTransferUC .ddlTipoIdentificacion:focus:not(:focus-visible) {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
}

.divwcCentralAmericaTransferUC select.wizardStep_ControlFormBackground:focus-visible,
.divwcCentralAmericaTransferUC .ddlTipoIdentificacion:focus-visible {
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    border-width: 4px !important;
}

.divwcCentralAmericaTransferUC input[type="text"],
.divwcCentralAmericaTransferUC input[type="text"]:focus:not(:focus-visible),
.divwcCentralAmericaTransferUC textarea:focus:not(:focus-visible) {
    border: 1px solid #717171;
}

.divwcCentralAmericaTransferUC input[type="text"]:focus-visible,
.divwcCentralAmericaTransferUC textarea:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 0;
}

/* GRP-016: acorde├│n condiciones */
.divwcCentralAmericaTransferUC .ctf-conditions {
    max-width: 912px;
    width: 100%;
    margin-left: 0;
}

.divwcCentralAmericaTransferUC .cond-header {
    min-height: 48px;
    padding: 12px 0;
    align-items: center;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC .cond-header:hover {
    color: var(--Color-Button-Hover, #338763);
}

.divwcCentralAmericaTransferUC .cond-header:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
}

/* GRP-018/027: footer wizard alineaci├│n y espaciado botones */
.divwcCentralAmericaTransferUC .previous-button-move-step2-trans-local-centro {
    margin-top: 40px !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: flex-start;
    width: 448px;
}

.divwcCentralAmericaTransferUC #ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton,
.divwcCentralAmericaTransferUC #ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton,
.divwcCentralAmericaTransferUC #ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_StartNavigationTemplateContainerID_StartNextButton,
.divwcCentralAmericaTransferUC #ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishButton,
.divwcCentralAmericaTransferUC #ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButton {
    margin-left: 0 !important;
    margin-top: 40px !important;
}

/* GRP-019/021: filas resumen y costos 48px */
.divwcCentralAmericaTransferUC .div_SummaryContentEstructureItemCentro .div_SummaryContentEstructureItemDetail,
.divwcCentralAmericaTransferUC .div_SummaryContentEstructureItemCentro .div_SummaryContentEstructureItemDetailFirmante {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC #ctl00_childContent_wcCentralAmericaTransferUC1_ctWizard_ctComission_Label1 {
    margin-top: 40px;
}

/* GRP-020: bot├│n terciario editar resumen */
.divwcCentralAmericaTransferUC .LinkButtonEditSummary:hover {
    opacity: 0.85;
    outline: none;
}

.divwcCentralAmericaTransferUC .LinkButtonEditSummary:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
    border-radius: 4px;
}

.divwcCentralAmericaTransferUC .LinkButtonEditSummary:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
}

/* GRP-022/026: alerta exitosa comprobante */
.divwcCentralAmericaTransferUC .div_AlertContentSuccesfull {
    border: 1px solid #0F804F;
}

.divwcCentralAmericaTransferUC .div_AlertContentborderGreen {
    background-color: #0F804F;
}

/* GRP-023: radio buttons paso 5 */
.divwcCentralAmericaTransferUC .transferOptions > span {
    gap: 24px;
}

.divwcCentralAmericaTransferUC .transferOptions input[type="radio"] {
    width: 20px;
    height: 20px;
    border: 1px solid #717171;
    border-radius: 50%;
    accent-color: #0F804F;
    margin: 0;
}

.divwcCentralAmericaTransferUC .transferOptions > span > span {
    align-items: center;
    gap: 12px;
}

/* GRP-024: card comprobante padding */
.divwcCentralAmericaTransferUC .divWhitePanelPrintVoucher {
    padding: 16px;
    box-sizing: border-box;
}

/* GRP-015: overlay carga */
.disableback {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(30, 30, 30, 0.85);
    pointer-events: all;
}

/* --- GDS-CTF-PAGO_SERVICIOS scoped (C-03-IMPL full) --- */

/* Breadcrumb regresar ÔÇö Figma 6271:10415 (gap 8px, icon 24px, py 12px, lh 24px) */
.divwcCentralAmericaTransferUC .regresar input.icon-left.titulo-regresar {
    line-height: 24px !important;
    min-height: 48px;
    height: 48px;
    padding: 12px 16px 12px 40px !important;
    margin-left: 0 !important;
    background-size: 24px 24px !important;
    background-position: 8px center !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box;
    vertical-align: middle;
}

/* GRP-002: stepper paso completado ÔÇö borde #549820 */
.divwcCentralAmericaTransferUC .wizardStep_ArticleCenterCircleUsed {
    border-color: var(--secundarios-secundario-80, #549820);
}

/* GRP-003: dropdowns paso 1 y 2 ÔÇö 448px, 48px, padding, alineaci├│n */

/* Paso 1 ÔÇö columna inputs 448px centrada (Figma 6271:10421-10424) */
.divwcCentralAmericaTransferUC .psal-form-container {
    width: 448px;
    max-width: calc(100% - 32px);
    margin: 40px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC article.wizardStep_ArticleCenterCircles {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.divwcCentralAmericaTransferUC .psal-form-container .form-row2.full-width {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin-bottom: 0 !important;
}

.divwcCentralAmericaTransferUC .psal-form-container .form-row2 > .text-strong-gray {
    display: block;
    padding-left: 8px;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC .psal-form-container .wizardStep_FrameControlContainer.psal-account-container,
.divwcCentralAmericaTransferUC .psal-form-container .wizardStep_FrameCountryContainerControl.psal-account-container {
    width: 100% !important;
    max-width: none;
    min-height: 48px;
    margin: 0 !important;
    align-self: stretch;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC .psal-account-container .wizardStep-custom-select.wizardStep_ControlForm {
    width: 100% !important;
    max-width: none;
    height: 48px !important;
    min-height: 48px;
    padding: 4px 48px 4px 16px !important;
    margin: 0;
    border: none !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    background-image: none !important;
}

/* Chevron separado del texto  Figma 6271:10423 (icon 24px, gap 8px) */
.divwcCentralAmericaTransferUC .psal-account-container .wizardStep-custom-select.wizardStep_ControlFormBackground::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

.divwcCentralAmericaTransferUC .psal-account-container .wizardStep-custom-select a {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 40px;
    height: 40px;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: auto !important;
    max-width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferUC .psal-account-container .wizardStep-custom-select a span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
}

/* Paso 2 ÔÇö selects nativos (icono separado v├¡a padding-right) */
.divwcCentralAmericaTransferUC select.psal-select,
.divwcCentralAmericaTransferUC select.ddlTipoIdentificacion {
    width: 448px !important;
    max-width: 448px;
    height: 48px !important;
    min-height: 48px;
    box-sizing: border-box;
    padding: 4px 48px 4px 16px !important;
    background-position: right 16px center !important;
    background-size: 24px 24px;
    line-height: 24px;
    appearance: auto;
}

/* Evitar doble background en custom-select paso 1 */
.divwcCentralAmericaTransferUC .psal-account-container .wizardStep-custom-select.wizardStep_ControlFormBackground {
    width: 100% !important;
    background-image: none !important;
}

/* Paso 1 ÔÇö CTA Siguiente (wrapper .psal-step1-cta en StartNavigationTemplate) */
/* GRP-004: bot├│n primario wizard ÔÇö selected, focus, focus-visible */
.divwcCentralAmericaTransferUC input.button_Primary_Left:active,
.divwcCentralAmericaTransferUC input.button_Start_Left:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
    border: none !important;
}

.divwcCentralAmericaTransferUC input.button_Primary_Left:focus:not(:focus-visible),
.divwcCentralAmericaTransferUC input.button_Start_Left:focus:not(:focus-visible) {
    outline: none !important;
    border: none !important;
}

.divwcCentralAmericaTransferUC input.button_Primary_Left:focus-visible,
.divwcCentralAmericaTransferUC input.button_Start_Left:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border: none !important;
}

/* --- Fin Transferencias Centroam├®rica - GDS --- */

/* ============================================================
   GDS-CTF-Favoritas — Transacciones favoritas scoped overrides
   Scope: body:has(.wcFavoriteTransactionsPageScope)
   ============================================================ */

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas {
    gap: 16px;
    align-items: flex-start;
}

/* GRP-001: Espaciado breadcrumb → título (24px) */
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .divPositionBackArrowMenu + .divContentPanelTransaccionesFavoritas {
    margin-top: 24px;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .divPositionBackArrowMenu {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 48px;
    align-items: center;
    align-self: stretch;
}

/* GRP-008: Regresar — mismos estados que ALL_ChangePassword / BREADCRUMB_BACK_GDS_RULES */
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:link,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:visited {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 24px !important;
    padding: 12px 16px 12px 32px !important;
    margin-left: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    min-height: 48px !important;
    height: 48px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    gap: 8px;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:hover {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:active,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:hover:active {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:focus:not(:focus-visible) {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas a.usp-link-regresar.gds-keyboard-focus {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-position: left center !important;
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 3px solid var(--secundarios-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* GRP-002: Espaciado entre links de acción */
body:has(.wcFavoriteTransactionsPageScope) .MarginLinkGridFavoritas {
    margin-right: 16px;
}

/* GRP-005: Grid hover #EEEEEE — fila completa; anula td:hover verde legacy (#E7F7EE) */
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr:hover td,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr.bankstate_row1New:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr.bankstate_row1NewGris:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr.bankstate_row2New:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody td:hover {
    background-color: #EEEEEE !important;
}

/* GRP-006: Text links grid — GDS Text link Primario (Figma 46821:28079 + grid 3164:131500) */
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:link,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:link,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:visited,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:visited {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    outline: none !important;
    border: 1px solid transparent !important;
    border-radius: 0;
    background: inherit !important;
    background-color: inherit !important;
    box-sizing: border-box !important;
    cursor: pointer;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer {
    border-bottom: none !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:hover {
    color: var(--grises-gris-oscuro-70, #717171) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    outline: none !important;
    border-color: transparent !important;
    background: inherit !important;
    background-color: inherit !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr:hover a.article_LinkBack,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr:hover a.LinkButtonPendingTransfer,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr:hover a.article_LinkBack:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody tr:hover a.LinkButtonPendingTransfer:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody td:hover a.article_LinkBack,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tbody td:hover a.LinkButtonPendingTransfer {
    background: #EEEEEE !important;
    background-color: #EEEEEE !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:active,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:active,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:hover:active,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:hover:active {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    background: inherit !important;
    background-color: inherit !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tr:hover a.article_LinkBack:active,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tr:hover a.LinkButtonPendingTransfer:active {
    background: #EEEEEE !important;
    background-color: #EEEEEE !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack.gds-keyboard-focus,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer.gds-keyboard-focus {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px !important;
    border-color: transparent !important;
    background: inherit !important;
    background-color: inherit !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tr:hover a.article_LinkBack:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tr:hover a.LinkButtonPendingTransfer:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tr:hover a.article_LinkBack.gds-keyboard-focus,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew tr:hover a.LinkButtonPendingTransfer.gds-keyboard-focus {
    background: #EEEEEE !important;
    background-color: #EEEEEE !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack:focus:not(:focus-visible),
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer:focus:not(:focus-visible) {
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: underline !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack.aspNetDisabled,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer.aspNetDisabled,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.article_LinkBack[disabled],
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .GridsDataNew a.LinkButtonPendingTransfer[disabled] {
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    text-decoration: underline !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    outline: none !important;
    border-color: transparent !important;
}

/* GRP-007: Botón primario Registrar seleccionadas — PRIMARY_BUTTON_GDS_RULES */
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas input[id$="ctSubmit"],
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .button_PrimaryGreenLarge {
    flex: 0 0 auto !important;
    width: 216px !important;
    max-width: 100%;
    height: 48px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas input[id$="ctSubmit"]:focus:not(:focus-visible),
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .button_PrimaryGreenLarge:focus:not(:focus-visible) {
    background: var(--Color-Button-Enable) !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas input[id$="ctSubmit"]:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .button_PrimaryGreenLarge:focus-visible,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas input[id$="ctSubmit"].gds-keyboard-focus,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .button_PrimaryGreenLarge.gds-keyboard-focus {
    outline: none !important;
    box-shadow: 0 0 0 4px var(--verde-focus-control, #C3E5A9) !important;
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas input[id$="ctSubmit"]:focus-visible:hover,
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .button_PrimaryGreenLarge:focus-visible:hover {
    background: var(--Color-Button-Enable) !important;
}

/* GRP-009: Input correo — estados GDS (patrón ALL_ChangePassword) */
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 48px;
    width: 448px;
    max-width: 100%;
    background: var(--grises-blanco, #ffffff);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper:hover {
    border-color: var(--grises-gris-claro-100, #949494);
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper:has(input:focus):not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    outline: none !important;
    box-shadow: none !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper input[type="text"],
body:has(.wcFavoriteTransactionsPageScope) .divPanelBlancoTransaccionesFavoritas .gds-favoritas-input-wrapper input[id$="ctNotificationAddress"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

/* GRP-010: Overlay wcLoading — pantalla completa + cuadro Procesando centrado */
body:has(.wcFavoriteTransactionsPageScope) .disableback {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: rgba(30, 30, 30, 0.85) !important;
    pointer-events: all !important;
}

body:has(.wcFavoriteTransactionsPageScope) .progress {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10000 !important;
    background: transparent !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

body:has(.wcFavoriteTransactionsPageScope) .progress .divBackgroundLoadingWhite {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
    background: var(--grises-blanco, #ffffff) !important;
}

body:has(.wcFavoriteTransactionsPageScope) [id$='upProgress'] {
    background: transparent !important;
    background-color: transparent !important;
}

/* --- Fin GDS-CTF-Favoritas --- */

/* ============================================================
   GDS-CTF-PlanillaManual-Wizard ÔÇö wcLoadAccByGroupUC scoped (C-03-IMPL full)
   ============================================================ */

/* GRP-001: Espaciado t├¡tulo ÔåÆ formulario paso 1 (40px total) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlsStepWizardPagoPlanillasProveedores {
    margin-top: 16px;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard'] > tbody > tr > td {
    padding-top: 0;
    vertical-align: top;
}

/* GRP-002: Bot├│n regresar ÔÇö alineado con Pago de planillas (wcAccountGroupsUC) */
.divWhitePanelWizardPagoPlanillasProveedores {
    justify-content: flex-start;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionWizardControlsPagoPlanillasProveedores > .form-row:not(:has(.divNotificacionContainerClave)) {
    display: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionBackArrowMenu {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 48px;
    align-items: center;
    align-self: stretch;
    margin-top: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionBackArrowMenu + .divPositionTitlePagoPlanillasProveedores {
    margin-top: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTitlePagoPlanillasProveedores {
    width: 100%;
    max-width: 912px;
    align-self: center;
}

.divWhitePanelWizardPagoPlanillasProveedores .usp-link-regresar {
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}

.divWhitePanelWizardPagoPlanillasProveedores .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .usp-link-regresar:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
}

.divWhitePanelWizardPagoPlanillasProveedores .usp-link-regresar:focus-visible {
    height: 48px;
    min-height: 48px;
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 0;
    border-radius: 0;
    text-decoration: none;
}

/* GRP-003: Bot├│n primario Siguiente ÔÇö layout scoped + estados v├¡a button_PrimaryGreenLarge (Transacciones favoritas) */
.divWhitePanelWizardPagoPlanillasProveedores #ctl00_childContent_ctwcLoadAccByGroupUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton,
.divWhitePanelWizardPagoPlanillasProveedores input[id*='ctwcLoadAccByGroupUC_ctWizard_StartNavigationTemplateContainerID_StartNextButton'],
.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-planilla-start-nav .button_PrimaryGreenLarge,
.divWhitePanelWizardPagoPlanillasProveedores .button_PrimaryGreenLarge,
.divWhitePanelWizardPagoPlanillasProveedores input.button_PrimaryGreenLarge {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 216px !important;
    max-width: 100%;
    flex: 0 0 auto !important;
    float: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-planilla-start-nav .button_PrimaryGreenLarge:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores .button_PrimaryGreenLarge:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-planilla-start-nav .button_PrimaryGreenLarge:focus-visible:hover,
.divWhitePanelWizardPagoPlanillasProveedores .button_PrimaryGreenLarge:focus-visible:hover {
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

/* Siguiente paso ctStart ÔÇö Figma 2436:62574 (bloque 448px, gap 40px, CTA alineado a la derecha) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard'] {
    width: 448px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard'] > tbody > tr[id*='StartNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard'] > tbody > tr > td[id*='StartNavigationTemplateContainerID'] {
    padding-top: 0;
    text-align: right;
    width: 448px;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: top;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-planilla-start-nav {
    width: 448px;
    max-width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* GRP-004: Dropdown grupo  Figma 2436:62588 (py 4px, texto 40px, icono 24px  48px total) */
.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select {
    width: 448px;
    max-width: 100%;
    margin-bottom: 0;
    align-self: stretch;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select.wizardStep_FrameControlContainer,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select.wizardStep_FrameControlContainer {
    border: 1px solid var(--grises-gris-claro-40, #BFBFBF);
    border-radius: 8px;
    background: var(--grises-blanco, #ffffff);
    min-height: 48px;
    box-sizing: border-box;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select.wizardStep_FrameCountryContainerControl,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select.wizardStep_FrameCountryContainerControl {
    margin-bottom: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select.wizardStep_ControlForm,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select.wizardStep_ControlForm {
    width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 4px 16px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    display: flex;
    align-items: center;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select.wizardStep_ControlFormBackground,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select.wizardStep_ControlFormBackground {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    background-origin: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select a,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select a {
    width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 32px 0 0;
    box-sizing: border-box;
    background: none !important;
    background-image: none !important;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select a span,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select a span {
    width: 100%;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select > div,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select > div {
    margin: 0 !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    width: 100% !important;
    border: 1px solid var(--grises-gris-claro-40, #BFBFBF) !important;
    border-radius: 8px;
    border-top: 1px solid var(--grises-gris-claro-40, #BFBFBF) !important;
}

/* Alinear texto lista desplegada con texto del campo cerrado (padding-left 16px) */
.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select > div > div,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select > div > div {
    margin: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select div ul li,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select div ul li {
    padding: 8px 16px;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    height: auto;
    min-height: 48px;
    max-height: 72px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select div ul li:first-child,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select div ul li:first-child {
    padding-top: 16px;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select > select.wizardStep-custom-select,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select > select.wizardStep-custom-select {
    width: 100%;
    height: 48px;
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    padding: 4px 16px;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    color: #3f3f3f;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select select,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select select {
    background-image: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
}

/* GRP-005: Dropdown grupo ÔÇö estados hover/focus/abierto */
.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select.wizardStep_FrameControlContainer:hover,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select.wizardStep_FrameControlContainer:hover {
    border-color: var(--grises-gris-claro-100, #717171);
    border-width: 1px;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select.wizardStep_FrameControlContainer:focus-within:not(:has(:focus-visible)),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select.wizardStep_FrameControlContainer:focus-within:not(:has(:focus-visible)) {
    border-color: #00693C !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select.wizardStep_FrameControlContainer:has(a:focus-visible):not(:has(.wizardStep-custom-select-open)),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select.wizardStep_FrameControlContainer:has(a:focus-visible):not(:has(.wizardStep-custom-select-open)) {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select:has(.wizardStep-custom-select-open),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select:has(.wizardStep-custom-select-open) {
    border-color: #00693C !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select div ul li.active.option-hover,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select div ul li.active.option-hover {
    background: var(--Color-Green-Selected, #EEF7E6);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select div ul li.active:hover,
.divWhitePanelWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select div ul li.active.option-hover:hover,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select div ul li.active:hover,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select div ul li.active.option-hover:hover {
    background: var(--grises-gris-claro2-10, #EEEEEE);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

/* Internacionales ÔÇö b├║squeda en panel desplegable (Planillas usa search: false) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select .wizardStep-custom-select > div > input {
    width: calc(100% - 32px) !important;
    margin: 8px 16px 0 !important;
    padding: 8px 12px;
    box-sizing: border-box;
    border: 1px solid var(--grises-gris-claro-40, #BFBFBF);
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
}

/* Internacionales ÔÇö validaci├│n: borde rojo en el frame del dropdown */
.divwcCentralAmericaTransferIN .divContentLabelControlWizardPagoPlanillasProveedores .divPositionControlWizardPagoPlanillasProveedores.div_BorderRed .gds-acc-group-list-select.wizardStep_FrameControlContainer {
    border-color: var(--Color-Alert-Red, #C30000) !important;
    border-width: 2px !important;
}

.divwcCentralAmericaTransferIN .divContentLabelControlWizardPagoPlanillasProveedores .divPositionControlWizardPagoPlanillasProveedores.div_BorderRed .gds-acc-group-list-select.wizardStep_FrameControlContainer:hover {
    border-color: var(--Color-Alert-Red, #C30000) !important;
    border-width: 2px !important;
}

/* Dropdown error ÔÇö ├¡cono a la par del chevron (Figma 29157:29867: alert + gap 16px + flecha) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divPositionControlWizardPagoPlanillasProveedores {
    position: relative;
    width: 448px;
    max-width: 100%;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divPositionControlWizardPagoPlanillasProveedores .div_IconErrorAlertTransferenciasLocales,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divimgAlertaPais'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divimgAlerta'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divimgAlertaMotivo'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divimgAlertaBankIdCodeType'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divimgAlertaBenefBankCountryCode'] {
    position: absolute !important;
    top: 12px !important;
    right: 56px !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
    z-index: 2;
    pointer-events: none;
    align-self: auto;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divPositionControlWizardPagoPlanillasProveedores.div_BorderRed .gds-acc-group-list-select .wizardStep-custom-select a {
    padding-right: 80px !important;
}

/* Mensaje "El campo es requerido" ÔÇö una l├¡nea, alineado como Ciudad (Caption Bold) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divErrorPais'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divErrorCuenta'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divErrorMotivo'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divErrorBankIdCodeType'],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) [id$='_divErrorBenefBankCountryCode'] {
    width: 100% !important;
    max-width: 448px !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .div_ErrorCuenta {
    display: block !important;
    width: 100% !important;
    max-width: 448px !important;
    margin: 0 !important;
    padding: 8px 5px 5px 15px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: var(--body-regular-body-xs-font-size, 14px) !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores div.wizardStep_FrameControlContainer:focus-within:not(.gds-acc-group-list-select) {
    border-color: var(--grises-gris-claro-40, #BFBFBF);
    border-width: 1px;
}

.divWhitePanelWizardPagoPlanillasProveedores div.wizardStep_FrameControlContainer:has(:focus-visible):not(.gds-acc-group-list-select) {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 4px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores div.wizardStep_FrameControlContainer:has(select:focus):not(.gds-acc-group-list-select),
.divWhitePanelWizardPagoPlanillasProveedores div.wizardStep_FrameControlContainer:has(input:focus:not(:focus-visible)):not(.gds-acc-group-list-select) {
    border-color: #00693C !important;
    border-width: 1px !important;
}


/* GRP-006: Radio Manual/Archivo ÔÇö zona activa card */
.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option {
    width: 448px;
    max-width: 100%;
    height: 48px;
    min-height: 48px;
    margin-bottom: 0;
    border-radius: 8px;
    border: 1px solid var(--grises-gris-claro-40, #BFBFBF);
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option:hover {
    border-color: var(--grises-gris-claro-100, #717171);
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option:has(input:checked):not(:focus-visible):not(:has(input:focus-visible)) {
    border-color: #00693C;
    border-width: 1px;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option:has(input:focus-visible) {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio input[type="radio"]:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio input[type="radio"]:focus-visible {
    outline: none;
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option table,
.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .radio-card-option td {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio .divradiobuttonpagoprovplanilla,
.divWhitePanelWizardPagoPlanillasProveedores .gds-wizard-load-acc-radio input[type="radio"] {
    margin-right: 8px;
    margin-left: 0;
}

/* GDS-CTF-PlanillaManual-Condiciones ÔÇö ConditionsStep scoped (C-03-IMPL full) */

/* GRP-003: ancho acorde├│n 912px */
.divWhitePanelWizardPagoPlanillasProveedores .cond-item {
    width: 100%;
    max-width: 912px;
}

/* GRP-001: altura header acorde├│n 48px */
.divWhitePanelWizardPagoPlanillasProveedores .cond-header {
    min-height: 48px;
    padding: 12px 0;
    align-items: center;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .cond-chevron svg {
    width: 24px;
    height: 24px;
}

/* GRP-002: espaciado acorde├│n ÔåÆ botones 40px + alineaci├│n 912px centrada (UX Nota 5 / FIND-002) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) {
    width: 100%;
    max-width: 912px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) .divMarginTermsConditionsPagoProvPlan {
    margin-left: 145px;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) .cond-footer {
    margin-top: 40px;
    margin-bottom: 0;
}

/* Botonera paso Condiciones ÔÇö contenedor flex 912px (Figma 3158:109091) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) .gds-wizard-planilla-step-nav {
    width: 100%;
    max-width: 912px;
    margin: 40px auto 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) .gds-wizard-planilla-step-nav input.button_Start_Left,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) .gds-wizard-planilla-step-nav input.Button-White-Secondary {
    margin: 0 !important;
    float: none !important;
    flex: 0 0 auto !important;
    width: 216px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.cond-item) > tbody > tr > td[id*='StepNavigationTemplateContainerID'] {
    padding-top: 0;
}

/* --- GDS-CTF-PlanillasCargaArchivo ÔÇö FirstStepFile layout (Figma 2437:66161) --- */

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) {
    width: 100%;
    max-width: 912px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) > tbody > tr > td {
    text-align: center;
    vertical-align: top;
}

/* Stepper centrado bajo t├¡tulo ÔÇö Figma 5406:53150 (360px) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divMarginTermsConditionsPagoProvPlan {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .wizardStep_ArticleCenterCircles {
    margin-left: 0;
}

/* Gap 24px stepper  formulario (Figma 2437:66165) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .tableform {
    margin-top: 24px;
    margin-bottom: 0;
    width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .tableform td {
    text-align: center;
    vertical-align: top;
}

/* Bloque central upload ÔÇö 576├ù116 centrado (Figma 2437:69839 / 2437:66184) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .divContenedorControlFileUpload {
    width: 576px;
    max-width: 100%;
    align-self: center;
    align-items: stretch;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .divDistribucionControlFileUpload {
    width: 100%;
    align-items: stretch;
    align-self: stretch;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .StyleBorderControlFileUpload {
    width: 576px;
    max-width: 100%;
    height: 116px;
    min-height: 116px;
    max-height: 116px;
    box-sizing: border-box;
    outline: none !important;
    outline-offset: 0 !important;
}

/* Dropzone ÔÇö hover/active/focus solo color, grosor 1px fijo */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading):not(.gds-file-upload--drag):not(.gds-file-upload--completed):not(:has(input[type="file"]:disabled)):hover {
    border: 1px dashed var(--grises-gris-oscuro-70, #717171) !important;
    padding: 10px 16px 6px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading):not(.gds-file-upload--completed):not(:has(input[type="file"]:disabled)):active {
    border: 1px dashed var(--grises-gris-oscuro-80, #3f3f3f) !important;
    padding: 10px 16px 6px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .StyleBorderControlFileUpload:not(.gds-file-upload--loading):not(.gds-file-upload--completed):focus-within {
    border: 1px dashed var(--grises-gris-oscuro-80, #3f3f3f) !important;
    padding: 10px 16px 6px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .divPositionVerEstrucFileUpload {
    width: 100%;
    text-align: center;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload input[id*='cbLoad'] {
    margin-left: auto;
    margin-right: auto;
    flex: 0 0 auto !important;
}

/* Bot├│n Cargar ÔÇö focus sin layout-shift (patr├│n Beneficiario L23396) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload input[id*='cbLoad']:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload input.Button-White-Secondary[id*='cbLoad']:focus-visible {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
    outline-offset: 0 !important;
    width: 181px !important;
    height: 48px !important;
    flex: 0 0 auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionControlFileUpload) .divPositionControlFileUpload .GridsDataNew {
    width: 100%;
    max-width: 576px;
    align-self: stretch;
    margin-left: auto;
    margin-right: auto;
}

/* Grid preview ÔÇö contenedor 576px (Figma 2437:66184 / 7470:18981) */
.divWhitePanelWizardPagoPlanillasProveedores .gds-file-upload-grid-wrap {
    width: 100%;
    max-width: 576px;
    margin: 24px auto 0 auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) .divPositionControlFileUpload {
    align-items: stretch !important;
    width: 100% !important;
    max-width: 576px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .gds-file-upload-grid-wrap .GridsDataNew {
    width: 100% !important;
    max-width: 576px;
    table-layout: auto;
    box-sizing: border-box;
}

/* Botonera ÔÇö alineada al borde del grid (576px / space-between) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) > tbody > tr > td[id*='StepNavigationTemplateContainerID'] {
    padding-top: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    vertical-align: top;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) .gds-wizard-planilla-step-nav {
    width: 100% !important;
    max-width: 576px !important;
    margin: 24px auto 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px;
    box-sizing: border-box;
    float: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) .gds-wizard-planilla-step-nav input.button_Start_Left,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) .gds-wizard-planilla-step-nav input.Button-White-Secondary,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) .gds-wizard-planilla-step-nav input.divMarginTermsConditionsPagoProvPlanStep2 {
    margin: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    flex: 0 0 216px !important;
    width: 216px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

/* GDS-CTF-PlanillasCargaArchivo GRP-003: Anterior ÔÇö focus sin layout-shift (FirstStepFile) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.gds-file-upload-grid-wrap) .gds-wizard-planilla-step-nav input.Button-White-Secondary:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

/* Botonera paso Beneficiario ÔÇö flex 912px full-width, margin-top 24px (Figma 2436:62429) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .gds-wizard-planilla-step-nav,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionTableStep3PlaProv) .gds-wizard-planilla-step-nav {
    width: 100%;
    max-width: 912px;
    margin: 24px auto 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .gds-wizard-planilla-step-nav input.button_Start_Left,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .gds-wizard-planilla-step-nav input.Button-White-Secondary,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionTableStep3PlaProv) .gds-wizard-planilla-step-nav input.button_Start_Left,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionTableStep3PlaProv) .gds-wizard-planilla-step-nav input.Button-White-Secondary {
    margin: 0 !important;
    float: none !important;
    flex: 0 0 auto !important;
    width: 216px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) > tbody > tr > td[id*='StepNavigationTemplateContainerID'],
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionTableStep3PlaProv) > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositionTableStep3PlaProv) > tbody > tr > td[id*='StepNavigationTemplateContainerID'] {
    padding-top: 0;
}

/* Otros pasos legacy (excluye FirstStepFile carga archivo): conservar posicionamiento legacy de Siguiente */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:not(:has(.cond-item)):not(:has(.divContentBorderStep3ProvPlan)):not(:has(.divContenedorControlsSte4PlaProv)):not(:has(.divPositionControlFileUpload)) .gds-wizard-planilla-step-nav input.button_Start_Left {
    margin-left: 630px;
}

/* GRP-005: stepper paso completado #549820 */
.divWhitePanelWizardPagoPlanillasProveedores .wizardStep_ArticleCenterCircleUsed {
    border-color: var(--secundarios-secundario-80, #549820);
}

.divWhitePanelWizardPagoPlanillasProveedores .wizardStep_ArticleCenterCircleSplitter2pasosUsed {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/LineStep2pasosUsedGDS.svg");
}

/* GRP-006/007: bot├│n primario StepNext button_Start_Left ÔÇö estados GDS */
.divWhitePanelWizardPagoPlanillasProveedores input.button_Start_Left:enabled,
.divWhitePanelWizardPagoPlanillasProveedores input.button_Start_Left:hover {
    cursor: pointer !important;
}

.divWhitePanelWizardPagoPlanillasProveedores input.button_Start_Left:disabled {
    cursor: not-allowed !important;
}

.divWhitePanelWizardPagoPlanillasProveedores input.button_Start_Left:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
    border: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores input.button_Start_Left:focus:not(:focus-visible) {
    outline: none !important;
    border: none !important;
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores input.button_Start_Left:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border: none !important;
    line-height: 24px !important;
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

/* --- GDS-CTF-PlanillaManual-Beneficiario (Paso FirstStepManual) --- */

/* Layout columna 912px ÔÇö Figma 2436:62405 (formulario + botonera alineados) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) {
    width: 100%;
    max-width: 912px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) > tbody > tr > td {
    text-align: center;
}

/* Stepper centrado bajo t├¡tulo ÔÇö solo paso Beneficiario (FirstStepManual); no altera bolitas/estilos globales */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .divMarginTermsConditionsPagoProvPlan {
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .wizardStep_ArticleCenterCircles {
    margin-left: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan {
    width: 100%;
    max-width: 912px;
    box-sizing: border-box;
    gap: 24px !important;
    align-items: center;
    margin-bottom: 0;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlsStep3ProvPlan {
    width: 448px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    text-align: left;
}

/* Panel cuenta ÔÇö mismo ancho/alineaci├│n que el resto (Figma 2436:62422 w 448px) */
.divWhitePanelWizardPagoPlanillasProveedores [id*='cgLLPanel'].stylePanelControlsAccountCurrencyStep3ProvPla {
    width: 448px;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* Figma 2436:62419  gap 24px entre grupos de campo; gap 4px labelinput dentro del grupo */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .gds-beneficiario-form-fields,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla.gds-beneficiario-form-fields {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 448px;
    max-width: 100%;
    align-items: flex-start;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .gds-beneficiario-field-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 448px;
    max-width: 100%;
    align-items: flex-start;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .gds-beneficiario-field-group--cta {
    gap: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores [id*='cgLLPanel'] .gds-beneficiario-field-group--account {
    gap: 4px;
    width: 448px;
    max-width: 100%;
}

/* N├║mero de cuenta + Verificar ÔÇö gap 16px interno (Figma 2436:62421 input + cta) */
.divWhitePanelWizardPagoPlanillasProveedores [id*='cgLLPanel'] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 448px;
    max-width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .divMarginAmountProvPla {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 448px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores [id*='cgLLPanel'] .divMarginAccountStep3PlaProv {
    margin-top: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) > tbody > tr > td[id*='StepNavigationTemplateContainerID'] {
    padding-top: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .gds-wizard-planilla-step-nav {
    text-align: left;
}

/* GRP-004/005: Bot├│n A├▒adir ÔÇö altura GDS 48px + alineaci├│n icono */
.divWhitePanelWizardPagoPlanillasProveedores input.imgPagoProveedoresPlanillasAddPay {
    height: 48px !important;
    min-height: 48px;
    box-sizing: border-box;
    padding: 12px 40px 12px 16px;
    background-position: right 16px center;
    background-size: 24px 24px;
    line-height: 24px;
}

/* Reset legacy margins ÔÇö el gap 24px de .gds-beneficiario-form-fields los reemplaza */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla .divStyleLabelWizardPagoPlanillasProveedores[id*='clAmount'],
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla .divStyleLabelWizardPagoPlanillasProveedores[id*='clNotificationEmail'],
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla .marginControlsProvPlanilla,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla #divBorderNoificationEmail,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan input.imgPagoProveedoresPlanillasAddPay {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla .div_ErrorMessageValidator,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan [id*='cgLLPanel'] .div_ErrorMessageValidator {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 16px;
    background-color: transparent;
    background-image: none;
    gap: 0;
    color: var(--Alertas-Rojo-error, #C30000) !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.1px;
}

/* GDS Input error ÔÇö Figma 1633:22829 (Error din├ímico) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.div_BorderRed,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer.div_BorderRed {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    padding-right: 48px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.div_BorderRed:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.div_BorderRed:focus-within,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.div_BorderRed:active,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.div_BorderRed.gds-keyboard-focus,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer.div_BorderRed:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer.div_BorderRed:focus-within,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer.div_BorderRed:active,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer.div_BorderRed.gds-keyboard-focus {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

/* GRP-006: Labels padding-left 8px */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .divStyleLabelWizardPagoPlanillasProveedores,
.divWhitePanelWizardPagoPlanillasProveedores .stylePanelControlsAccountCurrencyStep3ProvPla .divStyleLabelWizardPagoPlanillasProveedores {
    padding-left: 8px;
}

/* GRP-007: Alerta plResultError ÔÇö full-width (Figma hallazgo 11 / FIND-007) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionWizardControlsPagoPlanillasProveedores > .form-row:has(.divNotificacionContainerClave) {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores [id*='plResultError'] {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divNotificacionContainerClave {
    display: flex;
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    box-sizing: border-box;
    height: auto;
    min-height: 45px;
    top: 0;
    align-items: stretch;
    overflow: visible;
}

.divWhitePanelWizardPagoPlanillasProveedores .divNotificacionContainerTamano {
    align-self: stretch;
    padding: 10px 0 10px 10px;
    align-items: center;
    display: flex;
    flex-shrink: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divNotificacionLineaError {
    width: 2px;
    min-height: 24px;
    height: auto;
    align-self: stretch;
    transform: none;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--Color-Alert-Red, #C30000);
}

.divWhitePanelWizardPagoPlanillasProveedores .divNotificacionContainerAlerta {
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divNotificacionContainerAlertaPosicion {
    align-items: center;
    width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPosicionTextoError {
    padding-top: 0;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPosicionTextoError label,
.divWhitePanelWizardPagoPlanillasProveedores .divPosicionTextoError span {
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    word-wrap: break-word;
}

/* GRP-008/010: Grid contenedor 912px + espaciado formgrid 16px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv {
    width: 100%;
    max-width: 912px;
    margin-top: 16px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
}

/* GRP-008: Grid ctDetailLines ÔÇö alineado con wcAccountGroupsUC / Figma 2436:62975 (Caption 12px) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew {
    width: 100%;
    max-width: 912px;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    border-collapse: collapse;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew tr {
    height: 48px;
    max-height: 48px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew th,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew td {
    height: 48px;
    max-height: 48px;
    padding: 12px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 18px;
    letter-spacing: 0.1px;
    overflow: hidden;
    width: auto;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew th {
    background-image: none;
    background-color: var(--grises-gris-claro2-10, #f5f5f5);
    border-bottom: 1px solid #787878;
    white-space: nowrap;
    font-weight: 700;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew td {
    font-weight: 400;
    border-bottom: 1px solid #E9E9E9;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1px;
    font-weight: 700;
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew tr.bankstate_row1New td,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew tr.bankstate_row2New td,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew tr.bankstate_row1NewGris td {
    background-color: #FFFFFF;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew td:hover {
    background-color: inherit;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionTableStep3PlaProv .GridsDataNew tbody tr:not(:first-child):hover td {
    background-color: #EEEEEE;
}

/* GDS-CTF-PlanillasCargaArchivo GRP-014: Grid ctTransactionList ÔÇö carga por archivo (Figma 7470:18981 / 576px) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew {
    width: 100%;
    max-width: 576px;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    border-collapse: collapse;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew tr {
    height: 48px;
    max-height: 48px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew th,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew td {
    height: 48px;
    max-height: 48px;
    padding: 12px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 18px;
    letter-spacing: 0.1px;
    overflow: hidden;
    width: auto;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew th {
    background-image: none;
    background-color: var(--grises-gris-claro2-10, #f5f5f5);
    border-bottom: 1px solid #787878;
    white-space: nowrap;
    font-weight: 700;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew td {
    font-weight: 400;
    border-bottom: 1px solid #E9E9E9;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew tr.bankstate_row1New td,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew tr.bankstate_row2New td,
.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew tr.bankstate_row1NewGris td {
    background-color: #FFFFFF;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew td:hover {
    background-color: inherit;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositionControlFileUpload .GridsDataNew tbody tr:not(:first-child):hover td {
    background-color: #EEEEEE;
}

/* GDS Input states ÔÇö Figma 1633:22503 / layout Figma 2436:62405 (448px) ÔÇö paso Beneficiario */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer {
    box-sizing: border-box;
    width: 448px;
    max-width: 100%;
    min-height: 48px;
    padding: 0;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    align-self: flex-start;
    gap: 0 !important;
    background-color: var(--grises-blanco, #ffffff);
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Anula PositionControlAccountStep3ProvPla cuando está en el frame (legacy mal aplicado) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.PositionControlAccountStep3ProvPla {
    flex-direction: row !important;
    align-items: center !important;
    align-self: flex-start;
    gap: 0 !important;
    border-radius: 8px !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount .wizardStep_FrameControlContainerAmount {
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

/* Inputs ÔÇö padding interno GDS (px 16 / py 12); borde redondeado en el contenedor */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer input,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer textarea,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount input {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    outline: none;
    border: none;
    background-color: transparent;
    background-image: none;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}

/* Anula anchos legacy (#ctl00_ width:434px + margin-right)  $= evita matchear #divBorderctDetail / ctDetailLines */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan [id*='ctAccountNumber'],
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan [id$='_ctDetail'],
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan [id*='ctNotificationEmail'],
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan [id*='ctAmount'] {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}

/* Contenedor Detalle ÔÇö el selector [id*='ctDetail'] le aplicaba padding extra por coincidir con divBorderctDetail */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderctDetail.wizardStep_FrameControlContainer {
    height: 48px;
    max-height: 48px;
    min-height: 48px;
    padding: 0 !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderctDetail.wizardStep_FrameControlContainer [id$='_ctDetail'] {
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    line-height: 24px !important;
    border-radius: 0 !important;
}

/* Sin icono en el input ÔÇö el icono va en el contenedor (GDS) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer input.div_IconErrorAlert,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount input.div_IconErrorAlert {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer input::placeholder,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount input::placeholder {
    color: var(--grises-gris-claro-100, #949494);
    opacity: 1;
}

/* Hover ÔÇö Gris claro 100 (#949494) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer:hover:not(:active):not(:focus-within),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer:hover:not(:active):not(:focus-within) {
    border-color: var(--grises-gris-claro-100, #949494);
    box-shadow: none;
}

/* Selected ÔÇö click sostenido (Gris oscuro 70 / #717171) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer:active:not(:has(:focus-visible)),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer:active:not(:has(:focus-visible)) {
    border-color: var(--selected-borde, #717171);
    box-shadow: none;
}

/* Activated ÔÇö mouse / pointer (Verde primario #00693C); anula :focus-visible global en click */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer:has(:focus-visible):not(.gds-keyboard-focus),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer:has(:focus-visible):not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Focused ÔÇö solo Tab (clase gds-keyboard-focus v├¡a JS; Secundario 30 #C3E5A9 sin layout-shift) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer.gds-keyboard-focus,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Disabled ÔÇö Gris claro 40 (#C4C4C4) */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer:has(input:disabled),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer:has(textarea:disabled),
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount.wizardStep_FrameControlContainer:has(input:disabled) {
    border-color: var(--grises-gris-claro-40, #C4C4C4);
    background: var(--grises-blanco, #ffffff);
    box-shadow: none;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer input:disabled,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan div.wizardStep_FrameControlContainer textarea:disabled,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan #divBorderAmount input:disabled {
    color: var(--grises-gris-claro-40, #C4C4C4);
    -webkit-text-fill-color: var(--grises-gris-claro-40, #C4C4C4);
    cursor: not-allowed;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .stylePanelControlsAccountCurrencyStep3ProvPla:has(input:disabled) .divStyleLabelWizardPagoPlanillasProveedores,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan [id*='cgLLPanel']:has(input:disabled) .divStyleLabelWizardPagoPlanillasProveedores {
    color: var(--grises-gris-claro-40, #C4C4C4);
}

/* Helper text ÔÇö Caption Bold, Gris claro 100, padding-left 16px */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan .divLabelInstAmount {
    padding-left: 16px;
    color: var(--grises-gris-claro-100, #949494);
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.1px;
}

/* Botones formulario ÔÇö focus sin layout-shift */
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan input.Button-White-Secondary:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores .divContentBorderStep3ProvPlan input.imgPagoProveedoresPlanillasAddPay:focus-visible {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
    outline-offset: 0 !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .gds-wizard-planilla-step-nav input.button_Start_Left:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContentBorderStep3ProvPlan) .gds-wizard-planilla-step-nav input.Button-White-Secondary:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

/* --- GDS-CTF-PlanillaManual-VistaPrevia (Figma 2436:64371 / hallazgos 7436:89159) --- */

/* GRP-009: wizard centrado 984px (form + grid + botonera) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) {
    width: 984px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) > tbody > tr > td {
    text-align: left;
    vertical-align: top;
}

/* Stepper centrado bajo t├¡tulo ÔÇö alineado con Beneficiario / Figma 5406:53709 */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .divMarginTermsConditionsPagoProvPlan {
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .wizardStep_ArticleCenterCircles {
    margin-left: 0;
    margin-bottom: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContenedorControlsSte4PlaProv > div[id*='PnlCargaManualVistaPrev'],
.divWhitePanelWizardPagoPlanillasProveedores .divContenedorControlsSte4PlaProv > div[id*='pnlCargaArchivoVistaPrevia'] {
    width: 100%;
    align-self: stretch;
}

/* GRP-009: contenedor step ÔÇö ancho 984px centrado, secciones alineadas izquierda */
.divWhitePanelWizardPagoPlanillasProveedores .divContenedorControlsSte4PlaProv {
    width: 984px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    align-items: flex-start;
    gap: 40px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContenedorControlsSte4PlaProv .divPositionLabelOrigenSte4PlaProv,
.divWhitePanelWizardPagoPlanillasProveedores .divContenedorControlsSte4PlaProv .divPositionDestinoSte4PlaProv {
    width: 100%;
    align-self: stretch;
}

.divWhitePanelWizardPagoPlanillasProveedores .divContenedorControlsSte4PlaProv .StyleSubTitleStep4ProvPla {
    text-align: left;
    align-self: stretch;
}

/* GRP-009: grid contenedor 984px fijo (Figma planilla-resumen) */
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv {
    width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

/* GRP-009: Grid ctAccValidation ÔÇö 984px, Caption 12px, filas 48px, sin hover */
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew {
    width: 100%;
    max-width: 984px;
    table-layout: fixed;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    border-collapse: collapse;
    cursor: default;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr {
    height: 48px;
    max-height: 48px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td {
    height: 48px;
    max-height: 48px;
    padding: 12px 8px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 18px;
    letter-spacing: 0.1px;
    overflow: hidden;
    width: auto;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th {
    background-image: none;
    background-color: var(--grises-gris-claro2-10, #f5f5f5);
    border-bottom: 1px solid #787878;
    white-space: nowrap;
    font-weight: 700;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td {
    font-weight: 400;
    border-bottom: 1px solid #E9E9E9;
}

/* GRP-009: anchos de columna ÔÇö Figma 2436:64983, correo ampliado para emails corporativos */
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(1),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(1) {
    width: 5%;
    min-width: 36px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(2),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(2) {
    width: 6%;
    min-width: 52px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(3),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(3) { width: 13%; }

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(4),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(4) { width: 9%; }

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(5),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(5) { width: 6%; }

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(6),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(6) { width: 12%; }

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(7),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(7) { width: 10%; }

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(8),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(8) {
    width: 29%;
    min-width: 200px;
    padding-left: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew th:nth-child(9),
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(9) { width: 10%; }

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:nth-child(6) {
    white-space: normal;
    word-break: break-word;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr.bankstate_row1New td,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr.bankstate_row2New td,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr.bankstate_row1NewGris td {
    background-color: #FFFFFF;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew td:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr.bankstate_row1New:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr.bankstate_row1NewGris:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tr.bankstate_row2New:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divSizeTableDestinoSte4PlaProv .GridsDataNew tbody tr:not(:first-child):hover td {
    background-color: inherit !important;
    cursor: default !important;
}

/* Botonera paso Vista previa ÔÇö mismo ancho que grid 984px (Figma 2436:64371) */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) > tbody > tr > td[id*='StepNavigationTemplateContainerID'] {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 984px;
    max-width: 100%;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav {
    width: 100%;
    max-width: 984px;
    margin: 24px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.button_Start_Left,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.Button-White-Secondary,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.divMarginTermsConditionsPagoProvPlanStep2 {
    margin: 0 !important;
    float: none !important;
    flex: 0 0 216px !important;
    width: 216px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.button_Start_Left:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.Button-White-Secondary:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.button_Start_Left:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divContenedorControlsSte4PlaProv) .gds-wizard-planilla-step-nav input.button_Start_Left:focus:not(:focus-visible) {
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

/* --- GDS-CTF-PlanillaManual-Resumen (Figma 7436:89820 / WizardStep6) --- */

/* GRP-010: wizard centrado 984px ÔÇö paso Resumen */
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositoResumenSte4PlaProv) {
    width: 984px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositoResumenSte4PlaProv) > tbody > tr > td {
    text-align: left;
    vertical-align: top;
}

/* GRP-003: Regresar ÔåÆ t├¡tulo ÔåÆ stepper ÔÇö 24px v├¡a gap del contenedor (sin margen extra) */
.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .divPositionBackArrowMenu + .divPositionTitlePagoPlanillasProveedores {
    margin-top: 0 !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .divPositionWizardControlsPagoPlanillasProveedores {
    gap: 24px;
}

/* GRP-005: stepper centrado bajo t├¡tulo ÔÇö solo layout (sin alterar estilos del stepper) */
.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .divSizeResumenSte4PlaProv > div[id*='PnlCargaManualResumen'],
.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .divSizeResumenSte4PlaProv > div[id*='pnlCargaArchivoResumen'] {
    align-self: stretch;
    width: 100%;
    display: flex;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .divMarginTermsResumenManualPagoProvPlan,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositoResumenSte4PlaProv) .divMarginTermsResumenManualPagoProvPlan {
    margin-left: 0 !important;
    width: 100%;
    display: flex;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .wizardStep_ArticleCenterCircles,
.divWhitePanelWizardPagoPlanillasProveedores table[id*='ctwcLoadAccByGroupUC_ctWizard']:has(.divPositoResumenSte4PlaProv) .wizardStep_ArticleCenterCircles {
    margin-left: 0 !important;
    margin-bottom: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv {
    width: 100%;
    max-width: 984px;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divSizeResumenSte4PlaProv {
    width: 100%;
    padding-right: 0;
    gap: 24px;
    box-sizing: border-box;
}

/* GRP-006/007: bloques resumen ÔÇö ancho 984px, secciones gap 40px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionWcSummary {
    width: 100%;
    max-width: 984px;
    margin-left: 0;
    margin-right: 0;
    align-items: flex-start;
    gap: 24px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv #print_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    box-sizing: border-box;
}

/* Wrappers internos ÔÇö columna 672px centrada dentro del wizard 984px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv #print_content > .section,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv #print_content > .divPositionwcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv #print_content .divPositionwcSummary {
    width: 100%;
    max-width: 672px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv #print_content .divSizePanelwcSummary {
    width: 100%;
    max-width: 672px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionwcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divSizePanelwcSummary {
    width: 100%;
    max-width: 984px;
    margin-left: 0;
    align-items: flex-start;
    box-sizing: border-box;
}

/* Informaci├│n de origen ÔÇö Figma 3991:132351: filas y rayitas 672px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize {
    width: 100%;
    max-width: 672px;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: flex-start;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize .divPositionControlsOriginWcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize .div_SummaryContentEstructureItem,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize .div_SummaryContentEstructureItemDetail,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize .div_SummaryLineItem {
    width: 100%;
    max-width: 672px;
    box-sizing: border-box;
}

/* Informaci├│n de destino + Detalle de firmantes ÔÇö mismo ancho 672px que origen */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize {
    width: 100%;
    max-width: 672px;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: flex-start;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize .divPositionControlsDestinoWcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize fieldset,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize fieldset > div,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize .div_SummaryLineItem {
    width: 100%;
    max-width: 672px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionControlsOriginWcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionControlsDestinoWcSummary {
    width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .wizardStep_FrameControlSubTitle,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divMarginTitleWcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .fieldsettitle {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize > .divMarginTitleWcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize .wizardStep_FrameControlSubTitle.divMarginTitleWcSummary {
    margin-bottom: 8px !important;
    margin-top: 0 !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize fieldset > legend.fieldsettitle {
    display: block;
    width: 100%;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

/* GRP-006: filas resumen 48px ÔÇö ocultar vac├¡as solo en origen (LIOF/Comprobante) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionControlsOriginWcSummary > .div_SummaryContentEstructureItem:not(:has(span)):not(:has(label)) {
    display: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionControlsOriginWcSummary > .div_SummaryContentEstructureItem {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box;
    position: relative;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .div_SummaryContentEstructureItem,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .div_SummaryContentEstructureItemDetail {
    width: 100%;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .div_SummaryContentEstructureItemDetail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize .div_SummaryLineItem {
    width: 100%;
    max-width: 672px;
    align-self: stretch;
    flex-shrink: 0;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* Destino (litMultipleDetails): contenedor flexible, filas internas 48px */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionControlsDestinoWcSummary > .div_SummaryContentEstructureItem {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionControlsDestinoWcSummary > .div_SummaryContentEstructureItem > .div_SummaryContentEstructureItemDetail {
    min-height: 48px;
    height: 48px;
    max-height: 48px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .div_SummaryLabelItem {
    width: auto;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    min-width: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .div_SummaryLabelItem:last-child {
    text-align: right;
    justify-content: flex-end;
    word-break: break-word;
}

/* Figma 3991:132387 ÔÇö Monto total a debitar: Body-Bold Body-XS */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize .div_SummaryContentEstructureItem:has([id*='ctTotalDebitAmount']) .div_SummaryLabelItem,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize [id*='ctTotalDebitAmount'],
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize [id*='ctTotalDebit'],
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divOriginWcSummarySize [id*='ctTotalDebitCurrency'] {
    font-weight: 700;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize .div_SummaryLineItem {
    width: 100%;
    max-width: 672px;
    align-self: stretch;
    flex-shrink: 0;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize fieldset {
    width: 100%;
    max-width: 672px;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
}

/* GRP-012: grid destino/firmantes ctDetails + gvSigners ÔÇö 672px, filas 48px, sin hover */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divDestinoWcSummarySize .GridsDataNew {
    width: 100%;
    max-width: 672px;
    table-layout: fixed;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    border-collapse: collapse;
    cursor: default;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr {
    height: 48px;
    max-height: 48px;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew th,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew td {
    height: 48px;
    max-height: 48px;
    padding: 12px 8px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 18px;
    letter-spacing: 0.1px;
    overflow: hidden;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew th {
    background-image: none;
    background-color: var(--grises-gris-claro2-10, #f5f5f5);
    border-bottom: 1px solid #787878;
    white-space: nowrap;
    font-weight: 700;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew td {
    font-weight: 400;
    border-bottom: 1px solid #E9E9E9;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr.bankstate_row1New td,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr.bankstate_row2New td,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr.bankstate_row1NewGris td {
    background-color: #FFFFFF;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew td:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr.bankstate_row1New:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr.bankstate_row1NewGris:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tr.bankstate_row2New:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .GridsDataNew tbody tr:not(:first-child):hover td {
    background-color: inherit !important;
    cursor: default !important;
}

/* GRP-010: text link t├®rminos + Imprimir ÔÇö misma columna 672px centrada */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divClasesMarginTermsAndConditionsDetail {
    width: 100%;
    max-width: 672px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionWcSummary > div:has(.Button-White-print),
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .divPositionWcSummary > div:has(a[id*='cbLinkPrint']) {
    width: 100%;
    max-width: 672px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    overflow: visible;
}

/* GRP-011: bot├│n Imprimir ÔÇö secondary GDS, icono centrado, focus Tab (patr├│n PedingTxDetail) */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint'] {
    margin: 0 !important;
    width: auto !important;
    min-width: 181px !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 48px 12px 16px !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    cursor: pointer;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print:hover,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint']:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print:active,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint']:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Anular legacy .Button-White-print:focus (border 4px) y reset.css *:focus { outline: 0 } */
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print:focus,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint']:focus,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print:focus:not(:focus-visible),
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint']:focus:not(:focus-visible) {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint']:focus-visible {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .Button-White-print:focus-visible:active,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv a[id*='cbLinkPrint']:focus-visible:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .MarginTermsandConditionWcSummary,
.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .div_SummaryLinkGreenTermsConditons {
    margin: 0 !important;
    text-align: left !important;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .basiclink {
    color: var(--colors-primary-70, #00693C);
    font-weight: 700;
    text-decoration: underline;
    text-align: left;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .basiclink:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .basiclink:active {
    color: var(--veder-button-selected, #003F24);
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
    border-radius: 4px;
    text-decoration: underline;
}

.divWhitePanelWizardPagoPlanillasProveedores .divPositoResumenSte4PlaProv .basiclink:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 0;
    border-radius: 4px;
    text-decoration: underline;
}

/* GRP-008/009: botonera fija inferior ÔÇö 984px, botones 216├ù48px, estados GDS */
.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve {
    padding: 0;
    bottom: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve .divWhitePanelBotonera {
    padding-top: 12px;
    padding-bottom: 12px;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .divSpaceButtonsPanelBotonera {
    width: 984px;
    max-width: calc(100% - 16px);
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.Button-White-Secondary,
.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.button_Start_Left {
    margin: 0 !important;
    float: none !important;
    flex: 0 0 216px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    cursor: pointer !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.button_Start_Left:disabled {
    cursor: not-allowed !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.button_Start_Left:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
    border: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.button_Start_Left:focus:not(:focus-visible) {
    outline: none !important;
    border: none !important;
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.button_Start_Left:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border: none !important;
    background: var(--Color-Button-Enable) !important;
    text-decoration-color: var(--Color-Button-Enable) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.divPositoResumenSte4PlaProv) .BotoneraStep4PlaProve input.Button-White-Secondary:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

/* GRP-013: overlay carga global (wcLoading / token CONF-005) */
.divWhitePanelWizardPagoPlanillasProveedores .disableback {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: rgba(30, 30, 30, 0.85);
    pointer-events: all;
}

.divWhitePanelWizardPagoPlanillasProveedores .progress {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

/* GDS-CTF-PlanillasCargaArchivo GRP-005: loader GDS ÔÇö anatom├¡a scoped (Figma 1897:27272) */
.divWhitePanelWizardPagoPlanillasProveedores .progress .divBackgroundLoadingWhite {
    position: relative;
    left: auto;
    top: auto;
    width: 448px;
    height: 290px;
    gap: 32px;
    padding: 0;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores .progress .divPositionGifLoading {
    width: 288px;
}

.divWhitePanelWizardPagoPlanillasProveedores .progress .divStyleText1Loading {
    color: var(--grises-gris-oscuro-100, #1E1E1E);
    font-size: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    line-height: 27.5px;
    letter-spacing: 0.1px;
}

.divWhitePanelWizardPagoPlanillasProveedores .progress .divStyleText2Loading {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
}

/* --- GDS-CTF-PlanillaManual-Mensaje ÔÇö WizardStep9 / wcSpecialNavigationControl (Figma 5404:18657) --- */

/* GRP-014-001/004: formulario 448px centrado (Figma Form + CTA), ocultar título */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .divPositionTitlePagoPlanillasProveedores {
    display: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .gds-planilla-step-mensaje {
    width: 100%;
    max-width: 448px;
    margin-top: 16px;
    align-self: center;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation_UpdatePanel1'] {
    margin-top: 0 !important;
    width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation_UpdatePanel1'] > div[style] {
    width: 100% !important;
    max-width: 448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tableform {
    width: 100%;
    border-collapse: collapse;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tableform td {
    padding: 0;
    border: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tituloConfirmacion {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

/* GRP-014-002: alerta exitosa ÔÇö Figma 5404:18662 (Alert GDS) */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='CtNotificationSuccessfulMessageInfo'] {
    display: block;
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentSuccesfull {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 8px;
    align-items: stretch;
    align-self: stretch;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentborderGreenDiv {
    padding: 12px 0 12px 10px;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    margin: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentborderGreen {
    background: #0F804F;
    align-self: stretch;
    width: 2px;
    min-width: 2px;
    border-radius: 12px;
    flex-shrink: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentMessage {
    flex: 1;
    min-width: 0;
    padding: 12px 12px 12px 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentMessagePosition {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 0;
    width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none !important;
    background: transparent !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    flex-shrink: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .wizardStep_ArticleCenterCircleNumberStepUsing {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .divCheckVerde {
    width: 24px;
    height: 24px !important;
    min-height: 24px;
    display: block;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_check_envolvente.svg") !important;
    background-size: 24px 24px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentMessageTextSuccesfull {
    padding-top: 2px;
    flex: 1;
    min-width: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentMessageTextStyle,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .div_AlertContentMessageTextStyle label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

/* GRP-014-003: regresar ÔÇö misma posici├│n/estados que pasos anteriores (GRP-002) */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) .divPositionBackArrowMenu {
    align-self: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* GRP-014-005: RadioButtonList ÔÇö Figma 5404:53754 (448px, borde #C4C4C4; selecci├│n solo en el radio) */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tableform tr:nth-child(2) td,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tableform tr:nth-child(3) td {
    width: 100%;
    max-width: 448px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tableform tr:nth-child(2) br {
    display: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption {
    display: flex;
    flex-direction: column;
    gap: 24px;
    line-height: normal;
    margin-top: 0;
    width: 100%;
    max-width: 448px;
    box-sizing: border-box;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption br {
    display: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] {
    position: fixed;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    cursor: pointer;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    background: #ffffff;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #717171;
    border-radius: 50%;
    box-sizing: border-box;
    background: #ffffff;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:checked + label {
    border-color: #C4C4C4;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:checked + label::before {
    border-color: #00693C;
    border-width: 6px;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label:hover {
    border-color: #717171;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus-visible + label,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption label:focus-visible {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus:not(:focus-visible) + label,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption label:focus:not(:focus-visible) {
    border-color: #C4C4C4;
    box-shadow: none;
    outline: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:disabled + label {
    color: #949494;
    background: #F5F5F5;
    border-color: #C4C4C4;
    cursor: not-allowed;
    pointer-events: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:disabled + label::before {
    border-color: #C4C4C4;
    background: #F5F5F5;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:disabled + label:hover,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:disabled + label:focus,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:disabled + label:focus-visible {
    border-color: #C4C4C4;
    box-shadow: none;
    outline: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .wizardStep_TextOptionBold {
    display: block;
    margin-bottom: 16px;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .tableform tr:first-child + tr td {
    padding-top: 40px;
}

/* GRP-014-006: card dropdown ÔÇö Figma 5404:53757 */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgOTHER'].registerFavoriteNotGlobalUser,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgADD'].registerFavoriteNotGlobalUser {
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    padding: 16px !important;
    width: 100%;
    max-width: 448px;
    height: auto !important;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 24px;
    background: #ffffff;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgOTHER'] legend,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgADD'] legend {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding: 0 0 0 8px;
    margin-bottom: 0;
    float: none;
    width: 100%;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgOTHER'] br {
    display: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgOTHER'] select[id*='cgTransactionTypeList'] {
    margin-top: 4px;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgOTHER'] .divButton,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] [id*='cgADD'] .divButton2 {
    margin-top: 24px !important;
}

/* GRP-014-010/011/012: dropdown tipo transacci├│n ÔÇö mismo patr├│n GRP-004/005 ctStart (Grupo de planillas) */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'] {
    width: 100%;
    max-width: 100%;
    height: 48px !important;
    min-height: 48px;
    padding: 4px 48px 4px 16px !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    background-origin: border-box;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    cursor: pointer;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:hover {
    border-color: var(--grises-gris-claro-100, #717171) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-visible,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-within:focus-visible {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus:not(:focus-visible),
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-within:not(:focus-visible) {
    border-color: #C4C4C4 !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none;
}

/* Sin borde verde persistente tras seleccionar ÔÇö solo focus-visible (Tab) */

/* GRP-014-007: bot├│n Continuar / Guardar ÔÇö estados GDS primario */
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .divButton,
.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .divButton2 {
    margin: 0 !important;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .button_Start_Left_Clave {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 216px !important;
    max-width: 100%;
    height: 48px !important;
    flex: 0 0 auto !important;
    float: none !important;
    cursor: pointer;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .button_Start_Left_Clave:hover {
    background: var(--Color-Button-Hover, #338763) !important;
    text-decoration-color: var(--Color-Button-Hover, #338763) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .button_Start_Left_Clave:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus:not(:focus-visible) {
    outline: none !important;
}

.divWhitePanelWizardPagoPlanillasProveedores:has(.gds-planilla-step-mensaje) [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

/* --- Fin GDS-CTF-PlanillaManual-Mensaje --- */

/* --- Fin GDS-CTF-PlanillaManual-Resumen --- */

/* --- Fin GDS-CTF-PlanillaManual-VistaPrevia --- */

/* --- Fin GDS-CTF-PlanillaManual-Beneficiario --- */

/* --- Fin GDS-CTF-PlanillaManual-Wizard --- */

/* --- GDS-CTF-Verificador: Transacciones a verificar (Figma 3074:30259) --- */

/* Layout p├ígina ÔÇö card 1376px centrado, 40px bajo navbar (Figma 3074:30259) */
.divVerificadorPageWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 40px;
    box-sizing: border-box;
}

.divWhitePanelTxtTypeStatus {
    width: 1376px;
    max-width: calc(100% - 32px);
    padding: 16px;
    gap: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    box-sizing: border-box;
    align-self: center;
}

.divWhitePanelTxtTypeStatus:has(.div_AlertContentSuccesfull) {
    gap: 40px;
}

/* GRP-011: upSearch es flex-item sin width en wrapper (align-items:center)  shrink-to-fit.
   Se fuerza ancho completo para que el card resuelva calc(100% - 32px) contra el mismo
   ancho que la alerta master (upMessage) y ambos queden alineados. */
.divVerificadorPageWrapper > div[id$="_upSearch"] {
    width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

.divWhitePanelTxtTypeStatus .divWhitePanelTxtTypeStatusControls {
    width: 100% !important;
    max-width: 100%;
    padding: 0 !important;
    gap: 0;
    box-sizing: border-box;
}

.divWhitePanelTxtTypeStatus .divPositionPanelTxtTypeStatus {
    gap: 24px;
    width: 100%;
}

.divWhitePanelTxtTypeStatus .divPositionTitle-ButtonTxtTypeStatus {
    align-items: flex-start;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    gap: 16px;
}

.divWhitePanelTxtTypeStatus .divPositionTitleTxtTypeStatus {
    width: 577px;
    max-width: 100%;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.divWhitePanelTxtTypeStatus .TitleStyleTxtTypeStatus {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    text-align: left;
    display: block;
}

.divWhitePanelTxtTypeStatus .divPositionControlsTxtTypeStatus {
    gap: 32px;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

.divWhitePanelTxtTypeStatus .divPositionControlTypeTransaction {
    width: 279px;
    flex-shrink: 0;
}

.divWhitePanelTxtTypeStatus .divMarginControlTxtTypeStatus {
    margin-left: 0 !important;
}

.divWhitePanelTxtTypeStatus .divPositionRadioButtonTxtTypeStatus {
    height: 96px;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.divWhitePanelTxtTypeStatus .divPositionLabelCountry {
    padding-left: 0;
}

/* GRP-002: Dropdowns filtro ÔÇö tokens GDS (patr├│n L17643-17697) */
.divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus,
.divWhitePanelTxtTypeStatusControls select.ddlValidez,
.divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground {
    width: 100% !important;
    min-width: 0;
    max-width: 279px;
    height: 48px !important;
    padding: 12px 40px 12px 16px !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-origin: padding-box;
    background-color: white;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px !important;
    line-height: 24px;
    color: #3f3f3f !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px;
    outline: none;
}

.divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:hover,
.divWhitePanelTxtTypeStatusControls select.ddlValidez:hover,
.divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:hover {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    border-width: 1px !important;
}

/* GRP-002b: Estados Figma Dropdown | Con borde (1631:19356) ÔÇö solo bordes/interacci├│n */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:focus,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:focus-within,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlValidez:focus,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlValidez:focus-within,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:focus,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:focus-within,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:focus:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlValidez:focus:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:focus:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:focus-visible:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlValidez:focus-visible:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:focus-visible:not(.gds-keyboard-focus):not(.gds-dropdown-open) {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover ÔÇö Gris claro 100 (#949494) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:hover:not(:active):not(.gds-dropdown-open):not(.gds-keyboard-focus),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlValidez:hover:not(:active):not(.gds-dropdown-open):not(.gds-keyboard-focus),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:hover:not(:active):not(.gds-dropdown-open):not(.gds-keyboard-focus) {
    border: 1px solid var(--grises-gris-claro-100, #949494) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Selected ÔÇö click sostenido (Gris oscuro 70 / #717171) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlDropDownTxtTypeStatus:active:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.ddlValidez:active:not(.gds-keyboard-focus):not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.wizardStep_ControlFormBackground:active:not(.gds-keyboard-focus):not(.gds-dropdown-open) {
    border: 1px solid var(--selected-borde, #717171) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focused ÔÇö Tab (Secundario 30 / 4px #C3E5A9) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-keyboard-focus:not(.gds-dropdown-open),
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-keyboard-focus:not(.gds-dropdown-open):focus,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-keyboard-focus:not(.gds-dropdown-open):focus-visible,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-keyboard-focus:not(.gds-dropdown-open):focus-within {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0;
    box-shadow: none !important;
}

/* Activated ÔÇö dropdown abierto (Verde primario #00693C + chevron arriba) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-dropdown-open,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-dropdown-open:focus,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-dropdown-open:focus-visible,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls select.gds-dropdown-open:active {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg") !important;
}

/* GRP-004: Bot├│n Ver transacciones ÔÇö Figma 7239:90365 (pt 24px, w 181px) */
.divWhitePanelTxtTypeStatusControls .divPositionVerificadorButtonTxtTypeStatus {
    padding-top: 24px;
    padding-bottom: 10px;
    width: auto;
    flex-shrink: 0;
    box-sizing: border-box;
}

.divWhitePanelTxtTypeStatusControls .divVerificadorBtnView,
.divWhitePanelTxtTypeStatusControls .divVerificadorBtnView.button_Primary_Left {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    max-height: 48px !important;
    padding: 12px 16px !important;
    box-sizing: border-box;
}

/* GRP-001: Bot├│n Regresar ÔÇö igual que Contactenos / LocationsMap (L16702-16753) */
.divWhitePanelTxtTypeStatus .regresarPendingTransfers {
    align-self: stretch;
    padding-top: 12px;
    padding-bottom: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    display: flex;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
}

.divWhitePanelTxtTypeStatus .regresarPendingTransfers .icon-leftwithNetWorkTrans.titleButtonBackContactus,
.divWhitePanelTxtTypeStatus .regresarPendingTransfers .titleButtonBackContactus {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 0;
    margin-left: 0 !important;
    background-color: transparent !important;
    border: none !important;
    text-decoration: none;
    box-sizing: border-box;
    color: var(--colors-primary-70, #00693C);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 24px;
}

.divWhitePanelTxtTypeStatus .regresarPendingTransfers .titleButtonBackContactus:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelTxtTypeStatus .regresarPendingTransfers .titleButtonBackContactus:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    text-decoration: none !important;
}

.divWhitePanelTxtTypeStatus .regresarPendingTransfers .titleButtonBackContactus:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 0;
    text-decoration: none !important;
}

/* GRP-003: Checkboxes Pa├¡s ÔÇö grid fijo 2 filas ├ù 3 columnas (112├ù24px, gap 24/16) */
.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus {
    display: grid;
    grid-template-columns: repeat(3, 112px);
    grid-template-rows: repeat(2, 24px);
    column-gap: 24px;
    row-gap: 16px;
    align-items: center;
    align-content: start;
    width: fit-content;
}

.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus > span.ckboxAllCountries,
.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus table td {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    height: 24px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: none;
}

.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus > span.ckboxAllCountries {
    grid-column: 1;
    grid-row: 1;
}

.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus span.ckboxAllCountries label,
.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus table td label {
    margin: 0 !important;
    padding: 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    white-space: nowrap;
}

.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus > table.ckboxAllCountries,
.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus > table.ckboxAllCountries tbody,
.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus > table.ckboxAllCountries tr {
    display: contents;
}

.divWhitePanelTxtTypeStatus .divPositionControlRadioTxtTypeStatus table td:empty {
    display: none;
}

/* GRP-005: Alerta informativa ÔÇö variante azul GDS scoped (solo color/├¡cono) */
.divWhitePanelTxtTypeStatus .div_AlertContentborderGreen {
    background: var(--alertas-azul-informativo, #0F4DBC);
}

.divWhitePanelTxtTypeStatus .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none;
    background: transparent;
    width: 24px;
    height: 24px;
}

.divWhitePanelTxtTypeStatus .divCheckVerde {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconAlertBlue.svg");
    background-size: 24px 24px;
    background-position: center;
}

/* GRP-015: Botones primarios GDS ÔÇö estados Figma 46821:24824 (Verificador) */
.divVerificadorPageWrapper .button_Primary_Left,
.divVerificadorPageWrapper .button_PrimaryGreen,
.divVerificadorPageWrapper input.button_Primary_Left,
.divVerificadorPageWrapper input.button_PrimaryGreen {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    border: none !important;
    background: var(--primarios-verde-primario, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

/* Hover ÔÇö Primario 60 */
.divVerificadorPageWrapper .button_Primary_Left:hover:not(:disabled),
.divVerificadorPageWrapper .button_PrimaryGreen:hover:not(:disabled),
.divVerificadorPageWrapper input.button_Primary_Left:hover:not(:disabled),
.divVerificadorPageWrapper input.button_PrimaryGreen:hover:not(:disabled) {
    background: var(--primarios-primario-60, #338763) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
}

/* Selected ÔÇö click sostenido (Primario 80) */
.divVerificadorPageWrapper .button_Primary_Left:active:not(:disabled),
.divVerificadorPageWrapper .button_PrimaryGreen:active:not(:disabled),
.divVerificadorPageWrapper input.button_Primary_Left:active:not(:disabled),
.divVerificadorPageWrapper input.button_PrimaryGreen:active:not(:disabled) {
    background: var(--primarios-primario-80, #003F24) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: none !important;
}

/* Focus ÔÇö Tab (Verde primario + Secundario 30 / 4px) */
.divVerificadorPageWrapper .button_Primary_Left:focus:not(:focus-visible):not(:disabled),
.divVerificadorPageWrapper .button_PrimaryGreen:focus:not(:focus-visible):not(:disabled),
.divVerificadorPageWrapper input.button_Primary_Left:focus:not(:focus-visible):not(:disabled),
.divVerificadorPageWrapper input.button_PrimaryGreen:focus:not(:focus-visible):not(:disabled) {
    background: var(--primarios-verde-primario, #00693C) !important;
    border: none !important;
    outline: none !important;
}

.divVerificadorPageWrapper .button_Primary_Left:focus-visible:not(:disabled),
.divVerificadorPageWrapper .button_PrimaryGreen:focus-visible:not(:disabled),
.divVerificadorPageWrapper input.button_Primary_Left:focus-visible:not(:disabled),
.divVerificadorPageWrapper input.button_PrimaryGreen:focus-visible:not(:disabled) {
    background: var(--primarios-verde-primario, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    border: none !important;
    outline: 4px solid var(--secundarios-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
}

.divVerificadorPageWrapper .button_Primary_Left:focus-visible:active:not(:disabled),
.divVerificadorPageWrapper .button_PrimaryGreen:focus-visible:active:not(:disabled),
.divVerificadorPageWrapper input.button_Primary_Left:focus-visible:active:not(:disabled),
.divVerificadorPageWrapper input.button_PrimaryGreen:focus-visible:active:not(:disabled) {
    background: var(--primarios-primario-80, #003F24) !important;
    outline: 4px solid var(--secundarios-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
}

/* GRP-008: 32px entre filtros y grid ÔÇö el form-row vac├¡o del UC duplicaba el gap del card */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatus .divWhitePanelTxtTypeStatusControls + .form-row.full-width:not(:has(*)) {
    display: none;
}

/* GRP-009: Grid ÔÇö filas header y datos 48px + hover en fila completa */
.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew tr {
    height: 48px;
    max-height: 48px;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew th,
.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew td {
    height: 48px;
    max-height: 48px;
    padding: 12px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 24px;
    overflow: hidden;
    width: auto;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew th {
    background-image: none;
    white-space: nowrap;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew tr.bankstate_row1New td,
.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew tr.bankstate_row2New td,
.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew tr.bankstate_row1NewGris td {
    background-color: #FFFFFF;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew td:hover {
    background-color: inherit;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew tbody tr:not(:first-child):hover td {
    background-color: #E7F7EE;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew tbody tr:not(:first-child):hover {
    cursor: pointer;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .GridsDataNew td .ckboxAllCountries {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* GRP-013: Opciones env├¡o masivo ÔÇö margin-top 16px en radio list */
.divVerificadorPageWrapper div.MarginPendingTransferOptionsMasiv {
    margin-top: 0;
    margin-left: 0; /* anula legacy -12px: alinea radios con subtítulo "Opciones..." */
}

.divVerificadorPageWrapper table.PendingTransferOptionsMasiv.MarginPendingTransferOptionsMasiv {
    margin-top: 16px;
    margin-left: 0 !important;
}

/* GRP-014: Correo notificaci├│n ÔåÆ bot├│n env├¡o masivo ÔÇö ocultar contenedores vac├¡os */
.divVerificadorPageWrapper .divPositionControlPendingTransferUC > .divPositionSubTitlePendingTransactionUC:not(:has(.lblStyleTextDetalleTrans)),
.divVerificadorPageWrapper .divPositionControlPendingTransferUC > .divPositionTextBoxPendingTransferUC:not(:has(input, textarea, select)),
.divVerificadorPageWrapper .divPositionControlPendingTransferUC > .divPositionTextBoxPendingTransferUC.divTexAlingInfoPendingTransacctionPage:not(:has(*)) {
    display: none;
}

/* GRP-011: Master alert ÔÇö mismo ancho que divWhitePanelTxtTypeStatus */
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot,
#zContent:has(.divVerificadorPageWrapper) [id$="_cgGeneralMessage"].divMasterPageAlertRoot {
    width: 1376px;
    max-width: calc(100% - 32px);
    margin: 32px auto 22px auto;
    box-sizing: border-box;
}

#zContent:has(.divVerificadorPageWrapper):has(.divMasterPageAlertRoot) .divVerificadorPageWrapper {
    padding-top: 0;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentSuccesfull {
    width: 100%;
}

/* GRP-012: Cursors interactivos ÔÇö p├ígina Verificador */
.divVerificadorPageWrapper a[href],
.divVerificadorPageWrapper input[type="button"],
.divVerificadorPageWrapper input[type="submit"],
.divVerificadorPageWrapper input[type="reset"],
.divVerificadorPageWrapper input[type="checkbox"],
.divVerificadorPageWrapper input[type="radio"],
.divVerificadorPageWrapper select,
.divVerificadorPageWrapper button,
.divVerificadorPageWrapper .ckboxAllCountries label,
.divVerificadorPageWrapper input[type="checkbox"] + label,
.divVerificadorPageWrapper input[type="radio"] + label,
.divVerificadorPageWrapper .PendingTransferOptionsMasiv label,
.divVerificadorPageWrapper .GridsDataNew a,
.divVerificadorPageWrapper .GridsDataNew input[type="submit"],
.divVerificadorPageWrapper .GridsDataNew input[type="button"],
.divVerificadorPageWrapper .LinkButtonPendingTransfer,
.divVerificadorPageWrapper .article_LinkBack,
.divVerificadorPageWrapper .titleButtonBackContactus,
.divVerificadorPageWrapper .button_Primary_Left,
.divVerificadorPageWrapper .button_PrimaryGreen,
.divVerificadorPageWrapper .divVerificadorBtnView,
.divVerificadorPageWrapper .ajax__calendar_day,
.divVerificadorPageWrapper .ajax__calendar_month,
.divVerificadorPageWrapper .ajax__calendar_next,
.divVerificadorPageWrapper .ajax__calendar_prev {
    cursor: pointer;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertLink {
    cursor: pointer;
}

.divVerificadorPageWrapper input[type="text"],
.divVerificadorPageWrapper input[type="password"],
.divVerificadorPageWrapper input[type="email"],
.divVerificadorPageWrapper input[type="number"],
.divVerificadorPageWrapper input[type="search"],
.divVerificadorPageWrapper input[type="tel"],
.divVerificadorPageWrapper input[type="url"],
.divVerificadorPageWrapper textarea {
    cursor: text;
}

.divVerificadorPageWrapper button:disabled,
.divVerificadorPageWrapper input:disabled,
.divVerificadorPageWrapper select:disabled {
    cursor: not-allowed;
}

/* GRP-016: Modal Firmas ÔÇö hover en bot├│n Cerrar completo */
.divVerificadorPageWrapper .divWhitePanelSigningPopUp .divContainerButtonSigners {
    width: auto;
    height: auto;
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.divVerificadorPageWrapper .divWhitePanelSigningPopUp .divContainerButtonSigners input.button_PrimaryGreen {
    width: auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
}

/* Select simulado GDS ÔÇö Tipo / Estado (div + panel + options) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select {
    position: relative;
    width: 100%;
    max-width: 279px;
    font-family: 'Nunito Sans', sans-serif;
    -webkit-user-select: none;
    user-select: none;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select > select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__trigger {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 279px;
    height: 48px;
    margin: 0;
    padding: 12px 40px 12px 16px;
    box-sizing: border-box;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px;
    background-color: #ffffff;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px 24px;
    color: #3f3f3f;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    outline: none;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__value {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__value abbr {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    border-bottom: none;
    cursor: inherit;
    color: inherit;
    font: inherit;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__trigger:hover {
    border-color: var(--grises-gris-claro-100, #949494);
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__trigger:active {
    border-color: var(--selected-borde, #717171);
}

/* Focus ring solo por teclado (Tab) ÔÇö no al clic */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__trigger:focus {
    outline: none;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__trigger:focus-visible,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__trigger.is-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4);
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 0;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select.is-open .gds-custom-select__trigger {
    border-color: var(--primarios-verde-primario, #00693C);
    outline: none;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select.is-open .gds-custom-select__trigger:focus,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select.is-open .gds-custom-select__trigger:focus-visible,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select.is-open .gds-custom-select__trigger.is-keyboard-focus {
    border-color: var(--primarios-verde-primario, #00693C);
    outline: none;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__panel {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 40;
    width: 100%;
    max-width: 279px;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(30, 30, 30, 0.12);
    text-align: left !important;
}

/* Options ÔÇö GDS Dropdown | Despegable (29157:27977)
   Normal / Disabled / Hover / Focus (Tab) / Selected (clic sostenido) / Activated (valor actual) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 48px;
    max-height: 48px;
    min-height: 48px;
    padding: 12px 20px 12px 16px;
    box-sizing: border-box;
    background: var(--grises-blanco, #ffffff);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left !important;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    min-width: 0;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option-text,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option abbr {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left !important;
    text-decoration: none !important;
    border-bottom: none !important;
    cursor: inherit;
    color: inherit;
    font: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* Disabled */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-disabled {
    color: var(--grises-gris-claro-100, #949494);
    background: var(--grises-blanco, #ffffff);
    cursor: not-allowed;
}

/* Hover ÔÇö mouse encima */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option:hover:not(.is-disabled):not(:active) {
    background: var(--grises-fondo, #eeeeee);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

/* Focus ÔÇö Tab / teclado (:focus-visible o .is-focus) */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option:focus-visible,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-focus {
    background: var(--grises-blanco, #ffffff);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    box-shadow: inset 0 0 0 4px var(--verde-focus-control, #C3E5A9);
}

/* Selected ÔÇö clic sostenido */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option:active:not(.is-disabled) {
    background: var(--grises-gris-claro-30, #d9d9d9);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    box-shadow: none;
}

/* Activated ÔÇö opci├│n actualmente elegida + pill Verde Secundaria
   barra left:8px, ancho 2px, gap texto 8px  padding-left 18px */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-activated {
    background: var(--Color-Green-Selected, #EEF7E6);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-weight: 400;
    justify-content: flex-start;
    text-align: left !important;
    padding: 12px 20px 12px 18px;
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-activated::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 32px;
    border-radius: 2px;
    background: var(--secundarios-verde-secundario, #69BE28);
    pointer-events: none;
}

/* Activated + hover */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-activated:hover:not(:active) {
    background: var(--Color-Green-Selected, #EEF7E6);
}

/* Activated + focus Tab */
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-activated:focus-visible,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-activated.is-focus {
    background: var(--Color-Green-Selected, #EEF7E6);
    box-shadow: inset 0 0 0 4px var(--verde-focus-control, #C3E5A9);
}

.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-disabled:hover,
.divVerificadorPageWrapper .divWhitePanelTxtTypeStatusControls .gds-custom-select__option.is-disabled:active {
    background: var(--grises-blanco, #ffffff);
    box-shadow: none;
}

/* =====================================================================
   GDS Pickers | Checkbox (Figma 46805:5941 / anatomía 46805:6176)
   Input NATIVO estilizado (appearance:none) ÔÇö sin overlay sint├®tico
   (el overlay opacity:0 + setPointerCapture rompía el clic/selección)
   Anatom├¡a: 20├ù20 ┬À radio 4px ┬À borde 2px ┬À check 14├ù12
   =====================================================================
   OFF: fondo Blanco; solo cambia BORDE
     Normal #949494 ┬À Hover #717171 ┬À Selected #3F3F3F ┬À Disabled #D9D9D9
   ON: fill + check blanco
     Activated #00693C ┬À Hover #003F24 ┬À Selected #002A18 ┬À Disabled #99C3B1
   Focus Tab: outline Secundario 30 #C3E5A9 / 4px
   ===================================================================== */

.divVerificadorPageWrapper input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    border: 2px solid var(--grises-gris-claro-100, #949494) !important;
    border-radius: 4px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 12px !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    accent-color: transparent !important;
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

/* OFF Hover ÔÇö borde Gris Oscuro 70 (incluye hover sobre label/celda) */
.divVerificadorPageWrapper input[type="checkbox"]:hover:not(:checked):not(:disabled):not(.is-pressed),
.divVerificadorPageWrapper span.ckboxAllCountries:hover > input[type="checkbox"]:not(:checked):not(:disabled):not(.is-pressed),
.divVerificadorPageWrapper td:hover > input[type="checkbox"]:not(:checked):not(:disabled):not(.is-pressed) {
    border-color: var(--selected-borde, #717171) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
}

/* OFF Selected ÔÇö borde Gris Oscuro 90 */
.divVerificadorPageWrapper input[type="checkbox"].is-pressed:not(:checked):not(:disabled),
.divVerificadorPageWrapper input[type="checkbox"]:active:not(:checked):not(:disabled) {
    border-color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    outline: none !important;
}

/* ON Activated ÔÇö Verde Primario */
.divVerificadorPageWrapper input[type="checkbox"]:checked:not(:disabled):not(:hover):not(:active):not(.is-pressed) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    background-color: var(--primarios-verde-primario, #00693C) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M1.5 6.2L5.2 10L12.5 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ON Hover ÔÇö Primario 80 */
.divVerificadorPageWrapper input[type="checkbox"]:checked:hover:not(:disabled):not(:active):not(.is-pressed),
.divVerificadorPageWrapper span.ckboxAllCountries:hover > input[type="checkbox"]:checked:not(:disabled):not(.is-pressed),
.divVerificadorPageWrapper td:hover > input[type="checkbox"]:checked:not(:disabled):not(.is-pressed) {
    border-color: var(--veder-button-selected, #003F24) !important;
    background-color: var(--veder-button-selected, #003F24) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M1.5 6.2L5.2 10L12.5 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ON Selected ÔÇö Primario 100 */
.divVerificadorPageWrapper input[type="checkbox"]:checked.is-pressed:not(:disabled),
.divVerificadorPageWrapper input[type="checkbox"]:checked:active:not(:disabled) {
    border-color: var(--primarios-primario-100, #002A18) !important;
    background-color: var(--primarios-primario-100, #002A18) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M1.5 6.2L5.2 10L12.5 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Clic mouse ÔÇö sin anillo Focus */
.divVerificadorPageWrapper input[type="checkbox"]:focus:not(.gds-keyboard-focus):not(.is-keyboard-focus),
.divVerificadorPageWrapper input[type="checkbox"]:focus-visible:not(.gds-keyboard-focus):not(.is-keyboard-focus) {
    outline: none !important;
    box-shadow: none !important;
}

/* Focus SOLO Tab */
.divVerificadorPageWrapper input[type="checkbox"].gds-keyboard-focus:not(:checked):not(:disabled),
.divVerificadorPageWrapper input[type="checkbox"].is-keyboard-focus:not(:checked):not(:disabled) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
}

.divVerificadorPageWrapper input[type="checkbox"]:checked.gds-keyboard-focus:not(:disabled),
.divVerificadorPageWrapper input[type="checkbox"]:checked.is-keyboard-focus:not(:disabled) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    background-color: var(--primarios-verde-primario, #00693C) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M1.5 6.2L5.2 10L12.5 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
}

/* Disabled OFF / ON */
.divVerificadorPageWrapper input[type="checkbox"]:disabled:not(:checked) {
    border-color: var(--grises-gris-claro-30, #D9D9D9) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    cursor: not-allowed !important;
    outline: none !important;
}

.divVerificadorPageWrapper input[type="checkbox"]:disabled:checked {
    border-color: var(--Color-Verder-Primario30, #99C3B1) !important;
    background-color: var(--Color-Verder-Primario30, #99C3B1) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M1.5 6.2L5.2 10L12.5 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    cursor: not-allowed !important;
    outline: none !important;
}

/* Residuo del overlay sint├®tico: ocultar si qued├│ en DOM */
.divVerificadorPageWrapper .gds-checkbox-ui {
    display: none !important;
}

/* Label */
.divVerificadorPageWrapper .ckboxAllCountries label,
.divVerificadorPageWrapper .divPositionControlRadioTxtTypeStatus label,
.divVerificadorPageWrapper input[type="checkbox"] + label {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divVerificadorPageWrapper .divPositionControlRadioTxtTypeStatus > span.ckboxAllCountries,
.divVerificadorPageWrapper .divPositionControlRadioTxtTypeStatus table td {
    min-height: 24px;
    align-items: center;
    gap: 8px;
}

.divVerificadorPageWrapper .divPositionGridPendingTransactionUC .ckboxAllCountries {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 24px;
}

/* =====================================================================
   GDS Pickers | Radio button (Figma 46805:6093 / anatomía 46805:6246)
   Scope: .PendingTransferOptionsMasiv en página Verificador
   Input NATIVO (appearance:none) ÔÇö sin overlay (no romper clic / AutoPostBack)
   Anatom├¡a: control 20├ù20 en l├¡nea 24px ┬À gap label 8px ┬À punto ON 10px
   Label M / Gris Oscuro 90
   =====================================================================
   OFF: fondo Blanco; solo BORDE 2px
     Normal #949494 ┬À Hover #717171 ┬À Selected #3F3F3F ┬À Disabled #D9D9D9
   ON = anillo 2px + centro 10px (silueta/gap blanco entre ambos) ÔÇö assets Figma:
     Activated/Normal: #00693C anillo+centro
     Hover ON: Primario 80 #003F24 anillo+centro
     Selected ON: Primario 100 #002A18 anillo+centro
     Focus Tab ON: #00693C anillo+centro ┬À outline #C3E5A9 4px
     Disabled ON: Primario 30 #99C3B1 anillo+centro
   Focus OFF Tab: borde #949494 ┬À outline #C3E5A9 4px
   ===================================================================== */

/* Layout lista horizontal: gap entre opciones; anula margin-left legacy 25px */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-left: 0 !important;
    overflow: visible !important;
}

.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 24px 0 0 !important;
    vertical-align: middle !important;
    border: none !important;
}

.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td:last-child {
    padding-right: 0 !important;
}

.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 24px !important;
    min-height: 24px !important;
}

.divVerificadorPageWrapper table.PendingTransferOptionsMasiv label {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:disabled + label,
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv span[disabled] label,
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv label[disabled] {
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    cursor: not-allowed !important;
}

/* Control radio nativo GDS ÔÇö contenedor visual 20├ù24 (margen 2px vertical) */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    border: 2px solid var(--grises-gris-claro-100, #949494) !important;
    border-radius: 50% !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    accent-color: transparent !important;
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

/* OFF Hover ÔÇö borde Gris Oscuro 70 (incluye hover sobre label/celda) */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:hover:not(:checked):not(:disabled):not(.is-pressed),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td:hover > input[type="radio"]:not(:checked):not(:disabled):not(.is-pressed),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td:hover > span > input[type="radio"]:not(:checked):not(:disabled):not(.is-pressed) {
    border-color: var(--selected-borde, #717171) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
}

/* OFF Selected ÔÇö borde Gris Oscuro 90 */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"].is-pressed:not(:checked):not(:disabled),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:active:not(:checked):not(:disabled) {
    border-color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    outline: none !important;
}

/* ON Activated ÔÇö anillo + centro Verde Primario 10px (gap blanco = silueta) */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:checked:not(:disabled) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--primarios-verde-primario, #00693C) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
}

/* ON Hover ÔÇö Primario 80 #003F24 (anillo + centro) */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:checked:hover:not(:disabled):not(:active):not(.is-pressed),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td:hover > input[type="radio"]:checked:not(:disabled):not(.is-pressed),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv td:hover > span > input[type="radio"]:checked:not(:disabled):not(.is-pressed) {
    border-color: var(--veder-button-selected, #003F24) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--veder-button-selected, #003F24) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
}

/* ON Selected ÔÇö Primario 100 #002A18 (anillo + centro) */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:checked.is-pressed:not(:disabled),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:checked:active:not(:disabled) {
    border-color: var(--primarios-primario-100, #002A18) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--primarios-primario-100, #002A18) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
    outline: none !important;
}

/* Clic mouse ÔÇö sin anillo Focus */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:focus:not(.gds-keyboard-focus):not(.is-keyboard-focus),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:focus-visible:not(.gds-keyboard-focus):not(.is-keyboard-focus) {
    outline: none !important;
    box-shadow: none !important;
}

/* Focus SOLO Tab ÔÇö OFF */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"].gds-keyboard-focus:not(:checked):not(:disabled),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"].is-keyboard-focus:not(:checked):not(:disabled) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
}

/* Focus SOLO Tab ÔÇö ON: Activated + outline Secundario 30 */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:checked.gds-keyboard-focus:not(:disabled),
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:checked.is-keyboard-focus:not(:disabled) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--primarios-verde-primario, #00693C) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
}

/* Disabled OFF */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:disabled:not(:checked) {
    border-color: var(--grises-gris-claro-30, #D9D9D9) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    cursor: not-allowed !important;
    outline: none !important;
}

/* Disabled ON ÔÇö anillo + centro Primario 30 */
.divVerificadorPageWrapper table.PendingTransferOptionsMasiv input[type="radio"]:disabled:checked {
    border-color: var(--Color-Verder-Primario30, #99C3B1) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--Color-Verder-Primario30, #99C3B1) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
    cursor: not-allowed !important;
    outline: none !important;
}

/* Neutraliza estilos legacy del radio list en Verificador */
.divVerificadorPageWrapper .PendingTransferOptionsMasiv > span > span:has(input[type="radio"]:checked) {
    border-color: transparent !important;
    background: transparent !important;
}

/* --- Fin GDS-CTF-Verificador --- */

/* ============================================================
   GDS-CTF-Verificador-Flujo-3 ÔÇö Alerta master ├ëxito (GDS Anatom├¡a / Specs)
   Figma 1898:26328 / 1898:26519 ÔÇö scoped a p├íginas Verificador
   ============================================================ */

/* Slot UpdatePanel: ancho completo para centrar alerta = card filtros */
#zContent:has(.divVerificadorPageWrapper) [id$="_upMessage"] {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Mismo ancho que #ctl00_childContent_upSearch > div (.divWhitePanelTxtTypeStatus) */
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot,
#zContent:has(.divVerificadorPageWrapper) [id$="_cgGeneralMessage"].divMasterPageAlertRoot {
    width: 1376px;
    max-width: calc(100% - 32px);
    margin: 32px auto 22px auto;
    box-sizing: border-box;
}

/* Anatomía GDS: altura 40px, padding 8×16, gap 8px */
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentSuccesfull {
    width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: 8px 16px;
    gap: 8px;
    align-items: center;
    box-sizing: border-box;
    background: #D9F4E9; /* GDS Verde Éxito 10 */
    overflow: hidden;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentborderGreenDiv {
    align-self: stretch;
    padding: 0;
    display: flex;
    align-items: stretch;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentborderGreen {
    width: 2px;
    min-width: 2px;
    height: auto;
    align-self: stretch;
    background: var(--secundarios-verde-secundario, #69BE28); /* Verde Éxito */
    border-radius: 12px;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentMessage {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 0;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentMessagePosition {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .wizardStep_ArticleCenterCircleUsingSuccsefully,
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .wizardStep_ArticleCenterCircleNumberStepUsing {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: none;
    background: transparent;
    flex: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

/* Icono Éxito GDS: círculo + check (no IconAlertBlue informativo, no palomita suelta) */
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .divCheckVerde {
    width: 24px;
    height: 24px;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/CheckAprovTran.svg");
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: border-box;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentMessageTextSuccesfull {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    justify-content: center;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentMessageTextStyle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--body-regular-body-xs-font-size, 14px);
    font-weight: 400;
    line-height: var(--body-regular-body-xs-line-height, 21px);
    letter-spacing: var(--body-regular-body-xs-letter-spacing, 0.1px);
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .div_AlertContentMessageTextStyle span {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-weight: 400;
}

#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .divMasterPageAlertLink,
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .divMasterPageAlertLink:link,
#zContent:has(.divVerificadorPageWrapper) .divMasterPageAlertRoot .divMasterPageAlertLink:visited {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-weight: 700;
    text-decoration: underline;
    margin-left: 0;
}

/* --- Fin GDS-CTF-Verificador-Flujo-3 --- */


/* ============================================================
   GDS-CTF-Verificador-Flujo-5 ÔÇö Anular transacci├│n (#cgCancelTx)
   Figma 3065:29955 ÔÇö espaciados, tipograf├¡a, Regresar + IconLeft
   ============================================================ */

.divWhitePanelAnulTransaction,
#ctl00_childContent_ctPendingTxDetail_cgCancelTx.divWhitePanelAnulTransaction {
    box-sizing: border-box !important;
    width: 1376px !important;
    margin-top: 30px !important;
    padding: 32px !important;
    gap: 24px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    display: inline-flex !important;
    flex-direction: column !important;
}

.divWhitePanelAnulTransaction .divPositionTitleButtonBackAnular {
    align-self: stretch !important;
    width: 100% !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 16px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divPositionButtonBackAnular {
    align-self: stretch !important;
    width: 100% !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0 !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divContentButtonBackAnular {
    padding: 0 !important;
    margin: 0 !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    display: inline-flex !important;
}

/*
 * Regresar ÔÇö Bot├│n Terciario GDS | Full Color | Icono + Label
 * Figma: 46821:26102 (estados) ┬À 46821:25818 (anatom├¡a)
 * Anatom├¡a: alto 48px ┬À radius 8px ┬À pad H 16px ┬À icono 24├ù24 ┬À gap 8px ┬À Label M Bold
 * Estados: Normal / Hover / Selected(:active) / Focus(:focus-visible Tab)
 */
.divWhitePanelAnulTransaction .icon-leftwithPanelPedingTxDetail,
.divWhitePanelAnulTransaction a.icon-leftwithPanelPedingTxDetail.titulo-regresar,
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_lkButtonBack {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    /* pad L = 16 icon-inset + 24 icon + 8 gap = 48; pad R = 16; V = 12  Label M 24px centrado en 48 */
    padding: 12px 16px 12px 48px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    background-size: 24px 24px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-decoration: none !important;
    text-align: left !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover ÔÇö Primario 10 */
.divWhitePanelAnulTransaction .icon-leftwithPanelPedingTxDetail:hover,
.divWhitePanelAnulTransaction a.icon-leftwithPanelPedingTxDetail.titulo-regresar:hover,
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_lkButtonBack:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg") !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus mouse ÔÇö sin anillo (vuelve a Normal al soltar; :active gana mientras se mantiene clic) */
.divWhitePanelAnulTransaction .icon-leftwithPanelPedingTxDetail:focus:not(:focus-visible),
.divWhitePanelAnulTransaction a.icon-leftwithPanelPedingTxDetail.titulo-regresar:focus:not(:focus-visible),
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_lkButtonBack:focus:not(:focus-visible) {
    background-color: var(--grises-blanco, #ffffff) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg") !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Selected  clic sostenido (:active)  Primario 20; se quita al soltar */
.divWhitePanelAnulTransaction .icon-leftwithPanelPedingTxDetail:active,
.divWhitePanelAnulTransaction a.icon-leftwithPanelPedingTxDetail.titulo-regresar:active,
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_lkButtonBack:active,
.divWhitePanelAnulTransaction .icon-leftwithPanelPedingTxDetail:active:focus:not(:focus-visible),
.divWhitePanelAnulTransaction a.icon-leftwithPanelPedingTxDetail.titulo-regresar:active:focus:not(:focus-visible),
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_lkButtonBack:active:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg") !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus  solo Tab (:focus-visible)  stroke Secundario 30 4px */
.divWhitePanelAnulTransaction .icon-leftwithPanelPedingTxDetail:focus-visible,
.divWhitePanelAnulTransaction a.icon-leftwithPanelPedingTxDetail.titulo-regresar:focus-visible,
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_lkButtonBack:focus-visible {
    background-color: var(--grises-blanco, #ffffff) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg") !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.divWhitePanelAnulTransaction .divPositionTitleAnular {
    width: 448px !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 8px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .StyleTileAnularTransaction {
    width: 100% !important;
    text-align: center !important;
    color: #1E1E1E !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divPositionControlsAnularTransaction {
    align-self: stretch !important;
    width: 100% !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 40px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divContentControlsAnularTransaction {
    width: 912px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divPositonLabelTextAnualarTrasaction {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 24px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divContentLabelTextAnualarTrasaction {
    width: 448px !important;
    /* visible: overflow:hidden recortaba el anillo Focus (box-shadow/outline) del textarea 448px */
    overflow: visible !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.divWhitePanelAnulTransaction .divPostionLabelInstructAnular {
    padding-left: 8px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    display: inline-flex !important;
}

.divWhitePanelAnulTransaction .StyleLabelInstructionAnular {
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelAnulTransaction .divPositionTextBoxAnularTransaction {
    align-self: stretch !important;
    width: 100% !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 4px !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/*
 * Motivo (#ctReason) ÔÇö Input GDS adaptado a textarea
 * Figma: 1633:22503 (estados) ┬À 1633:22752 (anatom├¡a input ÔåÆ textarea)
 * Tama├▒o FIJO: 448├ù128 ┬À padding 16px (no modificar)
 * Contenedor wrapper sin borde ÔÇö el textarea es la fuente visual
 */
.divWhitePanelAnulTransaction .divPositionTextBoxAnularTransaction .wizardStep_FrameControlContainer,
.divWhitePanelAnulTransaction .divPositionTextBoxAnularTransaction .wizardStep_FrameControlContainer:hover,
.divWhitePanelAnulTransaction .divPositionTextBoxAnularTransaction .wizardStep_FrameControlContainer:focus-within,
.divWhitePanelAnulTransaction .divPositionTextBoxAnularTransaction .wizardStep_FrameControlContainer:focus-visible {
    width: 448px !important;
    max-width: 448px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    align-items: stretch !important;
}

/* Normal ÔÇö Gris claro 40 #C4C4C4 */
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason,
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason,
#ctl00_childContent_ctPendingTxDetail_ctReason {
    box-sizing: border-box !important;
    width: 448px !important;
    min-width: 448px !important;
    max-width: 448px !important;
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 8px !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    resize: none !important;
    outline: none !important;
    box-shadow: none !important;
    vertical-align: top !important;
    overflow-y: auto !important;
}

/*
 * Estados GDS Input (textarea):
 * - Normal / Hover / Selected(:active) / Activated(clic+escribir) / Focus(SOLO Tab vía .gds-keyboard-focus)
 * IMPORTANTE: en <textarea> el browser aplica :focus-visible tambi├®n al clic ÔÇö NO usarlo para Focus.
 * Focus Tab = clase .gds-keyboard-focus (JS pointerDown, patr├│n Planillas / AccountAlias).
 */

/* Hover ÔÇö Gris claro 100 #949494 (sin foco teclado) */
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason:hover:not(.gds-keyboard-focus),
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason:hover:not(.gds-keyboard-focus),
#ctl00_childContent_ctPendingTxDetail_ctReason:hover:not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Selected  clic sostenido (:active)  Gris oscuro 70 #717171 */
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason:active:not(.gds-keyboard-focus),
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason:active:not(.gds-keyboard-focus),
#ctl00_childContent_ctPendingTxDetail_ctReason:active:not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-oscuro-70, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Activated  clic / digitar (:focus sin clase Tab)  Verde primario, SIN anillo Focus */
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason:focus:not(.gds-keyboard-focus),
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason:focus:not(.gds-keyboard-focus),
#ctl00_childContent_ctPendingTxDetail_ctReason:focus:not(.gds-keyboard-focus),
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason:focus-visible:not(.gds-keyboard-focus),
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason:focus-visible:not(.gds-keyboard-focus),
#ctl00_childContent_ctPendingTxDetail_ctReason:focus-visible:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Selected gana sobre Activated mientras se mantiene el clic */
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason:active:focus:not(.gds-keyboard-focus),
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason:active:focus:not(.gds-keyboard-focus),
#ctl00_childContent_ctPendingTxDetail_ctReason:active:focus:not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-oscuro-70, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/*
 * Focus ÔÇö SOLO Tab (.gds-keyboard-focus v├¡a JS) ÔåÆ Secundario 30 4px
 * Causa del recorte: padre .divContentLabelTextAnualarTrasaction era overflow:hidden + width 448px
 * (igual que el textarea) ÔåÆ box-shadow externo se clippeaba (solo se ve├¡a arriba, en zona del label).
 * Soluci├│n: overflow:visible en ancestros + outline 4px (no ocupa layout; patr├│n botones GDS del repo).
 */
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus,
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus,
#ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus,
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus:focus,
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus:focus,
#ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus:focus,
.divWhitePanelAnulTransaction #ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus:focus-visible,
.divWhitePanelAnulTransaction textarea#ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus:focus-visible,
#ctl00_childContent_ctPendingTxDetail_ctReason.gds-keyboard-focus:focus-visible {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
}

.divWhitePanelAnulTransaction .divPositionButtonsAnularTrasaction {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 16px !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Cancelar ÔÇö Bot├│n Secundario GDS | Full Color | Label
 * Figma: 46821:26029 (estados) ┬À 46821:25665 (anatom├¡a)
 * Anatom├¡a: alto 48px ┬À radius 8px ┬À border 1px ┬À pad 12/16 ┬À Label M Bold
 * Estados: Normal / Hover / Selected(:active) / Focus(:focus-visible Tab)
 * Scope: solo #cbCancelReason en panel Anular (no #cbCancelToken ni globales)
 */
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:enabled {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Hover ÔÇö Primario 10 */
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:hover,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:hover,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:enabled:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus mouse ÔÇö sin anillo; vuelve a Normal al soltar */
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:focus:not(:focus-visible),
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:focus:not(:focus-visible) {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Selected  clic sostenido (:active)  Primario 20 */
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:active,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:active,
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:hover:active,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:hover:active,
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:active:focus:not(:focus-visible),
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:active:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus  solo Tab (:focus-visible)  border 1px + outline Secundario 30 4px (sin layout shift) */
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:focus-visible,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:focus-visible {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--secundarios-verde-secundario-30, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Selected gana sobre focus-visible mientras el clic está presionado */
.divWhitePanelAnulTransaction #cbCancelReason.Button-White-Secondary:focus-visible:active,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbCancelReason.Button-White-Secondary:focus-visible:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
}

/*
 * Anular transacci├│n ÔÇö Bot├│n de Alerta | Terciario GDS | Label
 * Figma: 60449:18716 (estados) ┬À 60449:18796 (anatom├¡a)
 * Anatom├¡a: alto 48px ┬À radius 8px ┬À pad 12/16 ┬À Label M Bold ┬À sin icono
 * Estados: Normal / Hover / Selected(:active) / Focus(:focus-visible Tab)
 */
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 216px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    /* Normal ÔÇö Gris Claro 10 #EEEEEE + Rojo error (Figma 60449:18782) */
    background: var(--grises-gris-claro-10, #EEEEEE) !important;
    background-image: none !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Hover ÔÇö Rojo error 10 #FFE8E8 */
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:hover,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:hover {
    background: var(--Alertas-Rojo-error-10, #FFE8E8) !important;
    background-image: none !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    border: none !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus mouse ÔÇö sin anillo; vuelve a Normal al soltar */
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:focus:not(:focus-visible),
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:focus:not(:focus-visible) {
    background: var(--grises-gris-claro-10, #EEEEEE) !important;
    background-image: none !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:focus:not(:focus-visible):hover,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:focus:not(:focus-visible):hover {
    background: var(--Alertas-Rojo-error-10, #FFE8E8) !important;
    background-image: none !important;
}

/* Selected  clic sostenido (:active)  Gris Claro 10 #EEEEEE (token selected / Figma 60449:18786) */
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:active,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:active,
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:hover:active,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:hover:active,
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:active:focus:not(:focus-visible),
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:active:focus:not(:focus-visible) {
    background: var(--grises-gris-claro-10, #EEEEEE) !important;
    background-image: none !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    border: none !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus  solo Tab (:focus-visible)  Gris Claro 10 + stroke Gris oscuro 100 4px */
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:focus-visible,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:focus-visible {
    background: var(--grises-gris-claro-10, #EEEEEE) !important;
    background-image: none !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    border: none !important;
    outline: 4px solid var(--grises-gris-oscuro-100, #1E1E1E) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Selected gana sobre focus-visible mientras el clic está presionado */
.divWhitePanelAnulTransaction #cbAcceptReason.buttonAnularTransaccionPage:focus-visible:active,
.divWhitePanelAnulTransaction input#ctl00_childContent_ctPendingTxDetail_cbAcceptReason.buttonAnularTransaccionPage:focus-visible:active {
    background: var(--grises-gris-claro-10, #EEEEEE) !important;
    background-image: none !important;
    color: var(--Color-Alert-Red, #C30000) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* --- Fin GDS-CTF-Verificador-Flujo-5 --- */


/* ============================================================
   GDS-CTF-COMPRA-VENTA-DIVISAS ÔÇö Compra y venta de divisas scoped
   GD-IA-C-03-IMPL full (GRP-001..003, GRP-005..012; excl. GRP-004 footer)
   ============================================================ */

/* GRP-010 / GRP-012: contenedor wizard ÔÇö stacking overlay y layout flex */
.divWhitePanelWizardMoneyExchange {
    position: relative;
    overflow: visible;
    align-items: stretch;
}

.divWhitePanelWizardMoneyExchange .divPositionWizardControlsMoneyExchange {
    gap: 40px;
    width: 100%;
    position: relative;
    overflow: visible;
    align-items: stretch !important;
    align-self: stretch;
}

.divWhitePanelWizardMoneyExchange .divPositionWizardControlsMoneyExchange > .aspNetHidden {
    display: none;
}

/* GRP-012: reset márgenes negativos legacy (IDs ctLocalTranfer) */
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepNextButton,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepPreviousButtonMoney,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_ClickOnceButton2,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID_ClickOnceButton1,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID_StartNextButton,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButtonMoneyExchange,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_ctExecuteOnceMoneyExchange,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishButton,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButton,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_plResultError,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_divNotificationSuccessfulMessage,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_divSummary,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_plResultErrorMoneyExchange,
.divWhitePanelWizardMoneyExchange #divBtnRegresarChkStep2MoneyExchange,
.divWhitePanelWizardMoneyExchange #divBtnRegresarChkStep3MoneExchange,
.divWhitePanelWizardMoneyExchange #divBtnRegresarChkStep4MoneyExchange,
.divWhitePanelWizardMoneyExchange #divBtnRegresarStep6MoneyExchange,
.divWhitePanelWizardMoneyExchange span#ctl00_childContent_ctLocalTranfer_ctWizard_lblNotice,
.divWhitePanelWizardMoneyExchange span#ctl00_childContent_ctLocalTranfer_ctWizard_lblMensajePreventivo,
.divWhitePanelWizardMoneyExchange div#ctl00_childContent_ctLocalTranfer_ctWizard_divFormularioCuentasMoneyExchange,
.divWhitePanelWizardMoneyExchange div#ctl00_childContent_ctLocalTranfer_ctWizard_divFormularioCuentas,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_pnlResultErrorStep1,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_plResultErrorMoneyExchange,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_ctExchangeRate_cgError,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_labelsCountry,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_ctSummary_cbLinkPrint,
.divWhitePanelWizardMoneyExchange #divBtnRegresarChk,
.divWhitePanelWizardMoneyExchange #divBtnRegresarChkStep4MoneyExchange {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

/* Stepper ÔÇö anular IDs legacy margin-left:0 (mayor especificidad que article.wizardStep_*) */
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_articleCirclesStep1,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_article1,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_article2,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_article3,
.divWhitePanelWizardMoneyExchange article[id*='ctLocalTranfer_ctWizard_step2Wizard'],
.divWhitePanelWizardMoneyExchange article[id*='ctLocalTranfer_ctWizard_step3Wizard'],
.divWhitePanelWizardMoneyExchange article[id*='ctLocalTranfer_ctWizard_step4Wizard'] {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* T├¡tulo wizard ÔÇö centrado en panel */
.divWhitePanelWizardMoneyExchange .wizardStep_DivContTitle {
    width: 100%;
    max-width: 577px;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center;
    box-sizing: border-box;
}

/* GRP-001: espaciado regresar ÔåÆ t├¡tulo (24px) */
.divWhitePanelWizardMoneyExchange .regresar,
.divWhitePanelWizardMoneyExchange .DivBotonRegresarRegistroTranCentroamerica {
    margin-bottom: 24px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.divWhitePanelWizardMoneyExchange .regresar input.icon-left.titulo-regresar,
.divWhitePanelWizardMoneyExchange .titulo-regresar {
    min-height: 48px;
    height: 48px;
    line-height: 24px !important;
    padding: 12px 16px 12px 40px !important;
    margin-left: 0 !important;
    background-size: 24px 24px !important;
    background-position: 8px center !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box;
    vertical-align: middle;
}

.divWhitePanelWizardMoneyExchange .titulo-regresar:hover,
.divWhitePanelWizardMoneyExchange .regresar input.icon-left.titulo-regresar:hover,
.divWhitePanelWizardMoneyExchange .icon-left.titulo-regresar:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelWizardMoneyExchange .titulo-regresar:active,
.divWhitePanelWizardMoneyExchange .regresar input.icon-left.titulo-regresar:active,
.divWhitePanelWizardMoneyExchange .icon-left.titulo-regresar:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divWhitePanelWizardMoneyExchange .titulo-regresar:focus-visible,
.divWhitePanelWizardMoneyExchange .regresar input.icon-left.titulo-regresar:focus-visible,
.divWhitePanelWizardMoneyExchange .icon-left.titulo-regresar:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 8px;
}

/* GRP-002: stepper paso completado #549820 y separador usado */
.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCircleUsed {
    border-color: var(--secundarios-secundario-80, #549820) !important;
}

.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCircleUsed + .wizardStep_ArticleCenterCircleSplitter,
.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCircleSplitterused {
    background-image: none !important;
    background-color: var(--secundarios-secundario-80, #549820);
    background-repeat: no-repeat;
    background-position: center;
    height: 2px;
    margin-top: 11px;
    align-self: center;
}

/* GRP-003: regresar esquina superior izquierda (todos los pasos) */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-regresar,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-regresar {
    width: 100%;
    max-width: none;
    margin: 0 0 24px 0;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-regresar .regresar,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-regresar .DivBotonRegresarRegistroTranCentroamerica,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-regresar .regresar {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Legacy IDs ÔÇö botones regresar pasos 1-4 y alerta paso 4 */
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_btnRegresarMenu,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_btnRegresarMenu'],
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_Button2,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_Button3,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_btnRegresarMoneyExchangeStep2,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_btnRegresarInicio,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard'] input.titulo-regresar.icon-left {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.divWhitePanelWizardMoneyExchange #divBtnRegresarChk,
.divWhitePanelWizardMoneyExchange div#divBtnRegresarChk {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divNotificationSuccessfulMessage'],
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_WcNotificationSuccessfulMessageInfo'][id*='pnlMessageNotificacionSuccessful'],
.divWhitePanelWizardMoneyExchange div#ctl00_childContent_ctLocalTranfer_ctWizard_WcNotificationSuccessfulMessageInfo1_pnlMessageNotificacionSuccessful {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-shell {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column {
    width: 448px;
    max-width: calc(100% - 32px);
    margin: 24px auto 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .form-row2.full-width {
    justify-content: flex-start !important;
}

/* Stepper ÔÇö 360px centrado (Figma 3164:127783) */
.divWhitePanelWizardMoneyExchange article.wizardStep_ArticleCenterCircles,
.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCirclesGlobalUser {
    width: 360px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCirclesContent {
    width: 100%;
    justify-content: center;
}

.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCircleNameStepUsing,
.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCircleNameStepToUse,
.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCircleNameStepUsed {
    width: 100%;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}

.divWhitePanelWizardMoneyExchange .wizardStep_ArticleCenterCirclePosition1 {
    justify-content: flex-end;
}

.divWhitePanelWizardMoneyExchange .form-grid-2 {
    gap: 24px;
    display: flex !important;
    flex-direction: column;
    grid-template-columns: none;
}

.divWhitePanelWizardMoneyExchange .form-grid-2 .form-row2 {
    margin-bottom: 0 !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-row2.full-width {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin-bottom: 0 !important;
    min-height: auto;
    box-sizing: border-box;
    grid-column: auto;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-row2.full-width > select,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-row2.full-width > .wizardStep_FrameCountryContainerControl,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-row2.full-width > .wizardStep_FrameControlContainer {
    align-self: stretch;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-grid-2 select,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-grid-2 input,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-grid-2 textarea {
    padding: 0;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .form-row2 > .text-strong-gray {
    display: block;
    padding-left: 8px;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Operaci├│n ÔÇö select nativo 100% ├ù 48px, texto a 16px (igual que Monto) */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column select.ddlTipoIdentificacion,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container select.ddlTipoIdentificacion,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container #ctl00_childContent_ctLocalTranfer_ctWizard_ctOperation,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column select[id*='ctLocalTranfer_ctWizard_ctOperation'] {
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px;
    box-sizing: border-box;
    padding: 0 48px 0 16px !important;
    font-size: 16px;
    line-height: 48px !important;
    border: 1px solid var(--grises-gris-claro-40, #c4c4c4) !important;
    border-radius: 8px;
    background-color: #fff;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    background-origin: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    text-indent: 0 !important;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

/* Pa├¡s ÔÇö custom select ancho completo dentro del borde del contenedor */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .wizardStep_FrameCountryContainerControl,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameCountryContainerControl,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px;
    max-height: 48px;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
    gap: 0;
    box-sizing: border-box;
    border: 1px solid var(--grises-gris-claro-40, #c4c4c4);
    border-radius: 8px;
    background: #fff;
    position: relative;
    overflow: visible;
    box-shadow: none;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select.wizardStep_ControlForm {
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px;
    max-height: 48px;
    margin: 0 !important;
    padding: 0 48px 0 16px !important;
    border: none !important;
    box-sizing: border-box;
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background-image: none !important;
}

/* Ocultar select nativo del plugin ÔÇö evitar display:flex del contenedor */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep-custom-select > select,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column div.wizardStep-custom-select > select,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep-custom-select select {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column div.wizardStep-custom-select a,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep-custom-select a {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
    line-height: 24px;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    border: none;
    border-radius: 0;
    background: none !important;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column div.wizardStep-custom-select a span,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep-custom-select a span {
    display: block;
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep-custom-select.wizardStep_ControlFormBackground,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column div.wizardStep-custom-select.wizardStep_ControlFormBackground {
    background-image: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep-custom-select.wizardStep_ControlFormBackground::after,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column div.wizardStep-custom-select.wizardStep_ControlFormBackground::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground::after,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column div.wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground::after {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
}

/* Dropdown Pa├¡s ÔÇö overlay absoluto (no altera altura del formulario) */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select > div,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select > div {
    display: none;
    position: absolute !important;
    top: calc(48px + 8px) !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    border: 1px solid var(--grises-gris-claro-40, #c4c4c4) !important;
    border-radius: 8px !important;
    background: #fff !important;
    z-index: 20;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid var(--grises-gris-claro-40, #c4c4c4) !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select.wizardStep-custom-select-open > div,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select.wizardStep-custom-select-open > div {
    display: block !important;
}

/* Ocultar caja de búsqueda del plugin (espacio vacío superior) */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select > div > input,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select > div > input {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select > div > div,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select > div > div {
    margin: 0 !important;
    max-height: 192px;
    overflow-y: auto;
    overflow-x: hidden;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select div ul,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select div ul li,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select div ul li {
    display: none;
    padding: 8px 16px;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    background: #fff;
    cursor: pointer;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.active {
    display: block !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.no-results,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.no-results {
    display: none !important;
}

/* .active = visible en plugin, NO seleccionado ÔÇö resaltar solo hover/focus */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.active.option-hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.active.option-hover {
    background: var(--Color-Green-Selected, #EEF7E6);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.active:hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select div ul li.active.option-hover:hover {
    background: var(--grises-gris-claro2-10, #EEEEEE);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select div.wizardStep-custom-select.wizardStep-custom-select-open,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-column .gds-money-exchange-country-select div.wizardStep-custom-select.wizardStep-custom-select-open {
    border-bottom: none !important;
    background-image: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container #ctl00_childContent_ctLocalTranfer_ctWizard_ctCountryList_cgCountry {
    width: 100% !important;
    max-width: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .formlabel,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container #ctl00_childContent_ctLocalTranfer_ctWizard_ctCountryList_clCounty {
    display: none !important;
}

/* Pasos 2-4 ÔÇö regresar y formulario en columna 448px centrada */
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-row2.full-width:has(.regresar),
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-row2.full-width:has(.DivBotonRegresarRegistroTranCentroamerica) {
    width: 100%;
    max-width: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) {
    width: 448px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .gds-money-exchange-step2-optional {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .form-row2.full-width {
    width: 100%;
    max-width: 448px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin-bottom: 0 !important;
    justify-content: flex-start !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameCountryContainerControl,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameControlContainer,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) #divBorderContentMotive,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div[id*='divBorderContentMotive'] {
    width: 100% !important;
    max-width: 448px !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameCountryContainerControl div.wizardStep-custom-select.wizardStep_ControlForm,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div.wizardStep-custom-select.wizardStep_ControlForm {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px;
    max-height: 48px;
    margin: 0 !important;
    padding: 0 48px 0 16px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background-image: none !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div.wizardStep-custom-select a {
    padding: 0 !important;
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) select.ddlTipoIdentificacion,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameCountryContainerControl,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameControlContainer {
    width: 100% !important;
    max-width: 448px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
}

/* Paso 2 ÔÇö cuentas: contenedor borde + chevron (Figma 3163:125040/125041) */
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameCountryContainerControl {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible;
    position: relative;
    background: #fff;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameCountryContainerControl div.wizardStep-custom-select.wizardStep_ControlForm,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .wizardStep_FrameCountryContainerControl div.wizardStep-custom-select {
    position: static !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div.wizardStep-custom-select.wizardStep_ControlFormBackground::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div.wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground::after {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg");
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div.wizardStep-custom-select a span {
    display: block;
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

/* Paso 2 ÔÇö Motivo (input text 48px, sin icono) */
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) #divBorderContentMotive,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div[id*='divBorderContentMotive'] {
    width: 100% !important;
    min-height: 48px;
    height: 48px;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) #divBorderContentMotive input,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) div[id*='divBorderContentMotive'] input,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) #ctl00_childContent_ctLocalTranfer_ctWizard_ctDetail,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) input[id*='ctLocalTranfer_ctWizard_ctDetail'] {
    width: 100% !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 24px;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    -webkit-appearance: none;
    appearance: none;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] .form-grid-2:not(.gds-money-exchange-form-container) .form-row2.full-width > .text-strong-gray {
    padding-left: 8px;
}

/* Wizard table ÔÇö nav en td.graybar alineada a columna 448px (ASP.NET no pone id en tr) */
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-collapse: collapse;
}

/* Celda contenido ÔÇö bloque centrado; regresar a ancho completo (patr├│n Service Payment L19352) */
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td:not(.graybar) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td:not(.graybar) > .gds-money-exchange-wizard-regresar,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td:not(.graybar) > .gds-money-exchange-step1-regresar,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td:not(.graybar) > .wizardStep_DivContTitle,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td:not(.graybar) > [id*='divNotificationSuccessfulMessage'],
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td:not(.graybar) > .form-row.full-width {
    align-self: stretch !important;
    width: 100% !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td {
    width: 100% !important;
    text-align: left !important;
    padding: 0;
    border: none;
    vertical-align: top;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td.graybar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 448px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    background-image: none !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td.graybar .gds-money-exchange-wizard-nav {
    width: 448px !important;
    max-width: 100% !important;
    margin: 40px 0 0 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td.graybar .gds-money-exchange-wizard-nav:has(input.Button-White-Secondary),
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav:has(input.Button-White-Secondary) {
    justify-content: space-between !important;
}

.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td.graybar .gds-money-exchange-wizard-nav input.button_Start_Left,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td.graybar .gds-money-exchange-wizard-nav input.button_Primary_Left,
.divWhitePanelWizardMoneyExchange table[id*='ctLocalTranfer_ctWizard'] > tbody > tr > td.graybar .gds-money-exchange-wizard-nav input.Button-White-Secondary {
    width: 216px !important;
    height: 48px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    float: none !important;
}

/* Monto ÔÇö contenedor 48px ancho completo */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameControlContainer {
    width: 100% !important;
    min-height: 48px;
    height: 48px;
    margin: 0 !important;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--grises-gris-claro-40, #c4c4c4);
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameControlContainerAmount {
    width: 100%;
    height: 48px;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_ControlAmountCurrency {
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_ControlAmountCurrencyDiv {
    flex: 0 0 1px;
    width: 1px;
    height: 24px;
    margin: 0;
    border: none;
    border-left: 1px solid var(--grises-gris-claro-40, #c4c4c4);
    transform: none;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container #ctl00_childContent_ctLocalTranfer_ctWizard_ctAmount {
    flex: 1 1 auto;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    border: none !important;
    background: transparent;
    height: 24px;
    line-height: 24px;
    padding: 0 !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-link,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_hkManual,
.divWhitePanelWizardMoneyExchange a[id*='ctLocalTranfer_ctWizard_hkManual'] {
    text-align: left !important;
    align-self: flex-start;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
    display: inline-block;
}

/* CTA paso 1 ÔÇö 448px, bot├│n 216px alineado a la derecha (Figma 3162:121051) */
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    display: block !important;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StartNavigationTemplateContainerID_ClickOnceButton1,
.divWhitePanelWizardMoneyExchange input[id*='StartNavigationTemplateContainerID_ClickOnceButton1'],
.divWhitePanelWizardMoneyExchange input[id*='StartNavigationTemplateContainerID_StartNextButton'] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    float: none !important;
    position: relative !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:enabled,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:focus,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:focus-visible,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:disabled {
    width: 216px !important;
    max-width: 100%;
    height: 48px !important;
    flex: 0 0 auto !important;
    float: none !important;
    display: inline-flex !important;
}

.divWhitePanelWizardMoneyExchange .text-strong-gray {
    padding-left: 8px;
}

/* GRP-005: inputs/selects ÔÇö estados GDS sin salto de layout (patr├│n Planillas) */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container select.ddlTipoIdentificacion {
    padding: 0 48px 0 16px !important;
    box-sizing: border-box;
    min-height: 48px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container select.ddlTipoIdentificacion:hover {
    border-color: var(--grises-gris-claro-100, #717171) !important;
    border-width: 1px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container select.ddlTipoIdentificacion:active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container select.ddlTipoIdentificacion:focus:not(:focus-visible) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    outline: none;
    box-shadow: none;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container select.ddlTipoIdentificacion:focus-visible {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    outline: none;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

/* Pa├¡s ÔÇö estados en contenedor (custom-select) */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select:hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameCountryContainerControl.gds-money-exchange-country-select:hover {
    border-color: var(--grises-gris-claro-100, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select:has(.wizardStep-custom-select-open),
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameCountryContainerControl.gds-money-exchange-country-select:has(.wizardStep-custom-select-open) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select:has(a:focus-visible):not(:has(.wizardStep-custom-select-open)),
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameCountryContainerControl.gds-money-exchange-country-select:has(a:focus-visible):not(:has(.wizardStep-custom-select-open)) {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .gds-money-exchange-country-select:focus-within:not(:has(:focus-visible)):not(:has(.wizardStep-custom-select-open)),
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameCountryContainerControl.gds-money-exchange-country-select:focus-within:not(:has(:focus-visible)):not(:has(.wizardStep-custom-select-open)) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Monto ÔÇö estados en contenedor */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameControlContainer:not(.gds-money-exchange-country-select):hover {
    border-color: var(--grises-gris-claro-100, #717171) !important;
    border-width: 1px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameControlContainer:not(.gds-money-exchange-country-select):has(:focus-visible) {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container .wizardStep_FrameControlContainer:not(.gds-money-exchange-country-select):focus-within:not(:has(:focus-visible)) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelWizardMoneyExchange select.wizardStep_ControlFormBackground:active,
.divWhitePanelWizardMoneyExchange .ddlTipoIdentificacion:active,
.divWhitePanelWizardMoneyExchange input[type="text"]:active,
.divWhitePanelWizardMoneyExchange textarea:active {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
}

.divWhitePanelWizardMoneyExchange select.wizardStep_ControlFormBackground:focus:not(:focus-visible),
.divWhitePanelWizardMoneyExchange .ddlTipoIdentificacion:focus:not(:focus-visible),
.divWhitePanelWizardMoneyExchange input[type="text"]:focus:not(:focus-visible),
.divWhitePanelWizardMoneyExchange textarea:focus:not(:focus-visible) {
    border: 1px solid #717171 !important;
    border-width: 1px !important;
    outline: none;
}

.divWhitePanelWizardMoneyExchange select.wizardStep_ControlFormBackground:focus-visible,
.divWhitePanelWizardMoneyExchange .ddlTipoIdentificacion:focus-visible {
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    border-width: 4px !important;
    outline: none;
}

.divWhitePanelWizardMoneyExchange input[type="text"],
.divWhitePanelWizardMoneyExchange textarea {
    border: 1px solid #717171;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange input[type="text"]:focus-visible,
.divWhitePanelWizardMoneyExchange textarea:focus-visible {
    outline: none;
    box-shadow: none;
}

/* Anular reglas globales 4px que desplazan layout en paso 1 */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep_FrameControlContainer:focus-within:not(:focus-visible) {
    border-color: var(--grises-gris-claro-40, #c4c4c4);
    border-width: 1px;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-form-container div.wizardStep_FrameControlContainer:has(:focus-visible) {
    border-width: 1px !important;
}

/* GRP-006: text link GDS scoped */
.divWhitePanelWizardMoneyExchange .basiclink,
.divWhitePanelWizardMoneyExchange a#ctl00_childContent_ctLocalTranfer_ctWizard_hkManual,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-step1-link {
    color: var(--colors-primary-70, #00693C);
    font-weight: 700;
    text-decoration: underline;
    text-align: left;
}

.divWhitePanelWizardMoneyExchange .basiclink:hover,
.divWhitePanelWizardMoneyExchange a#ctl00_childContent_ctLocalTranfer_ctWizard_hkManual:hover {
    color: var(--Color-Button-Hover, #338763);
    text-decoration: underline;
}

.divWhitePanelWizardMoneyExchange .basiclink:active,
.divWhitePanelWizardMoneyExchange a#ctl00_childContent_ctLocalTranfer_ctWizard_hkManual:active {
    color: var(--veder-button-selected, #003F24);
    background-color: var(--Color-Verder-Primario20, #CCE1D8);
    border-radius: 4px;
    text-decoration: underline;
}

.divWhitePanelWizardMoneyExchange .basiclink:focus-visible,
.divWhitePanelWizardMoneyExchange a#ctl00_childContent_ctLocalTranfer_ctWizard_hkManual:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9);
    outline-offset: 2px;
    border-radius: 4px;
}

/* GRP-007 / GRP-011 / GRP-012: nav wizard ÔÇö reset m├írgenes y estados botones */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    width: 448px;
    max-width: 100%;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
}

/* Nav paso 2+ ÔÇö anular right:120px y flex:1 globales en todos los estados */
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:enabled,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:focus,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:focus-visible,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:disabled,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:enabled,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:focus,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:focus-visible,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:disabled,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:enabled,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:hover,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:focus,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:focus-visible,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav .previous-button-move-step2-trans-local-centro,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_ClickOnceButton2,
.divWhitePanelWizardMoneyExchange input[id*='StepNavigationTemplateContainerID_ClickOnceButton2'],
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_ctExecuteOnceMoneyExchange,
.divWhitePanelWizardMoneyExchange input[id*='FinishNavigationTemplateContainerID_ctExecuteOnceMoneyExchange'],
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_ctExecuteOnce,
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepPreviousButtonMoney,
.divWhitePanelWizardMoneyExchange input[id*='StepNavigationTemplateContainerID_StepPreviousButtonMoney'],
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton,
.divWhitePanelWizardMoneyExchange input[id*='StepNavigationTemplateContainerID_StepPreviousButton'],
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButtonMoneyExchange,
.divWhitePanelWizardMoneyExchange input[id*='FinishNavigationTemplateContainerID_FinishPreviousButtonMoneyExchange'] {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    float: none !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav:has(input.Button-White-Secondary) {
    justify-content: space-between !important;
    gap: 16px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:active,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
    border: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:focus:not(:focus-visible),
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:focus:not(:focus-visible) {
    outline: none !important;
    border: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Primary_Left:focus-visible,
.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.button_Start_Left:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border: none !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:enabled {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:hover {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    height: 48px !important;
    line-height: 24px !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:focus-visible {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    height: 48px !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange .gds-money-exchange-wizard-nav input.Button-White-Secondary:focus:not(:focus-visible) {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    height: 48px !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
}

/* GRP-008: alerta paso 2 ÔÇö layout 48px, width 100% */
.divWhitePanelWizardMoneyExchange div#ctl00_childContent_ctLocalTranfer_ctWizard_pnlMessageNotificacionSuccessfulInfoStep2 {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 24px !important;
    width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .div_AlertContentSuccesfull {
    min-height: 48px;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    box-sizing: border-box;
    align-self: stretch;
}

.divWhitePanelWizardMoneyExchange .div_AlertContentborderGreenDivMoneyExchange {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange .div_AlertContentSuccesfull {
    border: 1px solid #0F804F;
}

.divWhitePanelWizardMoneyExchange .div_AlertContentborderGreen {
    background-color: #0F804F;
}

/* GRP-009: dropdown opci├│n seleccionada paso 3 */
.divWhitePanelWizardMoneyExchange select option:checked,
.divWhitePanelWizardMoneyExchange select option:checked:hover {
    background: var(--Color-Green-Selected, #EEF7E6);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelWizardMoneyExchange select option:hover {
    background: var(--Color-Green-Selected, #EEF7E6);
}

/* GRP-010: overlay carga ÔÇö cobertura viewport (token CONF-005 conservado) */
.divWhitePanelWizardMoneyExchange .disableback {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: rgba(30, 30, 30, 0.85);
    pointer-events: all;
}

.divWhitePanelWizardMoneyExchange .progress {
    z-index: 10000;
}

/* GRP-013: Paso 3 ÔÇö Tipo cambio (wcExchangeRateAgreementUC) */
.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-panel {
    padding: 0 !important;
    margin: 0 !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-wrap,
.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-loading-wrap {
    width: 448px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] br {
    display: none !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-card {
    padding: 16px;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 16px 0 0 0 !important;
    box-sizing: border-box !important;
    /* border-top: 1px solid #E9E9E9; */
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-action {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc(50% - 8px) !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-action input[type="submit"].exchange-offer-btn,
.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] input.exchange-offer-btn {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctExchangeRate'] .exchange-offer-note {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

/* GRP-014: Paso 4 ÔÇö Resumen (wcSummaryMoney / ctSummary) ÔÇö scope divSummary */
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'],
.divWhitePanelWizardMoneyExchange #ctl00_childContent_ctLocalTranfer_ctWizard_divSummary {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] > .divPositionWcSummary,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divPositionWcSummary {
    width: 100% !important;
    max-width: 448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divPositionwcSummary,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divSizePanelwcSummary,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divOriginWcSummarySize,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divDestinoWcSummarySize,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divDestinoWcSummarySizeChk,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] #print_content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divPositionTitleWcSummarUC {
    margin-left: 0 !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    align-items: flex-start !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divPositionControlsOriginWcSummary,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divPositionControlsDestinoWcSummary {
    width: 100% !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .wizardStep_FrameControlSubTitle,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divMarginTitleWcSummary,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .fieldsettitle {
    margin-left: 0 !important;
    padding-left: 8px;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .div_SummaryContentEstructureItem,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .div_SummaryContentEstructureItemDetail {
    width: 100% !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .div_SummaryContentEstructureItemDetail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 24px;
    gap: 16px;
    align-items: center !important;
    padding: 8px 0 16px 0 !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .div_SummaryContentEstructureItemDetail:not(:has(.div_SummaryLinkGreen)) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .div_SummaryLabelItem {
    width: auto !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
    min-width: 0;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .div_SummaryLinkGreen {
    justify-self: end;
    flex: 0 0 24px;
    width: 24px;
    margin: 0 !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummaryAmountMoney,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummaryCHK,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummaryAmount,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummary,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummaryCA,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummaryTrans,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .positionLabelWcSummaryMonto {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .divClasesMarginTermsAndConditionsDetail,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] [id*='labelsCountry'] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .gds-money-exchange-summary-print-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 8px;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] .marginLeftButton-White-print,
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] a[id*='cbLinkPrint'],
.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] #cbLinkPrint {
    margin: 0 !important;
    width: auto !important;
    min-width: 181px !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 48px 12px 16px !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    box-sizing: border-box !important;
}

.divWhitePanelWizardMoneyExchange [id*='ctLocalTranfer_ctWizard_divSummary'] fieldset {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* --- Fin GDS-CTF-COMPRA-VENTA-DIVISAS --- */

/* ============================================================
   GDS-CTF-IMPRESION-COMPROBANTES ÔÇö scoped (C-03-IMPL full)
   incidentId: GDS-CTF-IMPRESION_COMPROBANTES-20260721-140500
   ============================================================ */

/* GRP-001: filtros fecha ÔÇö 16px, padding, icono a la derecha */
.divWhitePanelPrintVoucher .div_ConfirmationContentDatePickerIcon,
.divWhitePanelPrintVoucher .div_SizeControlDateControlPrintVoucher {
    font-size: 16px !important;
    line-height: 24px !important;
    height: 48px !important;
    width: 279px !important;
    box-sizing: border-box !important;
    padding: 12px 48px 12px 16px !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCalendario.svg") !important;
    background-repeat: no-repeat !important;
    background-origin: padding-box !important;
    background-clip: padding-box !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
}

/* GRP-001 / GRP-006: wrapper país alineado al label; borde solo en select */
.divWhitePanelPrintVoucher .divContentInicialDatePrintVoucher {
    align-items: stretch !important;
}

.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    width: 279px !important;
    max-width: 100% !important;
    height: 48px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
}

.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select,
.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select#cgCountry,
.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select[id$='cgCountry'],
.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select.wizardStep-custom-select,
.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select.wizardStep_ControlFormBackground {
    display: block !important;
    width: 279px !important;
    max-width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 12px 48px 12px 16px !important;
    box-sizing: border-box !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    border-radius: 8px !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") !important;
    background-repeat: no-repeat !important;
    background-origin: padding-box !important;
    background-clip: padding-box !important;
    background-position: right 16px center !important;
    background-size: 16px 16px !important;
    cursor: pointer;
}

.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select:focus,
.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select#cgCountry:focus,
.divWhitePanelPrintVoucher .ddlDropDownPrintVoucher select[id$='cgCountry']:focus {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
}

/* GRP-010: overlay carga por encima del footer (sin page class ÔÇö GRP-016 excluido) */
.divWhitePanelPrintVoucher .disableback,
.divWhitePanelResumenPrint .disableback,
.divWhitePanelPrintVoucher [id$='upProgress'] .disableback,
.divWhitePanelResumenPrint [id$='upProgress'] .disableback {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 10001 !important;
    background: rgba(30, 30, 30, 0.85) !important;
    pointer-events: all !important;
}

.divWhitePanelPrintVoucher .progress,
.divWhitePanelResumenPrint .progress,
.divWhitePanelPrintVoucher [id$='upProgress'] .progress,
.divWhitePanelResumenPrint [id$='upProgress'] .progress {
    position: fixed !important;
    z-index: 10002 !important;
}

/* GRP-002: bot├│n primario Ver comprobantes ÔÇö Figma 216├ù48, gap 32px entre filtros */
.divWhitePanelPrintVoucher .divContentControlSearchPrintVoucher {
    width: auto !important;
    max-width: 100% !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
}

.divWhitePanelPrintVoucher .button_PrimaryGreen,
.divWhitePanelPrintVoucher input.button_PrimaryGreen,
.divWhitePanelPrintVoucher .button_PrimaryGreen.sizeButtonAproveTransaction,
.divWhitePanelPrintVoucher input.button_PrimaryGreen.sizeButtonAproveTransaction {
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    flex: 0 0 216px !important;
    align-self: flex-end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.divWhitePanelPrintVoucher .button_PrimaryGreen:enabled,
.divWhitePanelPrintVoucher .button_PrimaryGreen:hover,
.divWhitePanelPrintVoucher .button_PrimaryGreen:focus,
.divWhitePanelPrintVoucher .button_PrimaryGreen:active,
.divWhitePanelPrintVoucher .button_PrimaryGreen:focus-visible,
.divWhitePanelPrintVoucher input.button_PrimaryGreen:enabled,
.divWhitePanelPrintVoucher input.button_PrimaryGreen:hover,
.divWhitePanelPrintVoucher input.button_PrimaryGreen:focus,
.divWhitePanelPrintVoucher input.button_PrimaryGreen:active,
.divWhitePanelPrintVoucher input.button_PrimaryGreen:focus-visible {
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    flex: 0 0 216px !important;
    line-height: 24px !important;
}

.divWhitePanelPrintVoucher .button_PrimaryGreen:active {
    background: var(--veder-button-selected, #003F24) !important;
    border: none !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
}

.divWhitePanelPrintVoucher .button_PrimaryGreen:focus:not(:focus-visible) {
    background: var(--Color-Button-Enable) !important;
    border: none !important;
    outline: none !important;
}

.divWhitePanelPrintVoucher .button_PrimaryGreen:focus-visible {
    background: var(--Color-Button-Enable) !important;
    border: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
}

/* GRP-003: CalendarExtender ÔÇö offset, padding, d├¡a circular, sin recorte */
.divWhitePanelPrintVoucher,
.divWhitePanelPrintVoucher .divMarginPrintVoucher,
.divWhitePanelPrintVoucher .divContentControlSearchPrintVoucher,
.divWhitePanelPrintVoucher .divContentInicialDatePrintVoucher,
.divWhitePanelPrintVoucher .divContentCalendarPrintVoucher,
.divWhitePanelPrintVoucher .wizardStep_FrameControlContainer {
    overflow: visible !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar {
    z-index: 10003 !important;
    overflow: visible !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_container {
    margin-top: 8px !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
    width: 292px !important;
    height: auto !important;
    min-height: 330px !important;
    overflow: visible !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_header {
    text-align: center !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_body {
    height: 265px !important;
    min-height: 265px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_dayname {
    width: 14.285714% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day,
.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day:hover,
.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day,
.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_today .ajax__calendar_day {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    line-height: 32px !important;
    border-radius: 50% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day:hover {
    background-color: var(--primarios-verde-primario, #00693C) !important;
    color: #ffffff !important;
}

.divWhitePanelPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day {
    background-color: var(--primarios-verde-primario, #00693C) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
}

/* GRP-003 shared: mismo calendario vía divContentCalendarPrintVoucher (Transferencias Step4, etc.) */
.divContentInicialDatePrintVoucher,
.divContentCalendarPrintVoucher,
.divContentCalendarPrintVoucher .wizardStep_FrameControlContainer {
    overflow: visible !important;
}

.divContentCalendarPrintVoucher {
    position: relative !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar {
    z-index: 10050 !important;
    overflow: visible !important;
    left: 0 !important;
    right: auto !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_container {
    margin-top: 8px !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
    width: 292px !important;
    height: auto !important;
    min-height: 330px !important;
    overflow: visible !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_header {
    text-align: center !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_body {
    height: 265px !important;
    min-height: 265px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_dayname {
   width: 14.285714% !important;
   max-width: none !important;
   padding: 0px !important;
   padding-left: 9px !important;
   padding-bottom: 5px !important;
   margin: 0 !important;
   text-align: center !important;
 }

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day:hover,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_today .ajax__calendar_day {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    line-height: 32px !important;
    border-radius: 50% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day:hover {
    background-color: var(--primarios-verde-primario, #00693C) !important;
    color: #ffffff !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day {
    background-color: var(--primarios-verde-primario, #00693C) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
}

/* Popup ACT: _today es hermano de _container (no hijo). IDs CalendarExtender_* */
[id$="_CalendarExtender_today"],
[id$="_CalendarExtender_popupDiv"] [id$="_CalendarExtender_today"],
.divContentCalendarPrintVoucher [id$="_CalendarExtender_today"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

[id$="_CalendarExtender_popupDiv"],
.divContentCalendarPrintVoucher [id$="_CalendarExtender_popupDiv"] {
    box-shadow: 0px 0px 48px 0px rgba(30, 30, 30, 0.2) !important;
}

/* Popup ACT puede renderizarse fuera del host: reforzar GRP-003 sobre .div_ConfirmationContentDateCalendar */
.div_ConfirmationContentDateCalendar .ajax__calendar_footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_header {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_body {
    height: 265px !important;
    min-height: 265px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_days {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_days table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_dayname {
    width: 14.285714% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    color: var(--grises-gris-claro-100, #949494) !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_day,
.div_ConfirmationContentDateCalendar .ajax__calendar_day div,
.div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day,
.div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day div,
.div_ConfirmationContentDateCalendar .ajax__calendar_day:hover,
.div_ConfirmationContentDateCalendar .ajax__calendar_today .ajax__calendar_day {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    line-height: 32px !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    aspect-ratio: 1 / 1 !important;
    float: none !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day,
.div_ConfirmationContentDateCalendar .ajax__calendar_active .ajax__calendar_day div {
    background-color: var(--primarios-verde-primario, #00693C) !important;
    color: #ffffff !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_days table td,
.div_ConfirmationContentDateCalendar table[id*='CalendarExtender'] .ajax__calendar_days td {
    width: 14.285714% !important;
    max-width: none !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_days table td:not(.ajax__calendar_dayname),
.div_ConfirmationContentDateCalendar table[id*='CalendarExtender'] .ajax__calendar_days td:not(.ajax__calendar_dayname) {
    cursor: pointer !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_months table td,
.div_ConfirmationContentDateCalendar .ajax__calendar_years table td {
    width: auto !important;
    max-width: none !important;
    padding: 4px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_title {
    pointer-events: none !important;
    cursor: default !important;
}

/* Ocultar solo capas duplicadas de días (ACT); NO usar :last-child — months/years son hermanos */
.div_ConfirmationContentDateCalendar .ajax__calendar_body > .ajax__calendar_days ~ .ajax__calendar_days,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_body > .ajax__calendar_days ~ .ajax__calendar_days {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Proteger grilla ACT: ids del CalendarExtender contienen ctNetPromWizard en el ClientID */
.divContentCalendarPrintVoucher table[id*='CalendarExtender'] .ajax__calendar_days table,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
}

.divContentCalendarPrintVoucher table[id*='CalendarExtender'] .ajax__calendar_days tbody,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table tbody {
    display: table-row-group !important;
}

.divContentCalendarPrintVoucher table[id*='CalendarExtender'] .ajax__calendar_days tr,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table tr {
    display: table-row !important;
}

.divContentCalendarPrintVoucher table[id*='CalendarExtender'] .ajax__calendar_days td,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table td {
    display: table-cell !important;
    width: 14.285714% !important;
    max-width: none !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Alinear encabezados L K M J V S D con columnas de días */
.div_ConfirmationContentDateCalendar tr[id*='daysTableHeaderRow'],
.divContentCalendarPrintVoucher tr[id*='daysTableHeaderRow'] {
    transform: translateX(3px);
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar td.ajax__calendar_dayname,
.div_ConfirmationContentDateCalendar td.ajax__calendar_dayname {
    display: table-cell !important;
    width: 14.285714% !important;
    max-width: none !important;
    padding: 0 0 8px 0 !important;
    margin: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    float: none !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_dayname div,
.div_ConfirmationContentDateCalendar .ajax__calendar_dayname div {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: block !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar tr[id*='daysTableHeaderRow'] td,
.div_ConfirmationContentDateCalendar tr[id*='daysTableHeaderRow'] td {
    width: 14.285714% !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0 0 8px 0 !important;
}

/* Filas de días: espaciado vertical uniforme entre semanas */
.div_ConfirmationContentDateCalendar .ajax__calendar_days table tbody tr,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table tbody tr,
.divContentCalendarPrintVoucher table[id*='CalendarExtender'] .ajax__calendar_days table tbody tr {
    height: 40px !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_days table tbody td,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_days table tbody td,
.divContentCalendarPrintVoucher table[id*='CalendarExtender'] .ajax__calendar_days table tbody td {
    height: 40px !important;
    padding: 4px 0 !important;
    line-height: normal !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_day div,
.div_ConfirmationContentDateCalendar .ajax__calendar_day,
.div_ConfirmationContentDateCalendar .ajax__calendar_day div {
    float: none !important;
    clear: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.div_ConfirmationContentDateCalendar .ajax__calendar_body,
.divContentCalendarPrintVoucher .div_ConfirmationContentDateCalendar .ajax__calendar_body {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* GRP-004: alertas full-width alineadas */
.divWhitePanelPrintVoucher .divDistributionPanelPrintVoucher {
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

.divWhitePanelPrintVoucher .divMarginPrintVoucher {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

.divWhitePanelPrintVoucher .div_AlertContent,
.divWhitePanelPrintVoucher [id$='pnlMessageErrorStep1'] .div_AlertContent {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    min-height: 72px !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
}

.divWhitePanelPrintVoucher .div_AlertContentborder,
.divWhitePanelPrintVoucher .div_AlertContentMessage,
.divWhitePanelPrintVoucher .div_AlertContentMessagePosition {
    align-items: center !important;
}

/* GRP-007: grid 100% del card (Figma lista 1344 dentro del panel) */
.divWhitePanelPrintVoucher .divPositionGridPrintVoucher {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

.divWhitePanelPrintVoucher .divContentGridPrintVoucher {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
    align-items: stretch !important;
    display: block !important;
    box-sizing: border-box !important;
}

.divWhitePanelPrintVoucher .divContentGridPrintVoucher table,
.divWhitePanelPrintVoucher .GridsDataNew,
.divWhitePanelPrintVoucher table.GridsDataNew,
.divWhitePanelPrintVoucher table[id$='gvReceiptList'],
.divWhitePanelPrintVoucher table[align='center'],
.divWhitePanelPrintVoucher table[align=center] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.divWhitePanelPrintVoucher .GridsDataNew th,
.divWhitePanelPrintVoucher .GridsDataNew td,
.divWhitePanelPrintVoucher table.GridsDataNew th,
.divWhitePanelPrintVoucher table.GridsDataNew td,
.divWhitePanelPrintVoucher table[id$='gvReceiptList'] th,
.divWhitePanelPrintVoucher table[id$='gvReceiptList'] td {
    width: auto !important;
    max-width: none !important;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* GRP-008: text link comprobante ÔÇö estados GDS */
.divWhitePanelPrintVoucher .GridsDataNew a.basiclink {
    text-decoration: underline !important;
    border-bottom: none !important;
}

.divWhitePanelPrintVoucher .GridsDataNew a.basiclink:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelPrintVoucher .GridsDataNew a.basiclink:active {
    color: var(--veder-button-selected, #003F24) !important;
    text-decoration: underline !important;
}

.divWhitePanelPrintVoucher .GridsDataNew a.basiclink:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
}

/* GRP-009: hover filas #EEEEEE; empty sin interacci├│n */
.divWhitePanelPrintVoucher .GridsDataNew tr:not(.empty-message):hover td,
.divWhitePanelPrintVoucher .GridsDataNew tr:not(.empty-message) td:hover {
    background-color: #EEEEEE !important;
}

.divWhitePanelPrintVoucher .GridsDataNew tr.empty-message:hover td,
.divWhitePanelPrintVoucher .GridsDataNew tr.empty-message td:hover,
.divWhitePanelPrintVoucher .empty-message:hover,
.divWhitePanelPrintVoucher .empty-message td:hover {
    background-color: transparent !important;
    cursor: default !important;
}

/* GRP-011: contenedor resumen ÔÇö Figma card 1376 / padding 32 */
.divWhitePanelResumenPrint {
    width: 1376px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}

.divWhitePanelResumenPrint .divPositionContentPanelResumenPrint {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 16px !important;
    align-items: center !important;
    align-self: stretch !important;
}

/* GRP-012: Regresar ÔÇö breadcrumb Figma (izq, gap 8, py 12, icon 24) */
.divWhitePanelResumenPrint .divPositionButtonRegresarPanelResumenPrint {
    width: 100% !important;
    align-self: stretch !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
}

.divWhitePanelResumenPrint .icon-leftwithPanelPedingTxDetail,
.divWhitePanelResumenPrint a.icon-leftwithPanelPedingTxDetail.titulo-regresar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px 8px 12px 0 !important;
    gap: 8px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconLeft.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 24px !important;
    padding-left: 32px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-decoration: none !important;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelResumenPrint .icon-leftwithPanelPedingTxDetail:hover,
.divWhitePanelResumenPrint a.icon-leftwithPanelPedingTxDetail.titulo-regresar:hover {
    background-color: transparent !important;
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelResumenPrint .icon-leftwithPanelPedingTxDetail:active,
.divWhitePanelResumenPrint a.icon-leftwithPanelPedingTxDetail.titulo-regresar:active {
    background-color: transparent !important;
    color: var(--veder-button-selected, #003F24) !important;
    text-decoration: none !important;
    outline: none !important;
}

.divWhitePanelResumenPrint .icon-leftwithPanelPedingTxDetail:focus,
.divWhitePanelResumenPrint a.icon-leftwithPanelPedingTxDetail.titulo-regresar:focus {
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelResumenPrint .icon-leftwithPanelPedingTxDetail:focus-visible,
.divWhitePanelResumenPrint a.icon-leftwithPanelPedingTxDetail.titulo-regresar:focus-visible {
    background-color: transparent !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px !important;
    text-decoration: none !important;
}

/* GRP-013: título resumen 24px centrado */
.divWhitePanelResumenPrint .StyleTitleWcSummaryUC,
.divWhitePanelResumenPrint .divPositionTitleWcSummarUC {
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* GRP-014: contenido 680px centrado; gap 40px (Figma Form + CTA) */
.divWhitePanelResumenPrint .divPositionInfoPanelResumenPrint {
    width: 680px !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 40px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

.divWhitePanelResumenPrint .divPositionWcSummary,
.divWhitePanelResumenPrint .divSizePanelwcSummary {
    gap: 40px !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.divWhitePanelResumenPrint .divOriginWcSummarySize,
.divWhitePanelResumenPrint .divDestinoWcSummarySize {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.divWhitePanelResumenPrint .divOriginWcSummarySize + .divDestinoWcSummarySize,
.divWhitePanelResumenPrint .divDestinoWcSummarySize {
    margin-top: 0 !important;
}

.divWhitePanelResumenPrint .divDestinoWcSummarySize > fieldset {
    margin-top: 40px !important;
}

.divWhitePanelResumenPrint .divDestinoWcSummarySize > fieldset:first-of-type {
    margin-top: 0 !important;
}

/* GRP-015: bot├│n Imprimir ÔÇö estados GDS + centrado icono/texto */
.divWhitePanelResumenPrint a.Button-White-print,
.divWhitePanelResumenPrint .Button-White-print {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    width: auto !important;
    min-width: 181px;
    flex: 0 0 auto !important;
    padding: 12px 48px 12px 16px !important;
    margin: 0 !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPrint.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
}

.divWhitePanelResumenPrint a.Button-White-print:hover,
.divWhitePanelResumenPrint .Button-White-print:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
}

.divWhitePanelResumenPrint a.Button-White-print:active,
.divWhitePanelResumenPrint .Button-White-print:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelResumenPrint a.Button-White-print:focus,
.divWhitePanelResumenPrint .Button-White-print:focus,
.divWhitePanelResumenPrint a.Button-White-print:focus:not(:focus-visible),
.divWhitePanelResumenPrint .Button-White-print:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelResumenPrint a.Button-White-print:focus-visible,
.divWhitePanelResumenPrint .Button-White-print:focus-visible {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.divWhitePanelResumenPrint a.Button-White-print:hover:active,
.divWhitePanelResumenPrint .Button-White-print:hover:active,
.divWhitePanelResumenPrint a.Button-White-print:focus-visible:active,
.divWhitePanelResumenPrint .Button-White-print:focus-visible:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
}

/* --- Fin GDS-CTF-IMPRESION-COMPROBANTES --- */

/* --- GDS-CTF-InternacionalesStep1 ÔÇö scoped .divwcCentralAmericaTransferIN (C-03-IMPL full) --- */

/* Panel blanco paso 1 ÔÇö Figma 2070:67319 (1376├ù1166) */
.gds-int-transfer-page-shell {
    min-width: 0 !important;
    max-width: 1376px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN,
.divwcCentralAmericaTransferIN.divwcCentralAmericaTransferUC-fix {
    width: 1376px !important;
    max-width: 100% !important;
    min-height: 1166px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
}

/* GRP-003: cabecera wizard ÔÇö Regresar izq; t├¡tulo + stepper centrados (Figma) */
.divwcCentralAmericaTransferIN .wizard-step-header {
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
}

/* Regresar ÔÇö pegado al padding 32px del panel (sin py extra: el link ya mide 48px) */
.divwcCentralAmericaTransferIN .wizard-step-header > .gds-int-transfer-back-row,
.divwcCentralAmericaTransferIN .wizard-step-header > .divPositionBackArrowMenu {
    align-self: stretch !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .wizard-step-header #divBtnRegresar,
.divwcCentralAmericaTransferIN .wizard-step-header .regresar {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: flex-start !important;
    width: auto !important;
}

.divwcCentralAmericaTransferIN .wizard-step-header .wizardStep_DivContTitle,
.divwcCentralAmericaTransferIN .wizard-step-header .progress-transfer {
    align-self: center !important;
}

.divwcCentralAmericaTransferIN .wizardStep_DivContTitle {
    width: 577px;
    max-width: 100%;
    align-items: center;
}

.divwcCentralAmericaTransferIN .regresar,
.divwcCentralAmericaTransferIN .DivBotonRegresarRegistroTranCentroamerica {
    margin-bottom: 0;
    margin-top: 0;
}

/* GRP-002: Bot├│n Regresar ÔÇö patr├│n usp-link-regresar (Planillas ┬½Regresar a inicio┬╗) */
.divwcCentralAmericaTransferIN .usp-link-regresar {
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.divwcCentralAmericaTransferIN .usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divwcCentralAmericaTransferIN .usp-link-regresar:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divwcCentralAmericaTransferIN .usp-link-regresar:focus-visible {
    height: 48px;
    min-height: 48px;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0;
    border-radius: 0;
    text-decoration: none;
}

/* GRP-004: form-grid paso 1 ÔÇö Figma 2070:67319 (912px, cols 448+24+448, filas 24px) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form).form-grid-2,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form).form-grid-2.form-grid-2-gap,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form).form-grid-2.form-grid-2-gap-fix {
    display: grid !important;
    grid-template-columns: 448px 448px !important;
    column-gap: 24px !important;
    row-gap: 24px !important;
    width: 920px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    justify-content: start !important;
    align-items: start !important;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .form-row2 {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-self: start !important;
}

/* Pares columna izq/der ÔÇö misma estructura label+control (sin gap extra en FrameControlDetailCentro) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divContentLabelControlWizardPagoPlanillasProveedores {
    width: 448px !important;
    max-width: 100% !important;
    gap: 0 !important;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .wizardStep_FrameControlDetailCentro {
    gap: 0 !important;
}

/* GRP-004: form-grid gap 24px + label spacing 8px (FIND-011 / UX 9) */
.divwcCentralAmericaTransferIN .form-grid-2.form-grid-2-gap:not(:is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form)) {
    gap: 24px 24px !important;
}

.divwcCentralAmericaTransferIN .form-grid-2 .form-row2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
}

.divwcCentralAmericaTransferIN .wizardStep_FrameControl,
.divwcCentralAmericaTransferIN .wizardStep_FrameControlDetailCentro {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
}

.divwcCentralAmericaTransferIN .form-grid-2 .text-strong-gray,
.divwcCentralAmericaTransferIN .form-row2 > .text-strong-gray,
.divwcCentralAmericaTransferIN .wizardStep_FrameControl .text-strong-gray,
.divwcCentralAmericaTransferIN .wizardStep_FrameControlDetailCentro .text-strong-gray {
    display: block !important;
    padding-left: 8px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .form-grid-2 label {
    display: block !important;
    padding-left: 8px !important;
    margin-bottom: 0 !important;
}

/* Inputs texto paso 1 ÔÇö 448px (mismo ancho que dropdowns GDS) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .wizardStep_FrameControlDetailCentro,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .wizardStep_FrameControl {
    width: 448px !important;
    max-width: 448px !important;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .wizardStep_FrameControlContainer:not(.wizardStep_FrameCountryContainerControl):not(.gds-int-transfer-amount) {
    width: 448px !important;
    max-width: 448px !important;
    min-height: 48px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .wizardStep_FrameControlContainer:not(.wizardStep_FrameCountryContainerControl):not(.gds-int-transfer-amount) input[type="text"],
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .wizardStep_FrameControlContainer:not(.wizardStep_FrameCountryContainerControl):not(.gds-int-transfer-amount) textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0 !important;
    padding: 12px 16px !important;
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 24px;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
}

/* Error inputs texto ÔÇö un solo icono en el contenedor (como Monto / Planillas GDS) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)).div_BorderRed,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine.div_BorderRed {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    padding-right: 48px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)).div_BorderRed:hover,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)).div_BorderRed:focus-within,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)).div_BorderRed:active,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)).div_BorderRed.gds-keyboard-focus,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine.div_BorderRed:hover,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine.div_BorderRed:focus-within,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine.div_BorderRed:active,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine.div_BorderRed.gds-keyboard-focus {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer input.div_IconErrorAlert,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer textarea.div_IconErrorAlert,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine input.div_IconErrorAlert,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine textarea.div_IconErrorAlert {
    background-image: none !important;
    background-repeat: no-repeat !important;
    padding-right: 40px !important;
}

/* Monto ÔÇö contenedor unificado 448px ├ù 48px (patr├│n Money Exchange) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount.wizardStep_FrameControlContainer {
    width: 448px !important;
    max-width: 448px !important;
    min-height: 48px;
    height: 48px;
    margin: 0 !important;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--grises-gris-claro-40, #BFBFBF);
    border-radius: 8px;
    background: var(--grises-blanco, #ffffff);
    display: flex;
    align-items: center;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount .wizardStep_FrameControlContainerAmount {
    width: 100%;
    height: 48px;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount .wizardStep_ControlAmountCurrency {
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount .wizardStep_ControlAmountCurrencyDiv {
    flex: 0 0 1px;
    width: 1px;
    height: 24px;
    margin: 0;
    border: none;
    border-left: 1px solid var(--grises-gris-claro-40, #BFBFBF);
    transform: none;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount input[id*='ctWizard_ctAmount'] {
    flex: 1 1 auto;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    border: none !important;
    background-color: transparent;
    background-image: none !important;
    background-repeat: no-repeat !important;
    height: 24px;
    line-height: 24px;
    padding: 0 !important;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    box-sizing: border-box;
}

/* Error Monto ÔÇö un solo icono en el contenedor (no en el input; evita repetici├│n) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount.div_BorderRed {
    border-color: var(--Color-Alert-Red, #C30000) !important;
    border-width: 2px !important;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    padding-right: 48px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount input.div_IconErrorAlert,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-int-transfer-amount input[id*='ctWizard_ctAmount'].div_IconErrorAlert {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

/* Dropdowns GDS paso 1 ÔÇö contenedor label+control igual que Planillas (448px) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divContentLabelControlWizardPagoPlanillasProveedores {
    width: 448px;
    max-width: 100%;
    align-self: stretch;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divContentLabelControlWizardPagoPlanillasProveedores .divPositionControlWizardPagoPlanillasProveedores {
    width: 448px;
    max-width: 100%;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .divContentLabelControlWizardPagoPlanillasProveedores .gds-acc-group-list-select .wizardStep-custom-select {
    width: 100% !important;
    height: auto !important;
    min-height: 48px;
}

/* Neutralizar reglas gen├®ricas form-grid-2 sobre dropdowns GDS */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .gds-acc-group-list-select > select.wizardStep-custom-select {
    padding: 0 !important;
}

.divwcCentralAmericaTransferIN .form-grid-2 label.divStyleLabelWizardPagoPlanillasProveedores {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.20px !important;
    margin-bottom: 0 !important;
}

#ctl00_childContent_wcInternationalTransferUC1_ctWizard_divimgAlerta {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* GRP-005: stepper progress-transfer ÔÇö Figma node 3077:85050 */
.divwcCentralAmericaTransferIN .progress-transfer {
    width: 360px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.divwcCentralAmericaTransferIN .progress-transfer-track {
    width: 100%;
}

.divwcCentralAmericaTransferIN .progress-transfer-info {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
    min-height: 20px;
}

.divwcCentralAmericaTransferIN .progress-transfer-title,
.divwcCentralAmericaTransferIN .progress-transfer-step {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1px;
}

/* GRP-006: estados input texto ÔÇö Figma GDS 1633:22503 (excluye dropdowns; sin layout-shift) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) input,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) textarea {
    scroll-margin: 0;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--grises-gris-claro-40, #BFBFBF);
    box-shadow: none;
    outline: none;
    transition: none;
}

/* Hover ÔÇö Gris claro 100 */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)):hover:not(:active):not(:focus-within):not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine:hover:not(:active):not(:focus-within):not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    box-shadow: none !important;
}

/* Selected ÔÇö click sostenido (Gris oscuro 70) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)):active:not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine:active:not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Activated ÔÇö clic / tipiado (Verde primario 1px; sin verde claro) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)):focus-within:not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)):has(:focus-visible):not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine:focus-within:not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine:has(:focus-visible):not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focused ÔÇö solo Tab (gds-keyboard-focus); Secundario 30 v├¡a box-shadow (sin mover layout) */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainer:not(.gds-acc-group-list-select):not(.wizardStep_FrameCountryContainerControl):not(:has(.wizardStep-custom-select)).gds-keyboard-focus,
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) div.wizardStep_FrameControlContainerMultiLine.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #BFBFBF) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* GRP-007: bot├│n Siguiente ÔÇö focus ring + active selected */
.divwcCentralAmericaTransferIN input.button_Start_Left:focus:not(:focus-visible) {
    outline: none !important;
    background: var(--Color-Button-Enable, #00693C) !important;
    text-decoration-color: var(--Color-Button-Enable, #00693C) !important;
}

.divwcCentralAmericaTransferIN input.button_Start_Left:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
    text-decoration-color: var(--Color-Button-Enable, #00693C) !important;
}

.divwcCentralAmericaTransferIN input.button_Start_Left:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
}

/* GRP-008: overlay carga ÔÇö fondo oscuro + cuadro Procesando centrado en viewport */
.divwcCentralAmericaTransferIN .disableback {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: rgba(30, 30, 30, 0.85) !important;
    pointer-events: all !important;
}

/* Capa transparente a pantalla completa solo para centrar el cuadro (no tapa el fondo oscuro) */
.divwcCentralAmericaTransferIN .progress {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10000 !important;
    background: transparent !important;
    background-color: transparent !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .progress .divBackgroundLoadingWhite {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
    background: var(--grises-blanco, #ffffff) !important;
}

/* Evita fondo blanco en el host UpdateProgress */
.divwcCentralAmericaTransferIN [id$='upProgress'] {
    background: transparent !important;
    background-color: transparent !important;
}

/* GRP-009: wizard paso 1 ÔÇö tabla full width, sin padding extra entre filas */
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr > td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: top !important;
}

.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr:first-child > td {
    text-align: left !important;
}

/* Filas ocultas al final del grid que a├║n reservaban hueco vertical */
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) > .form-row2.full-width:has([id*='divBorderBenefCompany']),
.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) > .form-row2.full-width:has([id*='lblSITIText']) {
    display: none !important;
}

/* Bot├│n Siguiente ÔÇö pegado al bloque de inputs (compensa hueco del Wizard) */
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr[id*='StartNavigationTemplateContainerID'] > td,
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr > td[id*='StartNavigationTemplateContainerID'] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    vertical-align: top !important;
    display: table-cell !important;
    line-height: 0 !important;
    height: auto !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav {
    width: 920px;
    max-width: 100%;
    margin: 0 auto !important;
    margin-top: -32px !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    line-height: normal;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav .button_Start_Left,
.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav input.button_Start_Left,
.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav input.button_Start_Left:enabled,
.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav input.button_Start_Left:hover,
.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav input.button_Start_Left:disabled,
.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav input.button_Start_Left:focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step1-nav input.button_Start_Left:active,
.divwcCentralAmericaTransferIN #ctl00_childContent_wcInternationalTransferUC1_ctWizard_StartNavigationTemplateContainerID_StartNextButton,
.divwcCentralAmericaTransferIN input[id*='wcInternationalTransferUC1_ctWizard_StartNavigationTemplateContainerID_StartNextButton'],
.divwcCentralAmericaTransferIN .fix-button-next-int {
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-self: auto !important;
    box-sizing: border-box !important;
}

/* --- Fin GDS-CTF-InternacionalesStep1 --- */

/* --- GDS-CTF-InternacionalesStep2 Condiciones ÔÇö Figma 3077:83254 / hallazgos 7139:47613 (sin footer/textos) --- */

/* Panel: sin min-height forzado del paso 1 cuando hay condiciones */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step2-body) {
    min-height: 0 !important;
    height: auto !important;
}

/* Anular legacy Regresar step 2 */
.divwcCentralAmericaTransferIN #divBtnRegresarStep2Internacionales,
div#divBtnRegresarStep2Internacionales {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Cabecera step 2 ÔÇö gap 16px (hallazgos 3 y 5) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-header.wizard-step-header {
    gap: 16px !important;
    margin-bottom: 16px !important;
}

/* Stepper ÔÇö texto alineado al inicio de la barra (hallazgo 4; sin cambiar copy) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-header .progress-transfer {
    width: 360px;
    max-width: 100%;
    align-self: center !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-header .progress-transfer-info {
    justify-content: space-between;
    gap: 32px;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-header .progress-transfer-title {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 1 1 auto;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-header .progress-transfer-step {
    text-align: right !important;
    flex: 0 0 auto;
}

/* Cuerpo condiciones ÔÇö bloque 912px (hallazgo 10) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body {
    width: 912px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .ctf-conditions,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body > div {
    width: 100% !important;
    max-width: 912px !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}

/* Dropdown | Content (acorde├│n) ÔÇö Figma 12140:49738 */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-item {
    width: 100%;
    max-width: 912px;
    border-bottom: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    box-sizing: border-box;
    transition: border-color 0.15s ease;
}

/* Normal ÔÇö spacer Gris claro 40 */
/* Hover ÔÇö spacer Gris claro 100 */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-item:has(.cond-header:hover:not(:disabled):not([aria-expanded="true"])) {
    border-bottom-color: var(--grises-gris-claro-100, #949494);
}

/* Selected (pressed) ÔÇö spacer Gris oscuro 70 */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-item:has(.cond-header:active:not(:disabled):not([aria-expanded="true"])) {
    border-bottom-color: var(--grises-gris-oscuro-70, #717171);
}

/* Activated ÔÇö spacer Verde ├®xito; chevron arriba (rotate via aria-expanded) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-item:has(.cond-header[aria-expanded="true"]) {
    border-bottom-color: var(--Alertas-Verde-exito, #0F804F);
}

/* Disabled ÔÇö spacer + texto Gris claro 40 */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-item:has(.cond-header:disabled) {
    border-bottom-color: var(--grises-gris-claro-40, #C4C4C4);
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header {
    width: 100%;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 8px !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
    background: transparent !important;
    border: 0;
    cursor: pointer;
    text-align: left;
    color: var(--grises-gris-oscuro-80, #5D5D5D);
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:hover,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:active {
    background: transparent !important;
    color: var(--grises-gris-oscuro-80, #5D5D5D);
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:focus {
    outline: none;
}

/* Focused ÔÇö Secundario 30 / 4px (Figma) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:focus-visible {
    outline: 4px solid var(--secundarios-secundario-30, var(--verde-focus-control, #C3E5A9)) !important;
    outline-offset: 0;
    border-radius: 8px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:disabled,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:disabled .cond-title,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header:disabled .cond-chevron {
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    cursor: default;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-title {
    font-family: 'Nunito Sans', sans-serif;
    font-size: var(--label-bold-label-m-font-size, 16px);
    font-weight: var(--label-bold-label-m-font-weight, 700);
    line-height: var(--label-bold-label-m-line-height, 24px);
    letter-spacing: 0.2px;
    color: inherit;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-chevron {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primarios-verde-primario, #00693C);
    transition: transform 0.18s ease;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-header[aria-expanded="true"] .cond-chevron {
    transform: rotate(180deg);
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-chevron svg {
    width: 24px !important;
    height: 24px !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-body {
    padding: 0 32px 12px 32px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-text {
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 21px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-footer {
    margin-top: 40px;
    margin-bottom: 0;
    width: 100%;
    max-width: 912px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-body .cond-footer .formlabel,
.divwcCentralAmericaTransferIN #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctCountryConditions_clMessage {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 912px !important;
    display: block;
    box-sizing: border-box;
}

/* Botonera step nav ÔÇö 912px, gap 40px, Anterior izq / Siguiente der (hallazgos 11ÔÇô12) */
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr > td[id*='StepNavigationTemplateContainerID'] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    vertical-align: top !important;
    display: table-cell !important;
    line-height: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav {
    width: 912px;
    max-width: 100%;
    margin: 40px auto 0 auto !important;
    padding: 0;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    line-height: normal;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav .Button-White-Secondary,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.Button-White-Secondary,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav .button_Start_Left,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.button_Start_Left,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.button_Start_Left:enabled,
.divwcCentralAmericaTransferIN input[id*='wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton'],
.divwcCentralAmericaTransferIN input[id*='wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton'] {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Anterior ÔÇö estados GDS Secondary (hallazgo 11) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.Button-White-Secondary,
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepPreviousButton'] {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.Button-White-Secondary:hover,
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:hover {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.Button-White-Secondary:active,
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.Button-White-Secondary:focus:not(:focus-visible),
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:active,
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:focus:not(:focus-visible) {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.Button-White-Secondary:focus-visible,
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepPreviousButton']:focus-visible {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* Siguiente ÔÇö focus / selected (hallazgo 12) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.button_Start_Left:focus:not(:focus-visible),
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepNextButton']:focus:not(:focus-visible) {
    outline: none !important;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.button_Start_Left:focus-visible,
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepNextButton']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step2-nav input.button_Start_Left:active,
.divwcCentralAmericaTransferIN input[id*='StepNavigationTemplateContainerID_StepNextButton']:active {
    background: var(--veder-button-selected, #003F24) !important;
}

/* Anular márgenes legacy ID (65% / 875px) */
.divwcCentralAmericaTransferIN #ctl00_childContent_wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepPreviousButton {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.divwcCentralAmericaTransferIN #ctl00_childContent_wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton,
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_StepNavigationTemplateContainerID_StepNextButton {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Overlay carga ÔÇö refuerzo fondo oscuro (sin tocar el centrado del cuadro) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step2-body) .disableback,
.divwcCentralAmericaTransferIN .disableback {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: rgba(30, 30, 30, 0.85) !important;
    pointer-events: all !important;
}

/* --- Fin GDS-CTF-InternacionalesStep2 --- */

/* --- GDS-CTF-InternacionalesStep3 Banco beneficiario ÔÇö Figma 2070:71358 / hallazgos 7139:48511 (sin footer) --- */

.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step3-form) {
    min-height: 0 !important;
    height: auto !important;
}

.divwcCentralAmericaTransferIN #divBtnRegresarStep3Internacionales,
div#divBtnRegresarStep3Internacionales {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-header.wizard-step-header {
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-header .progress-transfer {
    width: 360px;
    max-width: 100%;
    align-self: center !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-header .progress-transfer-info {
    justify-content: space-between;
    gap: 32px;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-header .progress-transfer-title {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 1 1 auto;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-header .progress-transfer-step {
    text-align: right !important;
    flex: 0 0 auto;
}

/* Form step 3 ÔÇö Figma 2070:71358 (912px, gap columnas 18px, filas 24px) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form.form-grid-2,
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form.form-grid-2.form-grid-2-gap,
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form.form-grid-2.form-grid-2-gap-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 18px !important;
    row-gap: 24px !important;
    width: 912px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    justify-content: start !important;
    align-items: start !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .form-row2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .divContentLabelControlWizardPagoPlanillasProveedores,
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .divContentLabelControlWizardPagoPlanillasProveedores .divPositionControlWizardPagoPlanillasProveedores,
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .wizardStep_FrameControlDetailCentro,
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .wizardStep_FrameControl,
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .wizardStep_FrameControlContainer:not(.wizardStep_FrameCountryContainerControl),
.divwcCentralAmericaTransferIN .gds-int-transfer-step3-form .gds-acc-group-list-select {
    width: 100% !important;
    max-width: 100% !important;
}

.divwcCentralAmericaTransferIN :is(.gds-int-transfer-step1-form, .gds-int-transfer-step3-form, .gds-int-transfer-step4-form) .div_ErrorMessageValidator {
    padding-left: 8px;
    box-sizing: border-box;
}

/* Step nav compartido (step2-nav) cuando hay form step 3 ÔÇö gap 40px al form */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step3-form) .gds-int-transfer-step2-nav {
    width: 912px !important;
    max-width: 100% !important;
    margin-top: 40px !important;
}

/* --- Fin GDS-CTF-InternacionalesStep3 --- */

/* --- GDS-CTF-InternacionalesStep4 Banco intermediario ÔÇö Figma 2090:36535 / hallazgos 7140:49048 (sin footer/textos) --- */

/* Panel ÔÇö Figma 2090:36537: 1376px, padding 32px, contenido centrado */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step4-form) {
    width: 1376px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN #divBtnRegresarStep4Internacionales,
div#divBtnRegresarStep4Internacionales {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-header.wizard-step-header {
    gap: 16px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-header .progress-transfer {
    width: 360px;
    max-width: 100%;
    align-self: center !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-header .progress-transfer-info {
    justify-content: space-between;
    gap: 32px;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-header .progress-transfer-title {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 1 1 auto;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-header .progress-transfer-step {
    text-align: right !important;
    flex: 0 0 auto;
}

/*
 * Form step 4 ÔÇö Figma 2090:36535
 * Columnas fijas 448 + gap 18 (como step 3 / Figma), evita que legacy 590px desalineen.
 * Ancho = 448+18+448 = 914 (Figma form 912; 2px de diferencia aceptable para alinear columnas).
 */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form.form-grid-2,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form.form-grid-2.form-grid-2-gap,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form.form-grid-2.form-grid-2-gap-form {
    display: grid !important;
    grid-template-columns: 448px 448px !important;
    column-gap: 18px !important;
    row-gap: 24px !important;
    width: 914px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    justify-content: start !important;
    align-items: start !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .form-row2 {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-self: start !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form > .form-row2.full-width,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form > .gds-int-transfer-step4-section {
    grid-column: 1 / -1;
    width: 914px !important;
    max-width: 100% !important;
    overflow: visible !important;
}

/* T├¡tulo de secci├│n ÔÇö hallazgo 9 (16px), sin cambiar el texto */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-section .fontbold,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-section label,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-section span {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.1px;
    font-weight: 700 !important;
    color: #3f3f3f !important;
}

/* Controles a exactamente 448px (igual step 1/3) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .divContentLabelControlWizardPagoPlanillasProveedores,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .divContentLabelControlWizardPagoPlanillasProveedores .divPositionControlWizardPagoPlanillasProveedores,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .wizardStep_FrameControlDetailCentro,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .wizardStep_FrameControl,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .wizardStep_FrameControlContainer:not(.wizardStep_FrameCountryContainerControl),
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .gds-acc-group-list-select,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .gds-acc-group-list-select.wizardStep_FrameControlContainer,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .gds-acc-group-list-select.wizardStep_FrameCountryContainerControl {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Anular legacy #ctInterBank* 590px  ID + atributo + !important */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankName,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankCityName,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankAddress,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankNumber,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctInterBankAccNum,
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form textarea[id*='ctInterBankName'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form textarea[id*='ctInterBankCityName'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form textarea[id*='ctInterBankAddress'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form textarea[id*='ctInterBankNumber'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form textarea[id*='ctInterBankAccNum'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .wizardStep_FrameControlContainer:not(.gds-acc-group-list-select) textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/*
 * Dropdowns: NO forzar display/border con !important aquí.
 * Los estilos GDS compartidos (:is step1/3/4) ya cubren flecha, hover y chrome.
 * Un display:flex !important sobre .wizardStep-custom-select tambi├®n pegaba al
 * <select> interno (misma clase) y lo hac├¡a visible ÔåÆ texto duplicado + sin flecha.
 */

/* Asegurar select nativo oculto tras wizardStepcustomselect */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .gds-acc-group-list-select div.wizardStep-custom-select > select {
    display: none !important;
}

/* Errores dropdown intermediario */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form [id$='_divimgAlertaInterBankIdCodeType'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form [id$='_divimgAlertaInterBankCountryCode'] {
    position: absolute !important;
    top: 12px !important;
    right: 56px !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
    z-index: 2;
    pointer-events: none;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form [id$='_divErrorInterBankIdCodeType'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form [id$='_divErrorInterBankCountryCode'] {
    width: 100% !important;
    max-width: 448px !important;
    box-sizing: border-box;
}

/* Step nav ÔÇö mismo ancho que el form, centrado */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step4-form) .gds-int-transfer-step2-nav {
    width: 914px !important;
    max-width: 100% !important;
    margin-top: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Label largo N┬║ cuenta intermediario ÔÇö una sola l├¡nea (puede sobresalir un poco del input) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form [id$='_clCtaBcoInter'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form label[id$='_clCtaBcoInter'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form span[id$='_clCtaBcoInter'] {
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .form-row2:has([id$='_clCtaBcoInter']),
.divwcCentralAmericaTransferIN .gds-int-transfer-step4-form .wizardStep_FrameControlDetailCentro:has([id$='_clCtaBcoInter']) {
    overflow: visible !important;
}

/* --- Fin GDS-CTF-InternacionalesStep4 --- */

/* --- GDS-CTF-InternacionalesStep5 Resumen ÔÇö Figma 2070:60318 / hallazgos 7142:45762 (sin footer/textos) --- */

/* Panel ÔÇö 1376px / padding 32px (mismo patr├│n steps 1ÔÇô4) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step5-body) {
    width: 1376px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN #divBtnRegresarStep5Internacionales,
div#divBtnRegresarStep5Internacionales {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Anular margin legacy del LinkButton Regresar (Button4) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step5-body) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_Button4,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-header #ctl00_childContent_wcInternationalTransferUC1_ctWizard_Button4 {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-header.wizard-step-header {
    gap: 16px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-header .progress-transfer {
    width: 360px;
    max-width: 100%;
    align-self: center !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-header .progress-transfer-info {
    justify-content: space-between;
    gap: 32px;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-header .progress-transfer-title {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 1 1 auto;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-header .progress-transfer-step {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Body resumen + comisi├│n ÔÇö 680px centrado */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body {
    width: 680px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Ocultar título "Comprobante" del UC en paso resumen (sigue visible en voucher Complete) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > .wizardStep_DivContTitle,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > br {
    display: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #print_content {
    width: 100%;
    max-width: 680px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #print_content br {
    display: none !important;
}

/* Secciones: gap 40px entre bloques; 8px t├¡tulo ÔåÆ filas (Figma 3937:38782)
 * Incluye títulos anidados (p. ej. intermediario en #divSummaryInterBankSection) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #print_content .wizardStep_FrameControlSubTitle {
    margin: 40px 0 8px 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #print_content > .wizardStep_FrameControlSubTitle:first-of-type {
    margin-top: 0 !important;
}

/* Filas resumen 48px ÔÇö label izq / valor der */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemCentro {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemCentro[style*="display:none"],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemCentro[style*="display: none"] {
    display: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail:has(.div_SummaryLinkGreen) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 24px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem:first-child,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItemBold:first-child {
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    width: 100%;
    min-width: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem:nth-child(2),
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem.positionLabelWcSummaryCA,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem.positionLabelWcSummaryCAMonto,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem.positionLabelWcSummaryCATrans,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItemBold:nth-child(2),
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItemBold.positionLabelWcSummaryCA {
    justify-content: flex-end !important;
    text-align: right !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: 4px;
}

/* Monto total a debitar ÔÇö monto + moneda en una l├¡nea, pegados a la derecha (Figma 3937:38791) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_ctTotalDebit'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_ctTotalDebitCurrency'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_ctTotalDebit,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_ctTotalDebitCurrency {
    margin: 0 !important;
    margin-left: 0 !important;
    display: inline !important;
    white-space: nowrap !important;
    font-weight: 700;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetail:has([id$='_ctTotalDebitAmount']) {
    grid-template-columns: minmax(0, 1fr) max-content !important;
}

/* Anular márgenes fijos legacy de valores del summary */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_clAccountText,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_lblBenefBankIdCodeTypeText,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_lblInterBankIdCodeTypeText,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSummary_clAmountText,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_clAccountText'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_lblBenefBankIdCodeTypeText'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_lblInterBankIdCodeTypeText'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_clAmountText'] {
    margin-left: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryLinkGreen {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 !important;
    padding: 0 !important;
}

/* L├ípiz ÔÇö tertiary hover (solo estilo) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .LinkButtonEditSummary {
    width: 20px;
    height: 20px;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .LinkButtonEditSummary:hover {
    opacity: 0.72;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .LinkButtonEditSummary:active {
    opacity: 0.55;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryLineItem {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    border-color: var(--grises-gris-claro-30, #E0E0E0);
}

/* Firmantes ÔÇö empty state GDS (Figma 3937:38815): fila 48px centrada, sin caja gris */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetailFirmante {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    min-height: 48px;
    height: 48px;
    padding: 0 8px !important;
    margin: 0 !important;
    gap: 8px;
    box-sizing: border-box;
    background: var(--grises-blanco, #ffffff) !important;
    position: relative;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryLabelItemFirmante.empty-messageCA,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .empty-messageCA {
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box;
    min-height: 25px;
    height: auto;
    padding: 2px 0 2px 32px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconGray.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 24px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: center;
    display: inline-flex !important;
    white-space: nowrap;
}

/* Ocultar grid vacío / contenedor derecho en empty state */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetailFirmante > .div_SummaryContentEstructureItemDetailRight,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetailFirmante > .div_SummaryContentEstructureItemDetailRightSize {
    display: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemCentro:has(.div_SummaryContentEstructureItemDetailFirmante) > .div_SummaryLineItem {
    width: 100%;
    margin: 0 !important;
}

/* T├®rminos / extras del UC summary ÔÇö no aportan en paso 5 y abren hueco antes de comisi├│n/botones */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #print_content > .tableform,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body #print_content br,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body [id$='_ctSummary_lkTerms'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .MarginTermsandConditionWcSummary,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .wizardStep_FrameControlContainerTermsConditons {
    display: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetailRight,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body .div_SummaryContentEstructureItemDetailRightSize {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Comisi├│n ÔÇö filas tipo resumen 48px (Figma 7145:46297), gap 40px respecto a firmantes */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table {
    width: 100% !important;
    max-width: 680px;
    margin: 40px 0 0 0 !important;
    border-collapse: collapse;
    table-layout: auto;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table[align='center'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table[align="center"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tbody {
    display: block;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:first-child {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-bottom: 8px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:first-child td {
    border-bottom: none !important;
    padding: 0 !important;
    height: 32px;
    vertical-align: middle !important;
    width: 100% !important;
}

/* Filas de datos: label izq + (monto + moneda) agrupados a la derecha */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--grises-gris-claro-30, #E0E0E0);
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) td {
    padding: 0 !important;
    vertical-align: middle !important;
    box-sizing: border-box;
    height: auto !important;
    border-bottom: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) td:first-child {
    flex: 1 1 auto;
    text-align: left !important;
    min-width: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) td:nth-child(2),
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) td:nth-child(3) {
    flex: 0 0 auto;
    width: auto !important;
    white-space: nowrap;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) td:nth-child(2) {
    text-align: right !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:not(:first-child):not(:last-child) td:nth-child(3) {
    text-align: left !important;
    padding-left: 4px !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table td[colspan='3'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table td[colspan="3"] {
    text-align: left !important;
    height: auto;
    padding: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:last-child:has(td[colspan]) {
    display: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table .fontbold,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table .formlabel {
    margin: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-body > table tr:first-child .fontbold {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
}

/* Finish nav ÔÇö 680px, gap 40px al body (Figma 3937:38782 / 3937:38816) */
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr[id*='FinishNavigationTemplateContainerID'] > td,
.divwcCentralAmericaTransferIN table[id*='wcInternationalTransferUC1_ctWizard'] > tbody > tr > td[id*='FinishNavigationTemplateContainerID'] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    vertical-align: top !important;
    display: table-cell !important;
    line-height: 0 !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav {
    width: 680px;
    max-width: 100%;
    margin: 40px auto 0 auto !important;
    padding: 0;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    line-height: normal;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav .Button-White-Secondary,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.Button-White-Secondary,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav .button_Start_Left,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.button_Start_Left,
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.button_Start_Left:enabled,
.divwcCentralAmericaTransferIN input[id*='wcInternationalTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishPreviousButton'],
.divwcCentralAmericaTransferIN input[id*='wcInternationalTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishButton'] {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Anular margin-left: 184% legacy del FinishButton */
#ctl00_childContent_wcInternationalTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-left: 0 !important;
}

.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step5-body) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_FinishNavigationTemplateContainerID_FinishButton {
    margin-left: 0 !important;
}

/* Anterior ÔÇö Secondary GDS */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.Button-White-Secondary,
.divwcCentralAmericaTransferIN input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton'] {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.Button-White-Secondary:hover,
.divwcCentralAmericaTransferIN input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:hover {
    background-color: var(--grises-blanco, #ffffff) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--Color-Button-Hover, #338763) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.Button-White-Secondary:focus-visible,
.divwcCentralAmericaTransferIN input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.Button-White-Secondary:active,
.divwcCentralAmericaTransferIN input[id*='FinishNavigationTemplateContainerID_FinishPreviousButton']:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

/* Confirmar ÔÇö Primary + focus (mismo patr├│n Siguiente) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.button_Start_Left:focus:not(:focus-visible) {
    outline: none !important;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.button_Start_Left:focus-visible,
.divwcCentralAmericaTransferIN input[id*='FinishNavigationTemplateContainerID_FinishButton']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step5-nav input.button_Start_Left:active,
.divwcCentralAmericaTransferIN input[id*='FinishNavigationTemplateContainerID_FinishButton']:active {
    background: var(--veder-button-selected, #003F24) !important;
}

/* --- Fin GDS-CTF-InternacionalesStep5 --- */

/* --- GDS-CTF-InternacionalesStep7 Mensaje / Gracias ÔÇö Figma 3340:75335 / 3340:75354 / hallazgos 7145:46952 (sin footer/textos) --- */

/* Panel ÔÇö 1376px / padding 32px */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) {
    width: 1376px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-top .gds-int-transfer-back-row {
    align-self: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divwcCentralAmericaTransferIN #divBtnRegresarStep6Internacionales,
div#divBtnRegresarStep6Internacionales {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_Button5,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7 #ctl00_childContent_wcInternationalTransferUC1_ctWizard_Button5 {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Alerta exitosa ÔÇö #0F804F, full width (hallazgo 2) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-top [id*='WcNotificationSuccessfulMessageInfo'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-top [id*='pnlMessageNotificacionSuccessful'] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_WcNotificationSuccessfulMessageInfo1_pnlMessageNotificacionSuccessful {
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentSuccesfull {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 8px;
    align-items: stretch;
    align-self: stretch;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentborderGreenDiv {
    padding: 12px 0 12px 10px;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    margin: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentborderGreen {
    background: #0F804F !important;
    align-self: stretch;
    width: 2px;
    min-width: 2px;
    border-radius: 12px;
    flex-shrink: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentMessage {
    flex: 1;
    min-width: 0;
    padding: 12px 12px 12px 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentMessagePosition {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 0;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none !important;
    background: transparent !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    flex-shrink: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .wizardStep_ArticleCenterCircleNumberStepUsing {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .divCheckVerde {
    width: 24px;
    height: 24px !important;
    min-height: 24px;
    display: block;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_check_envolvente.svg") !important;
    background-size: 24px 24px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentMessageTextSuccesfull {
    padding-top: 2px;
    flex: 1;
    min-width: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentMessageTextStyle,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7 .div_AlertContentMessageTextStyle label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

/* Body form ÔÇö 448px fijo (Figma Form + CTA) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    margin: 0 auto;
    box-sizing: border-box;
    align-self: center;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation_UpdatePanel1'] {
    margin-top: 0 !important;
    width: 448px !important;
    max-width: 448px !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation_UpdatePanel1'] > div[style] {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tableform {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tableform td {
    padding: 0;
    border: none;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tituloConfirmacion {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tableform tr:first-child br {
    display: none;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tableform tr:nth-child(2) td,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tableform tr:nth-child(3) td {
    width: 100%;
    max-width: 448px;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .tableform tr:nth-child(2) br {
    display: none;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOptionBold {
    display: block;
    margin-bottom: 16px;
}

/* Radios ÔÇö cards GDS (hallazgo 5) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption {
    display: flex;
    flex-direction: column;
    gap: 24px;
    line-height: normal;
    margin-top: 0;
    width: 100% !important;
    max-width: 448px !important;
    box-sizing: border-box;
    position: relative;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption br {
    display: none;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption .gds-radio-card {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] {
    /* Visually hidden pero focusable, anclado a su tarjeta */
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%);
    opacity: 0.01 !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
    border: 0 !important;
    z-index: 2;
    cursor: pointer;
}

/* Cada par radio+label ocupa su propia tarjeta; el input se ancla al label */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    cursor: pointer;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    background: #ffffff;
    position: relative;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #717171;
    border-radius: 50%;
    box-sizing: border-box;
    background: #ffffff;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:checked + label {
    border-color: #C4C4C4;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:checked + label::before {
    border-color: #00693C;
    border-width: 6px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label:hover {
    border-color: var(--grises-gris-claro-100, #949494);
}

/* Focus teclado ÔÇö anillo en el LABEL (seleccionado o no) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus-visible + label,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"].gds-keyboard-focus + label,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption label.gds-keyboard-focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"].is-keyboard-focus + label,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption label.is-keyboard-focus {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Clic mouse: sin anillo verde claro */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus:not(:focus-visible):not(.gds-keyboard-focus):not(.is-keyboard-focus) + label:not(.gds-keyboard-focus):not(.is-keyboard-focus) {
    border-color: #C4C4C4;
    box-shadow: none;
    outline: none;
}

/* Cards cgOTHER / cgADD ÔÇö Figma 3340:75354 (ancho fijo 448, sin height 176 legacy) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgOTHER'].registerFavoriteNotGlobalUser,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'].registerFavoriteNotGlobalUser,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgOTHER'].PanelDatos,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'].PanelDatos,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] fieldset[id*='cgOTHER'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] fieldset[id*='cgADD'] {
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-top: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    align-self: stretch;
    overflow: visible;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] legend,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] legend {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding: 0 0 0 8px;
    margin: 0;
    float: none !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    position: static;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] legend {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.1px;
    padding-left: 0;
}

/* Neutraliza wizardStep_TitleOption aplicado al fieldset completo */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'].wizardStep_TitleOption {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] br,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] br {
    display: none;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] select[id*='cgTransactionTypeList'] {
    margin-top: 4px;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] .divButton {
    margin-top: 24px !important;
}

/* Guardar más cerca del campo descripción (antes 32px) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .divButton2 {
    margin-top: 16px !important;
}

/* Hallazgo 16 ÔÇö Resultado como alerta exitosa GDS */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id$='cgResult'].gds-special-nav-result,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result {
    display: block !important;
    width: 448px !important;
    max-width: 448px !important;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentSuccesfull {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 8px;
    align-items: stretch;
    align-self: stretch;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentborderGreenDiv {
    padding: 12px 0 12px 10px;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    margin: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentborderGreen {
    background: #0F804F !important;
    align-self: stretch;
    width: 2px;
    min-width: 2px;
    border-radius: 12px;
    flex-shrink: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessage {
    flex: 1;
    min-width: 0;
    padding: 12px 12px 12px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessagePosition {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 0;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none !important;
    background: transparent !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    flex-shrink: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .wizardStep_ArticleCenterCircleNumberStepUsing {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .divCheckVerde {
    width: 24px;
    height: 24px !important;
    min-height: 24px;
    display: block;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_check_envolvente.svg") !important;
    background-size: 24px 24px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessageTextSuccesfull {
    padding-top: 0;
    flex: 1;
    min-width: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .gds-special-nav-result-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .gds-special-nav-result-title {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .gds-special-nav-result-body,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessageTextStyle,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessageTextStyle label {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    text-align: left;
}

/* Dropdown tipo transacci├│n (hallazgos 10ÔÇô11) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px;
    padding: 4px 48px 4px 16px !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    background-origin: border-box;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    cursor: pointer;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:hover {
    border-color: var(--grises-gris-claro-100, #949494) !important;
}

/* Clic / opci├│n elegida: sin anillo verde claro (anula .ddlValidez:focus-within global) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-visible,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-within,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:active {
    border-color: #C4C4C4 !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focus SOLO Tab ÔÇö .gds-keyboard-focus (JS); Secundario 30 */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus:focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus:focus-visible,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus:focus-within {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Panel frecuente ÔÇö filas resumen + input (Figma 3340:75354) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform {
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;
    display: block;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tbody {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    margin: 0 0 8px 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr td {
    width: auto !important;
    max-width: 100%;
    padding: 0 !important;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .wizardStep_SubTitleOption {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    margin: 0;
    white-space: nowrap;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .wizardStep_BodySmall {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    margin: 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .wizardStep_TitleOption {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    display: block;
    width: 100%;
    margin: 0;
}

/* Bloque input: gap 32 respecto al resumen (Figma grupos) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='clInstructionsLabel']) {
    display: block;
    width: 100%;
    margin: 24px 0 0 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='ctUsrTxDescription']) {
    display: block;
    width: 100%;
    margin: 16px 0 0 0;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='clInstructionsLabel']) td,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='ctUsrTxDescription']) td {
    width: 100% !important;
    display: block;
}

/* Input descripci├│n ÔÇö mismos estados que Step 1 Nombre beneficiario (Figma 1633:22503)
   Override del ID legacy #..._ctUsrTxDescription (border lightgray) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription'],
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .txtUsrTxDescription {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    background-origin: border-box !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    resize: none !important;
    overflow: hidden !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none;
}

.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription::placeholder,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']::placeholder,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .txtUsrTxDescription::placeholder {
    color: var(--grises-gris-claro-100, #949494) !important;
    opacity: 1;
}

/* Hover ÔÇö Gris claro 100 (igual Step 1) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .txtUsrTxDescription:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Selected ÔÇö clic sostenido; Gris oscuro 70 */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription:active:not(:disabled):not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:active:not(:disabled):not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .txtUsrTxDescription:active:not(:disabled):not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Activated ÔÇö clic / tipiado; Verde primario 1px (igual Step 1) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription:focus:not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:focus:not(.gds-keyboard-focus),
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .txtUsrTxDescription:focus:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focused ÔÇö solo Tab (.gds-keyboard-focus); Secundario 30 v├¡a box-shadow (igual Step 1) */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription.gds-keyboard-focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription'].gds-keyboard-focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .txtUsrTxDescription.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Disabled */
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription:disabled,
.divwcCentralAmericaTransferIN:has(.gds-int-transfer-step7) #ctl00_childContent_wcInternationalTransferUC1_ctWizard_ctSpecialNavigation_ctUsrTxDescription.aspNetDisabled,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:disabled,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription'].aspNetDisabled {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* Botones Continuar / Guardar ÔÇö 216├ù48 (Figma Primary) */
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .divButton,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .divButton2 {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100%;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    box-sizing: border-box;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:enabled,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:hover,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus,
.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:active {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    float: none !important;
    cursor: pointer;
    box-sizing: border-box !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:hover {
    background: var(--Color-Button-Hover, #338763) !important;
    text-decoration-color: var(--Color-Button-Hover, #338763) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus:not(:focus-visible) {
    outline: none !important;
}

.divwcCentralAmericaTransferIN .gds-int-transfer-step7-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

/* --- Fin GDS-CTF-InternacionalesStep7 --- */

/* ============================================================
   GDS-CTF-TransferenciasTerceros — Paso 1 (Figma 2070:39012)
   Scope: .divWhitePanelwcPromericaNetworkTxPage
   ============================================================ */

/* Hug content — todos los pasos NetworkTx (Figma: panel sin altura fija) */
.divWhitePanelwcPromericaNetworkTxPage,
.divWhitePanelwcPromericaNetworkTxPageStep2,
.divWhitePanelwcPromericaNetworkTxPageStep3,
.divWhitePanelwcPromericaNetworkTxPageStep4,
.divWhitePanelwcPromericaNetworkTxPageStep6,
.divWhitePanelwcPromericaNetworkTxPageStep7 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPage {
    width: 1376px !important;
    max-width: calc(100% - 32px) !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr,
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr,
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr,
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr,
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'] > tbody > tr,
.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'] > tbody > tr {
    height: auto !important;
    min-height: 0 !important;
}

/* Header vacío del Wizard — no aporta altura en ningún paso */
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']),
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']),
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']),
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']),
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']),
.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

/* Wizard table — full width para Regresar en esquina del panel */
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr {
    width: 100% !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard']:not([id*='CalendarExtender']) > tbody > tr > td:not(.graybar):not([id*='NavigationTemplate']) {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box;
}

/* Columna central 682px (Figma Form + CTA) */
.divWhitePanelwcPromericaNetworkTxPage div:has(> .wizardStep_DivContentAccount),
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccount,
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountPosition {
    width: 682px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Regresar — esquina superior izquierda (como Money Exchange) */
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar {
    width: 100%;
    max-width: none;
    margin: 0 0 16px 0;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .regresar {
    margin: 0 !important;
    padding: 12px 0;
    align-self: flex-start;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .icon-leftwithNetWorkTrans.titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar input.icon-leftwithNetWorkTrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    min-height: 48px;
    line-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 16px 12px 40px !important;
    background-size: 24px 24px !important;
    background-position: 8px center !important;
    box-sizing: border-box;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .titulo-regresar:hover,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .icon-leftwithNetWorkTrans:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .titulo-regresar:active,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .icon-leftwithNetWorkTrans:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .titulo-regresar:focus-visible,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .icon-leftwithNetWorkTrans:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .titulo-regresar:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .icon-leftwithNetWorkTrans:focus:not(:focus-visible) {
    outline: none !important;
}

/* Evitar salto de scroll al Tab */
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-regresar .icon-leftwithNetWorkTrans,
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlColor,
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"],
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta .button_Start_Left,
.divWhitePanelwcPromericaNetworkTxPage input[id*='StartNextButton'] {
    scroll-margin: 0 !important;
    scroll-padding: 0 !important;
}

/* Titulo + stepper — gap 16px */
.divWhitePanelwcPromericaNetworkTxPage .divAlingTextoTitleCircleGlobalUser {
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
}

/* Form — gaps Figma */
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccount {
    align-self: auto;
    gap: 0;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountPosition {
    gap: 24px;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountLabel {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}

/* Buscador — clic = sin verde; Tab = .gds-keyboard-focus vía JS (sin layout shift) */
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchbar {
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-search {
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    border-width: 1px !important;
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    transition: none;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray > div:last-child {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlColor {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto;
    box-sizing: border-box;
    outline: none !important;
    box-shadow: none !important;
}

/* Anular focus-within / focus-visible global (Chrome marca :focus-visible también al clic) */
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray:focus-within,
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray:has(input:focus),
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray:has(input:focus-visible),
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-search:focus-within,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-search:has(input:focus),
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-search:has(input:focus-visible) {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray:hover:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-search:hover:not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-claro-100, #717171) !important;
    border-width: 1px !important;
}

/* Solo Tab — anillo Secundario 30 vía .gds-keyboard-focus */
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountsearchControlGray.gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-search.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

/* Listado cuentas — radios GDS */
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountToSelect {
    width: 100%;
    gap: 0;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountToSelectControl {
    width: 100%;
    max-width: none;
    height: 360px;
    max-height: 360px;
    margin-bottom: 0 !important;
    padding: 16px;
    gap: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 2px 8px 2px 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
    vertical-align: middle;
    border: 2px solid var(--grises-gris-claro-100, #949494) !important;
    border-radius: 50% !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-sizing: border-box !important;
    accent-color: transparent !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative;
    top: 0;
}

/* OFF Hover — borde #717171 (radio o fila/label) */
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:hover:not(:checked):not(:disabled),
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl span:hover > input[type="radio"]:not(:checked):not(:disabled),
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl label:hover + input[type="radio"]:not(:checked):not(:disabled),
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:not(:checked):not(:disabled):has(+ label:hover) {
    border-color: var(--selected-borde, #717171) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: none !important;
}

/* OFF Active */
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:active:not(:checked):not(:disabled) {
    border-color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    background-image: none !important;
}

/* ON Activated — anillo + centro Primario */
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:checked:not(:disabled) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--primarios-verde-primario, #00693C) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
    box-shadow: none !important;
}

/* ON Hover — Primario 80 #003F24 */
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:checked:hover:not(:disabled):not(:active),
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl span:hover > input[type="radio"]:checked:not(:disabled),
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:checked:not(:disabled):has(+ label:hover) {
    border-color: var(--veder-button-selected, #003F24) !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: radial-gradient(circle at center, var(--veder-button-selected, #003F24) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
}

/* ON Active — Primario 100 */
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:checked:active:not(:disabled) {
    border-color: var(--primarios-primario-100, #002A18) !important;
    background-image: radial-gradient(circle at center, var(--primarios-primario-100, #002A18) 0 5px, var(--grises-blanco, #FFFFFF) 5px) !important;
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:focus,
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"]:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    border-radius: 50%;
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl label {
    display: inline;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl label:hover {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
}

.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl br {
    display: block;
    content: "";
    margin-top: 24px;
}

/* Búsqueda sin match: ocultar radios (display:!important GDS anula jQuery.hide) */
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl input[type="radio"].gds-network-tx-filtered-out,
.divWhitePanelwcPromericaNetworkTxPage .scroll-rbl br.gds-network-tx-filtered-out {
    display: none !important;
    margin: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
    visibility: hidden !important;
}

/* Alerta — mismo ancho; 40px desde contenedor cuentas */
.divWhitePanelwcPromericaNetworkTxPage .div_AlertContent,
.divWhitePanelwcPromericaNetworkTxPage [id*='CtNotificationMessageStep1'],
.divWhitePanelwcPromericaNetworkTxPage [id*='CtNotificationErrorStep1'],
.divWhitePanelwcPromericaNetworkTxPage [id*='CtNotificationMessageStep1'] .div_AlertContent,
.divWhitePanelwcPromericaNetworkTxPage [id*='CtNotificationErrorStep1'] .div_AlertContent {
    width: 682px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountToSelect,
.divWhitePanelwcPromericaNetworkTxPage .wizardStep_DivContentAccountToSelectControl {
    margin-bottom: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPage .div_AlertContent {
    margin-top: 40px !important;
    margin-bottom: 0 !important;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPage [id*='CtNotificationMessageStep1']:not(:empty),
.divWhitePanelwcPromericaNetworkTxPage [id*='CtNotificationErrorStep1']:not(:empty) {
    margin-top: 0;
}

.divWhitePanelwcPromericaNetworkTxPage .div_AlertContent .div_AlertContentborder,
.divWhitePanelwcPromericaNetworkTxPage .div_AlertContent .div_AlertContentMessage,
.divWhitePanelwcPromericaNetworkTxPage .div_AlertContent .div_AlertContentMessagePosition {
    align-items: center;
}

/* CTA Continuar — wrapper flex a la derecha (StartNavigationTemplate) */
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr[id*='StartNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='StartNavigationTemplateContainerID']),
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step1-cta) {
    display: table-row !important;
}

.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr[id*='StartNavigationTemplateContainerID'] > td,
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr > td[id*='StartNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPage table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step1-cta) > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta {
    width: 682px !important;
    max-width: 100% !important;
    margin: 40px auto 0 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta .button_Start_Left,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta input.button_Start_Left,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta input[id*='StartNextButton'],
.divWhitePanelwcPromericaNetworkTxPage input[id*='StartNavigationTemplateContainerID_StartNextButton'] {
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    cursor: pointer;
    border-radius: 8px !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta .button_Start_Left:hover,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta input.button_Start_Left:hover,
.divWhitePanelwcPromericaNetworkTxPage input[id*='StartNavigationTemplateContainerID_StartNextButton']:hover {
    background: var(--Color-Button-Hover, #338763) !important;
    width: 216px !important;
    height: 48px !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta .button_Start_Left:active,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta input.button_Start_Left:active,
.divWhitePanelwcPromericaNetworkTxPage input[id*='StartNavigationTemplateContainerID_StartNextButton']:active {
    background: var(--veder-button-selected, #003F24) !important;
    width: 216px !important;
    height: 48px !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta .button_Start_Left:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta input.button_Start_Left:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPage input[id*='StartNavigationTemplateContainerID_StartNextButton']:focus:not(:focus-visible) {
    outline: none !important;
    background: var(--veder-button-selected, #003F24) !important;
}

.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta .button_Start_Left:focus-visible,
.divWhitePanelwcPromericaNetworkTxPage .gds-network-tx-step1-cta input.button_Start_Left:focus-visible,
.divWhitePanelwcPromericaNetworkTxPage input[id*='StartNavigationTemplateContainerID_StartNextButton']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
    width: 216px !important;
    height: 48px !important;
    border-radius: 8px !important;
}

/* Legacy left-button-move — anular si aún aparece */
.divWhitePanelwcPromericaNetworkTxPage .left-button-move-step1-Netwtrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    float: right !important;
}

/* --- Fin GDS-CTF-TransferenciasTerceros Paso 1 --- */

/* ============================================================
   GDS-CTF-TransferenciasTerceros — Paso 2 Destinatario (Figma 2070:46296)
   Scope: .divWhitePanelwcPromericaNetworkTxPageStep2
   Dropdown: mirror internacionales (.gds-acc-group-list-select) — NO tocar wcCountryListUC
   ============================================================ */

.divWhitePanelwcPromericaNetworkTxPageStep2 {
    width: 1376px !important;
    max-width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr {
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard']:not([id*='CalendarExtender']) > tbody > tr > td:not(.graybar):not([id*='NavigationTemplate']) {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

/* Regresar — misma ubicación/estados que Paso 1 */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar {
    width: 100%;
    margin: 0 0 16px 0;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .regresar {
    margin: 0 !important;
    padding: 12px 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .icon-leftwithNetWorkTrans.titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar input.icon-leftwithNetWorkTrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    min-height: 48px;
    line-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 16px 12px 40px !important;
    background-size: 24px 24px !important;
    background-position: 8px center !important;
    box-sizing: border-box;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .titulo-regresar:hover,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .icon-leftwithNetWorkTrans:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .titulo-regresar:active,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .icon-leftwithNetWorkTrans:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .titulo-regresar:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .icon-leftwithNetWorkTrans:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .titulo-regresar:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .icon-leftwithNetWorkTrans:focus:not(:focus-visible) {
    outline: none !important;
}

/* Título + stepper: gap 16px; form debajo */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-header {
    width: 100%;
    gap: 0;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-header .divPositionTitlePageNetworkTranfer,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-header .title_PageNetworkTranfer {
    margin: 0 auto !important;
    width: 368px !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* Stepper centrado — anular margin-left:120px legacy */
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='pnlStepGlobalUser2'],
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='pnlOtherUser2'] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 article.wizardStep_ArticleCenterCircles,
.divWhitePanelwcPromericaNetworkTxPageStep2 article.wizardStep_ArticleCenterCirclesGlobalUser {
    width: 360px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_ArticleCenterCirclesContent {
    justify-content: center !important;
    margin: 0 auto !important;
}

/* Columna + form 448px; gaps uniformes 24px (Figma) */
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='cgLLPanel'] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-form {
    width: 448px !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    box-sizing: border-box;
    margin: 0 auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-form > .wizardStep_FrameControl,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-form > .wizardStep_FrameControlDetailTransferLocal,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-form > [id$='PanelTypeConcept'],
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-form > [id$='PanelDisplayAccount'],
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-form > [id$='PanelTypeIdentity'] {
    width: 100% !important;
    max-width: 448px !important;
    margin: 0 !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_LabelControl {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 8px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlContainer,
.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlContainerMultiLine {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Neutralizar widths legacy de inputs NetworkTx */
.divWhitePanelwcPromericaNetworkTxPageStep2 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctAccountNumber,
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='ctAccountNumber'],
.divWhitePanelwcPromericaNetworkTxPageStep2 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_txtMonto,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent input,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount input,
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='txtMonto'] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlContainerAmount {
    width: 100%;
    height: 48px;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount .wizardStep_ControlAmountCurrency {
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount .wizardStep_ControlAmountCurrencyDiv {
    flex: 0 0 1px;
    width: 1px;
    height: 24px;
    margin: 0;
    border: none;
    border-left: 1px solid var(--grises-gris-claro-40, #C4C4C4);
    transform: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount input,
.divWhitePanelwcPromericaNetworkTxPageStep2 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_txtMonto,
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='txtMonto'] {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    height: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
    padding: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
}

/* Figma: Concepto solo helper "Máximo 40 caracteres" — ocultar texto SITI largo */
.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlContainerDescriptionConcept {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* --- Dropdown País = Tipo de identificación (Internacionales) ---
   El host lleva .gds-acc-group-list-select (wcCountryListNewUC no trae wrapper) */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host.gds-acc-group-list-select,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select {
    width: 448px !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
    flex: none !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host.wizardStep_FrameControlContainer,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select.wizardStep_FrameControlContainer,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select.wizardStep_FrameCountryContainerControl {
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
    min-height: 48px !important;
    height: auto !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
    overflow: visible !important;
}

/* Anular ID legacy width:600px + flecha en el select/wrapper */
.divWhitePanelwcPromericaNetworkTxPageStep2 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctCountryList_cgCountry,
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='ctCountryList_cgCountry'] {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    background-image: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Crítico: anular .wizardStep-custom-select { width:572px; height:20px } */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select.wizardStep_ControlForm,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select.wizardStep_ControlForm {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 4px 16px !important;
    box-sizing: border-box !important;
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select.wizardStep_ControlFormBackground,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select.wizardStep_ControlFormBackground {
    background-color: transparent !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    background-origin: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select.wizardStep-custom-select-open.wizardStep_ControlFormBackground {
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaArriba.svg") !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select a,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select a {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 32px 0 0 !important;
    box-sizing: border-box !important;
    background: none !important;
    background-image: none !important;
    color: var(--grises-gris-oscuro-90, #3f3f3f) !important;
    font-size: 16px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-decoration: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select a span,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select a span {
    width: 100% !important;
    max-width: 100% !important;
    line-height: 24px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select > div,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select > div {
    margin: 0 !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    border-top: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
    z-index: 30 !important;
    overflow: hidden !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select > div > div,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select > div > div {
    margin: 0 !important;
}

/* Search del dropdown: no desbordar (legacy width:590px) */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select > div > input,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select > div > input {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 8px 16px 0 16px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-family: 'Nunito Sans', sans-serif !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select div ul li,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select div ul li {
    padding: 8px 16px !important;
    font-size: 16px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3f3f3f) !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: 72px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: hidden !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select div ul li:first-child,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select div ul li:first-child {
    padding-top: 16px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select > select.wizardStep-custom-select,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select select,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host > select.wizardStep-custom-select,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host .wizardStep-custom-select select {
    background-image: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
    width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select.wizardStep_FrameControlContainer:hover,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host.wizardStep_FrameControlContainer:hover {
    border-color: var(--grises-gris-claro-100, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select:has(.wizardStep-custom-select-open),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host:has(.wizardStep-custom-select-open) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select.wizardStep_FrameControlContainer.gds-keyboard-focus:not(:has(.wizardStep-custom-select-open)),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-country-host.wizardStep_FrameControlContainer.gds-keyboard-focus:not(:has(.wizardStep-custom-select-open)) {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select div ul li.active.option-hover {
    background: var(--Color-Green-Selected, #EEF7E6);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select div ul li.active:hover,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-acc-group-list-select .wizardStep-custom-select div ul li.active.option-hover:hover {
    background: var(--grises-gris-claro2-10, #EEEEEE);
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

/* --- Inputs: clic = Activated #00693C; Tab = gds-keyboard-focus --- */
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent.wizardStep_FrameControlContainer,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount.wizardStep_FrameControlContainer,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept.wizardStep_FrameControlContainerMultiLine {
    border-width: 1px !important;
    border-color: var(--grises-gris-claro-40, #C4C4C4);
    box-shadow: none !important;
    outline: none !important;
    transition: none;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

/* Concepto: misma altura que los otros inputs (Figma Input-text 48px) */
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept.wizardStep_FrameControlContainerMultiLine {
    align-items: center !important;
    padding: 0 16px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept textarea,
.divWhitePanelwcPromericaNetworkTxPageStep2 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_txtNotasAdicionales,
.divWhitePanelwcPromericaNetworkTxPageStep2 [id$='txtNotasAdicionales'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    resize: none !important;
    overflow: hidden !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent.wizardStep_FrameControlContainer:hover:not(.gds-keyboard-focus):not(:focus-within),
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount.wizardStep_FrameControlContainer:hover:not(.gds-keyboard-focus):not(:focus-within),
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept.wizardStep_FrameControlContainerMultiLine:hover:not(.gds-keyboard-focus):not(:focus-within) {
    border-color: var(--grises-gris-claro-100, #717171) !important;
    border-width: 1px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount.wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept.wizardStep_FrameControlContainerMultiLine:focus-within:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent.wizardStep_FrameControlContainer.gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount.wizardStep_FrameControlContainer.gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept.wizardStep_FrameControlContainerMultiLine.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent input,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount input,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept textarea {
    outline: none !important;
    box-shadow: none !important;
}

/* Helper / error Concepto */
.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlContainerMaxCaracter {
    padding-left: 16px;
    margin-top: 4px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlDetailTransferLocal .div_ErrorMessageValidator {
    margin-top: 4px !important;
    display: block;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .wizardStep_FrameControlDetailTransferLocal:has(.div_ErrorMessageValidator:not([style*="display:none"]):not([style*="display: none"])) .wizardStep_FrameControlContainerMaxCaracter {
    display: none !important;
}

/* --- CTAs Step2 (Anterior + Siguiente) --- */
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr[id*='StepNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='StepNavigationTemplateContainerID']),
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step2-cta) {
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr > td[id*='StepNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPageStep2 table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step2-cta) > td {
    display: block !important;
    width: 448px !important;
    max-width: 100% !important;
    margin: 48px auto 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
    text-align: left !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 448px !important;
    gap: 16px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .left-button-move-step2-Netwtrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    float: none !important;
    right: auto !important;
}

/* Anterior — Secondary GDS */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.Button-White-Secondary,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepPreviousButton'],
.divWhitePanelwcPromericaNetworkTxPageStep2 input.Button-White-Secondary[id*='StepPreviousButton'] {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.Button-White-Secondary:hover,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepPreviousButton']:hover {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    background: var(--Color-Verder-Primario10, #E6F0EB) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.Button-White-Secondary:active,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepPreviousButton']:active,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.Button-White-Secondary:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepPreviousButton']:focus:not(:focus-visible) {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    background: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.Button-White-Secondary:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepPreviousButton']:focus-visible {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--grises-blanco, #FFFFFF) !important;
}

/* Primario Siguiente — anular right:120px de .button_Primary_Left */
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.button_Primary_Left,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.button_Primary_Left:enabled,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepNextButton'],
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepNextButton']:enabled {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.button_Primary_Left:hover,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepNextButton']:hover {
    background: var(--Color-Button-Hover, #338763) !important;
    width: 216px !important;
    height: 48px !important;
    right: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.button_Primary_Left:active,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepNextButton']:active,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.button_Primary_Left:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepNextButton']:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    outline: none !important;
    right: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input.button_Primary_Left:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input[id*='StepNextButton']:focus-visible {
    /* Igual que Anterior: outline 4px, sin border:4px del .button_Primary_Left global (doble borde) */
    border: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
    width: 216px !important;
    height: 48px !important;
    right: auto !important;
    box-shadow: none !important;
}

/* Alerta Step2 — mismo ancho que Concepto (448px) */
.divWhitePanelwcPromericaNetworkTxPageStep2 [id*='CtNotificationErrorStep2'],
.divWhitePanelwcPromericaNetworkTxPageStep2 [id*='CtNotificationMessageStep2'],
.divWhitePanelwcPromericaNetworkTxPageStep2 [id*='CtNotificationErrorStep2'] .div_AlertContent,
.divWhitePanelwcPromericaNetworkTxPageStep2 [id*='CtNotificationMessageStep2'] .div_AlertContent,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent {
    width: 448px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 [id*='CtNotificationErrorStep2'],
.divWhitePanelwcPromericaNetworkTxPageStep2 [id*='CtNotificationMessageStep2'] {
    display: block !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-items: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentborder,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessage,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessagePosition,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessageText,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessageTextStyle {
    align-items: center !important;
    justify-content: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_ErrorIconLeft {
    align-self: center !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessageTextStyle,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessageTextStyle label,
.divWhitePanelwcPromericaNetworkTxPageStep2 .div_AlertContent .div_AlertContentMessageTextStyle span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 24px !important;
    display: flex !important;
    align-items: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-regresar .icon-leftwithNetWorkTrans,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContent input,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentAmount input,
.divWhitePanelwcPromericaNetworkTxPageStep2 #divBorderContentConcept textarea,
.divWhitePanelwcPromericaNetworkTxPageStep2 .gds-network-tx-step2-cta input {
    scroll-margin: 0 !important;
    scroll-padding: 0 !important;
}

/* --- Fin GDS-CTF-TransferenciasTerceros Paso 2 --- */

/* ============================================================
   GDS-CTF-TransferenciasTerceros — Paso 3 Resumen (Figma 3796:81231)
   Scope: .divWhitePanelwcPromericaNetworkTxPageStep3
   Summary: mirror Internacionales step5 (680px) — NO tocar wcSummaryNewUC global
   Stepper: 3 pasos (OtherUser) / 4 pasos (GlobalUser WBG)
   ============================================================ */

.divWhitePanelwcPromericaNetworkTxPageStep3 {
    width: 1376px !important;
    max-width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr {
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard']:not([id*='CalendarExtender']) > tbody > tr > td:not(.graybar):not([id*='NavigationTemplate']) {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

/* Regresar — mismos estados GDS que Paso 1/2 */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar {
    width: 100%;
    margin: 0 0 16px 0;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .regresar {
    margin: 0 !important;
    padding: 12px 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .icon-leftwithNetWorkTrans.titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar input.icon-leftwithNetWorkTrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    min-height: 48px;
    line-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 16px 12px 40px !important;
    background-size: 24px 24px !important;
    background-position: 8px center !important;
    box-sizing: border-box;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .titulo-regresar:hover,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .icon-leftwithNetWorkTrans:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .titulo-regresar:active,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .icon-leftwithNetWorkTrans:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .titulo-regresar:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .icon-leftwithNetWorkTrans:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .titulo-regresar:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .icon-leftwithNetWorkTrans:focus:not(:focus-visible) {
    outline: none !important;
}

/* Título centrado */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-header {
    width: 100%;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-header .divPositionTitlePageNetworkTranfer,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-header .title_PageNetworkTranfer {
    margin: 0 auto !important;
    width: 368px !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* Stepper del resumen (ya viene en wcSummaryNewUC — no duplicar) */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary > article.wizardStep_ArticleCenterCircles,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary > article.wizardStep_ArticleCenterCirclesGlobalUser,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary article.wizardStep_ArticleCenterCircles,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary article.wizardStep_ArticleCenterCirclesGlobalUser {
    width: 360px !important;
    max-width: 100% !important;
    margin: 0 auto 24px auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .wizardStep_ArticleCenterCirclesContent {
    justify-content: center !important;
    margin: 0 auto !important;
}

/* Columna resumen 680px (Figma) */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary {
    width: 680px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary > br,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary br,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .center5padding,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary #print_content {
    display: none !important;
}

/* Títulos de sección */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .wizardStep_FrameControlSubTitle {
    margin: 40px 0 8px 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .wizardStep_FrameControlSubTitle:first-of-type {
    margin-top: 0 !important;
}

/* Filas resumen */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItem {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 16px;
    align-items: center;
    width: 100% !important;
    min-height: 48px;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    box-sizing: border-box;
    justify-content: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem:first-child,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItemBold:first-child {
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    width: 100%;
    min-width: 0;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem:nth-child(2),
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItemBold:nth-child(2),
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItem.positionLabelWcSummary,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetail > .div_SummaryLabelItemBold.positionLabelWcSummary,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetailRight {
    justify-content: flex-end !important;
    text-align: right !important;
    margin: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .positionLabelWcSummary {
    margin-right: 0 !important;
}

/* Columna valor + lápiz — anular max-width:170px legacy */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .divColumnWCSumaryEdit {
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    gap: 8px !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .divColumnWCSumaryEdit > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentDestination {
    width: 100% !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetailRight,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetailRightSize {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentEstructureItemDetailRightPosition,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentOriginNameSummary,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryContentOriginAddressSummary,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .SizeAccountDestinationSummary {
    width: auto !important;
    max-width: 100% !important;
    text-align: right !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryLinkGreen {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .LinkButtonEditSummary {
    width: 20px !important;
    height: 20px !important;
    opacity: 1;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .LinkButtonEditSummary:hover {
    opacity: 0.72;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_SummaryLineItem {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    border-bottom: 1px solid var(--grises-gris-claro-30, #E0E0E0);
    align-self: stretch;
}

/* Alertas / firmantes — mismo ancho 680px */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary [id*='CtNotificationMessageSummary'],
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary [id*='CtNotificationErrorSumary'],
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary [id*='CtNotificationMessageStep3'],
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary [id*='CtNotificationErrorStep3'],
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_AlertContent {
    width: 100% !important;
    max-width: 680px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_AlertContent .div_AlertContentMessage,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_AlertContent .div_AlertContentMessagePosition,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-summary .div_AlertContent .div_AlertContentMessageText {
    align-items: center !important;
}

/* --- CTAs Step3 (mismo template StepNavigation / gds-network-tx-step2-cta) --- */
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr[id*='StepNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='StepNavigationTemplateContainerID']),
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step2-cta) {
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr[id*='StepNavigationTemplateContainerID'] > td,
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr > td[id*='StepNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPageStep3 table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step2-cta) > td {
    display: block !important;
    width: 680px !important;
    max-width: 100% !important;
    margin: 48px auto 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
    text-align: left !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 680px !important;
    gap: 16px;
    box-sizing: border-box;
    margin: 0 !important;
    float: none !important;
    position: static !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .left-button-move-step2-Netwtrans,
.divWhitePanelwcPromericaNetworkTxPageStep3 .left-button-move-step4-Netwtrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    float: none !important;
    right: auto !important;
}

/* Anterior — Secondary GDS */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.Button-White-Secondary,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepPreviousButton'] {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.Button-White-Secondary:hover,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepPreviousButton']:hover {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    background: var(--Color-Verder-Primario10, #E6F0EB) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.Button-White-Secondary:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepPreviousButton']:focus-visible {
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--grises-blanco, #FFFFFF) !important;
}

/* Siguiente — Primary; anular right/position legacy */
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.button_Primary_Left,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.button_Primary_Left:enabled,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepNextButton'],
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepNextButton']:enabled {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 8px !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    cursor: pointer;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.button_Primary_Left:hover,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepNextButton']:hover {
    background: var(--Color-Button-Hover, #338763) !important;
    width: 216px !important;
    height: 48px !important;
    right: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.button_Primary_Left:active,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepNextButton']:active,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.button_Primary_Left:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepNextButton']:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    outline: none !important;
    border: none !important;
    right: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input.button_Primary_Left:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input[id*='StepNextButton']:focus-visible {
    border: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
    right: auto !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step3-regresar .titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep3 .gds-network-tx-step2-cta input {
    scroll-margin: 0 !important;
    scroll-padding: 0 !important;
}

/* --- Fin GDS-CTF-TransferenciasTerceros Paso 3 --- */

/* ============================================================
   GDS-CTF-TransferenciasTerceros — Paso 4 Confirmación (Global User)
   Figma 2070:57564 — Scope: .divWhitePanelwcPromericaNetworkTxPageStep4
   ============================================================ */

.divWhitePanelwcPromericaNetworkTxPageStep4:has(.gds-network-tx-step4) {
    width: 1376px !important;
    max-width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0 !important;
    overflow: visible !important;
}

/* Hug content — sin altura fija residual del wizard */
.divWhitePanelwcPromericaNetworkTxPageStep4:has(.gds-network-tx-step4) table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep4:has(.gds-network-tx-step4) table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep4:has(.gds-network-tx-step4) table[id*='ctNetPromWizard'] > tbody > tr {
    height: auto !important;
    min-height: 0 !important;
}

/* Header vacío del Wizard — no aporta altura */
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='HeaderContainer']),
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr > td[id*='HeaderContainer']:empty {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr {
    width: 100% !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard']:not([id*='CalendarExtender']) > tbody > tr > td:not(.graybar):not([id*='NavigationTemplate']) {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

/* Regresar */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar {
    width: 100%;
    margin: 0 0 16px 0;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .regresar {
    margin: 0 !important;
    padding: 12px 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .icon-leftwithNetWorkTrans.titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar input.icon-leftwithNetWorkTrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    min-height: 48px;
    line-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 16px 12px 40px !important;
    background-size: 24px 24px !important;
    background-position: 8px center !important;
    box-sizing: border-box;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .titulo-regresar:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .icon-leftwithNetWorkTrans:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .titulo-regresar:active,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .icon-leftwithNetWorkTrans:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .titulo-regresar:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .icon-leftwithNetWorkTrans:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .titulo-regresar:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .icon-leftwithNetWorkTrans:focus:not(:focus-visible) {
    outline: none !important;
}

/* Title */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px 0;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-header .divPositionTitlePageNetworkTranfer,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-header .title_PageNetworkTranfer {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    text-align: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-body > br {
    display: none;
}

/* Stepper — mismo patrón Paso 2/3 (360px, block, labels nowrap) */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-body > [id*='wcConfirmTransaction'] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 article.wizardStep_ArticleCenterCircles {
    width: 360px !important;
    max-width: 100% !important;
    margin: 0 auto 40px auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_ArticleCenterCirclesContent {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_ArticleCenterCircleNameStepUsing,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_ArticleCenterCircleNameStepUsed,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_ArticleCenterCircleNameStepToUse {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    letter-spacing: 0.1px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-body,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControls,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlSchedule,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlcheckbox {
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControls {
    width: 448px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    gap: 40px !important;
    align-items: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlSchedule {
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ContentNotification {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationFontLefQuestions {
    margin: 0 !important;
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ContentTokenInstructions {
    margin: 0 !important;
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ContentTokenInstructions .panel_DivFrameCardSquareOptionDescription {
    margin: 0 !important;
    width: 100%;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .labelToken {
    display: block;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
}

/* Token — label + input pegados (igual Mensaje / Correo) */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-token-field-wrap.wizardStep_FrameControlConfirmation {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    background: transparent !important;
    border: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-token-field-wrap.wizardStep_FrameControlConfirmation .labelToken,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-token-field-wrap.wizardStep_FrameControlConfirmation .wizardStep_LabelControl {
    display: block !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .form-row.full-width {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Checkbox GDS 20x20 — no forzar flex row en wrappers column */
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlcheckbox,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlcheckboxCenter {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlVerticalAling {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheck {
    width: auto !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    display: flex;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheckColor,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheckColor input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    accent-color: var(--primarios-verde-primario, #00693C);
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheckColor input[type="checkbox"]:focus {
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheckColor input[type="checkbox"]:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheckColor input[type="checkbox"].gds-keyboard-focus {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    border-radius: 4px;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlCheckFont {
    margin: 0 !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
}

/* Token — mismo ancho que la alerta (448 / 100% columna) */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-token-field-wrap,
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ContentNotification > div:has(#divTokenContainer),
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ContentNotification > div:has([id$='ctToken']) {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer.wizardStep_FrameControlContainerToken,
.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #ffffff) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    align-self: stretch !important;
    position: relative !important;
    overflow: hidden;
    transition: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctToken,
.divWhitePanelwcPromericaNetworkTxPageStep4 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctToken.divNumbersTokens,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='wcConfirmTransaction_ctToken'],
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='wcConfirmTransaction_ctToken'].divNumbersTokens,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken input.divNumbersTokens,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken input[type="text"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-align: left !important;
    text-indent: 0 !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    display: block !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken:hover:not(.gds-keyboard-focus):not(:focus-within) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    border-width: 1px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken:focus-within:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ErrorMessageValidatorToken {
    margin-top: 4px !important;
    display: block;
    /* Icono solo en el input (.div_BorderRed), no en el mensaje */
    background-image: none !important;
    background-repeat: no-repeat;
    padding: 4px 0 0 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ErrorMessageValidator {
    /* Icono solo en el input, no junto a "Campo requerido" */
    background-image: none !important;
    padding-left: 0 !important;
    gap: 0 !important;
}

/* Schedule panel — Figma 2070:56015 (programar checked) */
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentDatePicker,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlConfirmation {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControlcheckbox {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'],
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-confirm-schedule-panel {
    width: 100% !important;
    max-width: 100% !important;
    display: none !important;
    flex-direction: column !important;
    gap: 24px !important;
    align-items: stretch !important;
    box-sizing: border-box;
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'].gds-schedule-panel-visible,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-confirm-schedule-panel.gds-schedule-panel-visible {
    display: flex !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentDatePicker {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentDatePicker .input-text {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentDatePicker .wizardStep_LabelControl,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlConfirmation .wizardStep_LabelControl {
    display: block !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
}

/* Date — Step4: input ancho completo; popup = GRP-003 shared (.divContentCalendarPrintVoucher) */
.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentInicialDatePrintVoucher,
.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher,
.divWhitePanelwcPromericaNetworkTxPageStep4 .divSizeControlCalendarControlPrintVoucher {
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentInicialDatePrintVoucher {
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentInicialDatePrintVoucher .divPositionLabelPrintVoucher {
    padding-left: 8px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentInicialDatePrintVoucher .divStyleLabelPrintVoucher {
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-size: 16px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher .divSizeControlCalendarControlPrintVoucher {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #ffffff) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher .divSizeControlCalendarControlPrintVoucher:hover {
    border-color: var(--grises-gris-claro-100, #949494) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher .divSizeControlCalendarControlPrintVoucher:focus-within {
    border-color: var(--primarios-verde-primario, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher .div_ConfirmationContentDatePickerIcon,
.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher .div_SizeControlDateControlPrintVoucher,
.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher input[id$='txtDate'] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 48px 12px 16px !important;
    box-sizing: border-box !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconCalendario.svg") !important;
    background-repeat: no-repeat !important;
    background-origin: padding-box !important;
    background-clip: padding-box !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher input[id$='txtDate']::placeholder,
.divWhitePanelwcPromericaNetworkTxPageStep4 .divContentCalendarPrintVoucher input[id$='txtDate']:placeholder-shown {
    color: var(--grises-gris-claro-100, #949494) !important;
}

/* Notificación — título Figma (sin checkbox visible) + campos gap 24 */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-confirm-notification-block,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] > .div_ContentNotification {
    width: 100% !important;
    gap: 24px !important;
    overflow: visible !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-confirm-notification-check,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .div_DivContentNotificationSubTitle .div_ConfirmationContentControlCheckColor,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .div_DivContentNotificationSubTitle input[type="checkbox"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .div_DivContentNotificationSubTitle {
    height: auto !important;
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .div_DivContentNotificationSubTitle .div_ConfirmationContentControlCheckFont {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-confirm-notification-fields,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .gds-confirm-notification-fields {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    background: var(--grises-blanco, #ffffff) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer:hover:not(.gds-keyboard-focus):not(:focus-within) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer:focus-within:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
}

/* Error — borde rojo + icono (sobreescribe el gris !important de Step4) */
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer.div_BorderRed,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > #FrameControlNotificationAdress.div_BorderRed,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > #FrameControlNoticationText.div_BorderRed,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNotificationAdress.div_BorderRed,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNoticationText.div_BorderRed {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    padding-right: 48px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer.div_BorderRed:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer.div_BorderRed:focus-within,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer.div_BorderRed:active,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlConfirmation > .wizardStep_FrameControlContainer.div_BorderRed.gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNotificationAdress.div_BorderRed:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNotificationAdress.div_BorderRed:focus-within,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNoticationText.div_BorderRed:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNoticationText.div_BorderRed:focus-within {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    outline: none !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNotificationAdress.div_BorderRed input,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNotificationAdress.div_BorderRed textarea,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNoticationText.div_BorderRed input,
.divWhitePanelwcPromericaNetworkTxPageStep4 #FrameControlNoticationText.div_BorderRed textarea,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlContainer.div_BorderRed input.div_IconErrorAlert,
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='panelProgramar'] .wizardStep_FrameControlContainer.div_BorderRed textarea.div_IconErrorAlert {
    background-image: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer.div_BorderRed,
.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer.wizardStep_FrameControlContainerToken.div_BorderRed {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconErrorAlert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    padding-right: 48px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer.div_BorderRed:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer.div_BorderRed:focus-within,
.divWhitePanelwcPromericaNetworkTxPageStep4 #divTokenContainer.div_BorderRed.gds-keyboard-focus {
    border: 2px solid var(--Alertas-Rojo-error, #C30000) !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='wcConfirmTransaction_ctNotificationAddress'],
.divWhitePanelwcPromericaNetworkTxPageStep4 [id$='wcConfirmTransaction_ctNotificationText'],
.divWhitePanelwcPromericaNetworkTxPageStep4 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctNotificationAddress,
.divWhitePanelwcPromericaNetworkTxPageStep4 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_wcConfirmTransaction_ctNotificationText {
    width: 100% !important;
    max-width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
    resize: none !important;
    overflow: hidden !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}

/* Alert */
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-body [id*='CtNotificationMessageConfirmation'],
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-body [id*='pnlMessageNotificacion'],
.divWhitePanelwcPromericaNetworkTxPageStep4 .div_ConfirmationContentControls .div_AlertContent {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box;
}

/* CTAs */
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr[id*='FinishNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr:has(> td[id*='FinishNavigationTemplateContainerID']),
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step4-cta) {
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr[id*='FinishNavigationTemplateContainerID'] > td,
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr > td[id*='FinishNavigationTemplateContainerID'],
.divWhitePanelwcPromericaNetworkTxPageStep4 table[id*='ctNetPromWizard'] > tbody > tr:has(.gds-network-tx-step4-cta) > td {
    display: block !important;
    width: 448px !important;
    max-width: 100% !important;
    margin: 40px auto 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
    text-align: left !important;
    height: auto !important;
    min-height: 0 !important;
    vertical-align: top !important;
    line-height: normal !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 448px !important;
    gap: 16px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .left-button-move-step4-Netwtrans {
    margin-left: 0 !important;
    margin-top: 0 !important;
    float: none !important;
    right: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.Button-White-Secondary,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishPreviousButton'] {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    float: none !important;
    position: static !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.Button-White-Secondary:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishPreviousButton']:hover {
    background: var(--Color-Verder-Primario10, #E6F0EB) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.Button-White-Secondary:active,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishPreviousButton']:active,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.Button-White-Secondary:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishPreviousButton']:focus:not(:focus-visible) {
    background: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.Button-White-Secondary:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishPreviousButton']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--grises-blanco, #FFFFFF) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.button_Primary_Left,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.button_Primary_Left:enabled,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishButton'],
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishButton']:enabled {
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 8px !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    cursor: pointer;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.button_Primary_Left:hover,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishButton']:hover {
    background: var(--Color-Button-Hover, #338763) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.button_Primary_Left:active,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishButton']:active,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.button_Primary_Left:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishButton']:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input.button_Primary_Left:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input[id*='FinishButton']:focus-visible {
    border: none !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-regresar .titulo-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep4 .gds-network-tx-step4-cta input,
.divWhitePanelwcPromericaNetworkTxPageStep4 .wizardStep_FrameControlContainerToken input {
    scroll-margin: 0 !important;
    scroll-padding: 0 !important;
}

/* --- Fin GDS-CTF-TransferenciasTerceros Paso 4 --- */



/* --- GDS-CTF-TransferenciasTerceros Paso 6 Resultado — mirror InternacionalesStep7 --- */

/* Panel base Paso 6 Resultado */
.divWhitePanelwcPromericaNetworkTxPageStep6 {
    width: 1376px;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px;
    background: var(--grises-blanco, #ffffff);
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    display: inline-flex;
    margin-top: 30px;
    box-sizing: border-box;
}

/* Panel — 1376px / padding 32px */
.divWhitePanelwcPromericaNetworkTxPageStep6:has(.gds-network-tx-step6) {
    width: 1376px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
    gap: 0 !important;
}

/* Wizard table — full width */
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard'] > tbody > tr {
    width: 100% !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 table[id*='ctNetPromWizard']:not([id*='CalendarExtender']) > tbody > tr > td:not(.graybar):not([id*='NavigationTemplate']) {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-top .gds-network-tx-back-row {
    align-self: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 #divBtnRegresarStep6NetworkTx,
div#divBtnRegresarStep6NetworkTx {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Alerta exitosa ÔÇö #0F804F, full width (hallazgo 2) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-top [id*='WcNotificationSuccessfulMessageInfo'],
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-top [id*='CtNotificationSuccessfulMessageInfo'],
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-top [id*='pnlMessageNotificacionSuccessful'] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentSuccesfull {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 8px;
    align-items: stretch;
    align-self: stretch;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentborderGreenDiv {
    padding: 12px 0 12px 10px;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    margin: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentborderGreen {
    background: #0F804F !important;
    align-self: stretch;
    width: 2px;
    min-width: 2px;
    border-radius: 12px;
    flex-shrink: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentMessage {
    flex: 1;
    min-width: 0;
    padding: 12px 12px 12px 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentMessagePosition {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 0;
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none !important;
    background: transparent !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    flex-shrink: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .wizardStep_ArticleCenterCircleNumberStepUsing {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .divCheckVerde {
    width: 24px;
    height: 24px !important;
    min-height: 24px;
    display: block;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_check_envolvente.svg") !important;
    background-size: 24px 24px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentMessageTextSuccesfull {
    padding-top: 2px;
    flex: 1;
    min-width: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentMessageTextStyle,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6 .div_AlertContentMessageTextStyle label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

/* Body form ÔÇö 448px fijo (Figma Form + CTA) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    margin: 0 auto;
    box-sizing: border-box;
    align-self: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation_UpdatePanel1'] {
    margin-top: 0 !important;
    width: 448px !important;
    max-width: 448px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation_UpdatePanel1'] > div[style] {
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tableform {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tableform td {
    padding: 0;
    border: none;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tituloConfirmacion {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tableform tr:first-child br {
    display: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tableform tr:nth-child(2) td,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tableform tr:nth-child(3) td {
    width: 100%;
    max-width: 448px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .tableform tr:nth-child(2) br {
    display: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOptionBold {
    display: block;
    margin-bottom: 16px;
}

/* Radios ÔÇö cards GDS (hallazgo 5) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption {
    display: flex;
    flex-direction: column;
    gap: 24px;
    line-height: normal;
    margin-top: 0;
    width: 100% !important;
    max-width: 448px !important;
    box-sizing: border-box;
    position: relative;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption br {
    display: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption .gds-radio-card {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] {
    /* Visually hidden pero focusable, anclado a su tarjeta */
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%);
    opacity: 0.01 !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
    border: 0 !important;
    z-index: 2;
    cursor: pointer;
}

/* Cada par radio+label ocupa su propia tarjeta; el input se ancla al label */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    cursor: pointer;
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    background: #ffffff;
    position: relative;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #717171;
    border-radius: 50%;
    box-sizing: border-box;
    background: #ffffff;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:checked + label {
    border-color: #C4C4C4;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:checked + label::before {
    border-color: #00693C;
    border-width: 6px;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"] + label:hover {
    border-color: var(--grises-gris-claro-100, #949494);
}

/* Focus teclado ÔÇö anillo en el LABEL (seleccionado o no) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus-visible + label,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"].gds-keyboard-focus + label,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption label.gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"].is-keyboard-focus + label,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption label.is-keyboard-focus {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Clic mouse: sin anillo verde claro */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .wizardStep_TextOption input[type="radio"]:focus:not(:focus-visible):not(.gds-keyboard-focus):not(.is-keyboard-focus) + label:not(.gds-keyboard-focus):not(.is-keyboard-focus) {
    border-color: #C4C4C4;
    box-shadow: none;
    outline: none;
}

/* Cards cgOTHER / cgADD ÔÇö Figma 3340:75354 (ancho fijo 448, sin height 176 legacy) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgOTHER'].registerFavoriteNotGlobalUser,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'].registerFavoriteNotGlobalUser,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgOTHER'].PanelDatos,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'].PanelDatos,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] fieldset[id*='cgOTHER'],
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] fieldset[id*='cgADD'] {
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    width: 448px !important;
    max-width: 448px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-top: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    align-self: stretch;
    overflow: visible;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] legend,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] legend {
    color: var(--typography-and-Shapes-Gray-90, #3F3F3F);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding: 0 0 0 8px;
    margin: 0;
    float: none !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    position: static;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] legend {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.1px;
    padding-left: 0;
}

/* Neutraliza wizardStep_TitleOption aplicado al fieldset completo */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'].wizardStep_TitleOption {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] br,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] br {
    display: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] select[id*='cgTransactionTypeList'] {
    margin-top: 4px;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgOTHER'] .divButton {
    margin-top: 24px !important;
}

/* Guardar más cerca del campo descripción (antes 32px) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .divButton2 {
    margin-top: 16px !important;
}

/* Hallazgo 16 ÔÇö Resultado como alerta exitosa GDS */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id$='cgResult'].gds-special-nav-result,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result {
    display: block !important;
    width: 448px !important;
    max-width: 448px !important;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentSuccesfull {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 8px;
    align-items: stretch;
    align-self: stretch;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentborderGreenDiv {
    padding: 12px 0 12px 10px;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    margin: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentborderGreen {
    background: #0F804F !important;
    align-self: stretch;
    width: 2px;
    min-width: 2px;
    border-radius: 12px;
    flex-shrink: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessage {
    flex: 1;
    min-width: 0;
    padding: 12px 12px 12px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessagePosition {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 0;
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .wizardStep_ArticleCenterCircleUsingSuccsefully {
    border: none !important;
    background: transparent !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    flex-shrink: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .wizardStep_ArticleCenterCircleNumberStepUsing {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .divCheckVerde {
    width: 24px;
    height: 24px !important;
    min-height: 24px;
    display: block;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/Interaccion_check_envolvente.svg") !important;
    background-size: 24px 24px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessageTextSuccesfull {
    padding-top: 0;
    flex: 1;
    min-width: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .gds-special-nav-result-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .gds-special-nav-result-title {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .gds-special-nav-result-body,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessageTextStyle,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .gds-special-nav-result .div_AlertContentMessageTextStyle label {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    text-align: left;
}

/* Dropdown tipo transacci├│n (hallazgos 10ÔÇô11) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'] {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px;
    padding: 4px 48px 4px 16px !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px;
    background-color: var(--grises-blanco, #ffffff);
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/FlechaHaciaAbajo.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px 24px;
    background-origin: border-box;
    color: var(--grises-gris-oscuro-90, #3f3f3f);
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:hover {
    border-color: var(--grises-gris-claro-100, #949494) !important;
}

/* Clic / opci├│n elegida: sin anillo verde claro (anula .ddlValidez:focus-within global) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:focus-within,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList']:active {
    border-color: #C4C4C4 !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focus SOLO Tab ÔÇö .gds-keyboard-focus (JS); Secundario 30 */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus:focus,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] select[id*='cgTransactionTypeList'].gds-keyboard-focus:focus-within {
    border-color: var(--verde-focus-control, #C3E5A9) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Panel frecuente ÔÇö filas resumen + input (Figma 3340:75354) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform {
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px 0 0 0 !important;
    display: block;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tbody {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    margin: 0 0 8px 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr td {
    width: auto !important;
    max-width: 100%;
    padding: 0 !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .wizardStep_SubTitleOption {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    margin: 0;
    white-space: nowrap;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .wizardStep_BodySmall {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    margin: 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .wizardStep_TitleOption {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.1px;
    color: #3F3F3F;
    display: block;
    width: 100%;
    margin: 0;
}

/* Bloque input: gap 32 respecto al resumen (Figma grupos) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='clInstructionsLabel']) {
    display: block;
    width: 100%;
    margin: 24px 0 0 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='ctUsrTxDescription']) {
    display: block;
    width: 100%;
    margin: 16px 0 0 0;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='clInstructionsLabel']) td,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='cgADD'] .tableform tr:has([id*='ctUsrTxDescription']) td {
    width: 100% !important;
    display: block;
}

/* Input descripci├│n ÔÇö mismos estados que Step 1 Nombre beneficiario (Figma 1633:22503)
   Override del ID legacy #..._ctUsrTxDescription (border lightgray) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription'],
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .txtUsrTxDescription {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    background-origin: border-box !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    resize: none !important;
    overflow: hidden !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']::placeholder,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .txtUsrTxDescription::placeholder {
    color: var(--grises-gris-claro-100, #949494) !important;
    opacity: 1;
}

/* Hover ÔÇö Gris claro 100 (igual Step 1) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .txtUsrTxDescription:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Selected ÔÇö clic sostenido; Gris oscuro 70 */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:active:not(:disabled):not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .txtUsrTxDescription:active:not(:disabled):not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

/* Activated ÔÇö clic / tipiado; Verde primario 1px (igual Step 1) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:focus:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .txtUsrTxDescription:focus:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focused ÔÇö solo Tab (.gds-keyboard-focus); Secundario 30 v├¡a box-shadow (igual Step 1) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription'].gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .txtUsrTxDescription.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

/* Disabled */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription']:disabled,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] [id*='ctUsrTxDescription'].aspNetDisabled {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* Botones Continuar / Guardar ÔÇö 216├ù48 (Figma Primary) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .divButton,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .divButton2 {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100%;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:enabled,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:hover,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus,
.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:active {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 216px !important;
    max-width: 216px !important;
    min-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    float: none !important;
    cursor: pointer;
    box-sizing: border-box !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:hover {
    background: var(--Color-Button-Hover, #338763) !important;
    text-decoration-color: var(--Color-Button-Hover, #338763) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:active {
    background: var(--veder-button-selected, #003F24) !important;
    text-decoration-color: var(--veder-button-selected, #003F24) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus:not(:focus-visible) {
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .gds-network-tx-step6-body [id*='ctSpecialNavigation'] .button_Start_Left_Clave:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}


/* Regresar — usp-link-regresar (mirror InternacionalesStep7; Button input) */
.divWhitePanelwcPromericaNetworkTxPageStep6 .usp-link-regresar,
.divWhitePanelwcPromericaNetworkTxPageStep6 input.usp-link-regresar {
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border: none !important;
    background-color: transparent !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconoRegresar.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding: 12px 16px 12px 28px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: var(--caption-caption-nunito-font-family, 'Nunito Sans', sans-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.20px !important;
    cursor: pointer;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .usp-link-regresar:hover,
.divWhitePanelwcPromericaNetworkTxPageStep6 input.usp-link-regresar:hover {
    color: var(--Color-Button-Hover, #338763) !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .usp-link-regresar:active,
.divWhitePanelwcPromericaNetworkTxPageStep6 input.usp-link-regresar:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .usp-link-regresar:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep6 input.usp-link-regresar:focus-visible {
    height: 48px;
    min-height: 48px;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0;
    border-radius: 0;
    text-decoration: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep6 .usp-link-regresar:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep6 input.usp-link-regresar:focus:not(:focus-visible) {
    outline: none !important;
}

/* --- Fin GDS-CTF-TransferenciasTerceros Paso 6 --- */

/* --- GDS-CTF-TransferenciasTerceros Paso 7 Comprobante (usuario global) — wcVoucherTransaction --- */

.divWhitePanelwcPromericaNetworkTxPageStep7 {
    width: 1376px !important;
    max-width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 32px !important;
    margin-top: 30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: var(--grises-blanco, #ffffff) !important;
    box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.12) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'],
.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'] > tbody,
.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard'] > tbody > tr {
    width: 100% !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 table[id*='ctNetPromWizard']:not([id*='CalendarExtender']) > tbody > tr > td:not(.graybar):not([id*='NavigationTemplate']) {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctVoucherTransaction'] .div_FrameContentVoucher {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    bottom: auto !important;
    align-items: stretch !important;
    gap: 40px !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherDetails,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 #print_content {
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    align-items: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherResult,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherItems {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherResult {
    gap: 32px !important;
    align-items: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherResultTrasactionTitle::before {
    content: none !important;
    display: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherResultTrasactionTitle {
    color: var(--grises-gris-oscuro-100, #1e1e1e) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherAmountNumber,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherAmountNumber label {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 48px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-100, #1e1e1e) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherItems {
    gap: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherItem {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 8px 0 !important;
    align-items: flex-start !important;
    gap: 16px !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVoucherItem {
    width: 100% !important;
    max-width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .wizardStep_LabelVoucher {
    flex: 0 0 auto;
    max-width: 45%;
    padding: 0 !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    letter-spacing: 0.1px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_VoucherItemRight,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_VoucherItemRight label,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_VoucherItemRightResumeLabel,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_VoucherItemRightResumeLabel label {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    letter-spacing: 0.1px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    text-align: right !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_VoucherItemRightResume {
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto;
    align-items: flex-end !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_SummaryLineItem {
    margin-bottom: 8px !important;
}

/* Favorita + programación */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameContentVoucherDetails > br {
    display: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_TitleDescription,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_TitleDescription .div_ContentNotification {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    align-self: stretch !important;
    text-align: left !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_TitleDescription {
    margin-top: 8px !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_ContentcheckboxFavorite,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_ConfirmationContentControlcheckboxCenter {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_ConfirmationContentControlVerticalAling {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_ConfirmationContentControlCheckColor,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_ConfirmationContentControlCheckColor input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    accent-color: var(--primarios-verde-primario, #00693C) !important;
    margin: 0 !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_ConfirmationContentControlCheckFont {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}

/* Favorita — ancho input GDS, alineado a la izquierda (igual filas resumen / alerta) */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_TitleDescription > .div_ContentNotification {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
    text-align: left !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='cgADD'].PanelDatos {
    width: 100% !important;
    max-width: 448px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='cgADD'] legend {
    display: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='cgADD'] .div_FrameVoucherItem,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='cgADD'] .div_FrameVoucherItem > div {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .wizardStep_DivContTitleDescriptionName,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='clInstructionsLabel'] {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    box-sizing: border-box;
}

/* Contenedor legacy — sin borde; estados GDS en el textarea (igual Step 6) */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 #FramectUsrTxDescription,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='FramectUsrTxDescription'] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: block !important;
    align-self: stretch !important;
}

/* Input descripción — override ID legacy #..._ctUsrTxDescription (580px) */
.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription'],
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 textarea.text_Multiline {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--grises-gris-claro-40, #C4C4C4) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #ffffff) !important;
    background-origin: border-box !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
    resize: none !important;
    overflow: hidden !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription::placeholder,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription']::placeholder,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 textarea.text_Multiline::placeholder {
    color: var(--grises-gris-claro-100, #949494) !important;
    opacity: 1;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription']:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 textarea.text_Multiline:hover:not(:disabled):not(:focus):not(.gds-keyboard-focus) {
    border-color: var(--grises-gris-claro-100, #949494) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription:active:not(:disabled):not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription']:active:not(:disabled):not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 textarea.text_Multiline:active:not(:disabled):not(.gds-keyboard-focus) {
    border-color: var(--selected-borde, #717171) !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription:focus:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription']:focus:not(.gds-keyboard-focus),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 textarea.text_Multiline:focus:not(.gds-keyboard-focus) {
    border-color: var(--primarios-verde-primario, #00693C) !important;
    border-width: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription.gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription'].gds-keyboard-focus,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 textarea.text_Multiline.gds-keyboard-focus {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 3px var(--verde-focus-control, #C3E5A9) !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription:disabled,
.divWhitePanelwcPromericaNetworkTxPageStep7 #ctl00_childContent_ctPromericaNetworkTx_ctNetPromWizard_ctVoucherTransaction_ctUsrTxDescription.aspNetDisabled,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription']:disabled,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctUsrTxDescription'].aspNetDisabled {
    border-color: var(--grises-gris-claro-40, #C4C4C4) !important;
    color: var(--grises-gris-claro-40, #C4C4C4) !important;
    background-color: var(--grises-blanco, #ffffff) !important;
}

/* Botón Guardar favorita — Primary GDS (igual Step 6) */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .gds-voucher-save-row,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='cgADD'] .divButton2 {
    margin: 8px 0 0 0 !important;
    width: 100% !important;
    max-width: 448px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctSaveFrecuentTx'],
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .button_Start_Left_Clave[id*='ctSaveFrecuentTx'] {
    margin: 0 !important;
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
    height: 48px !important;
    flex: 0 0 216px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 8px !important;
    background: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctSaveFrecuentTx']:hover {
    background: var(--Color-Button-Hover, #338763) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctSaveFrecuentTx']:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctSaveFrecuentTx']:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='ctSaveFrecuentTx']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

/* Alerta informativa programación */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 [id*='pnlScheduleTransaction'] .div_AlertContent,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_AlertContent {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    max-height: none !important;
    margin: 24px 0 0 0 !important;
    box-sizing: border-box;
    align-self: stretch !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_AlertContentborderBlue {
    background: var(--primarios-azul-informativo, #007AFF) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_AlertContentMessageTextStyle,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_AlertContentMessageTextStyle label {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    letter-spacing: 0.1px !important;
    color: var(--grises-gris-oscuro-90, #3F3F3F) !important;
}

/* CTAs — Finalizar / Otra transferencia / Imprimir (fila única) */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons > div,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons > div > div,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons .string-button,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons .string-button2 {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_primary_left,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_Primary_Left,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnFinalizar'] {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    background: var(--Color-Button-Enable, #00693C) !important;
    color: var(--grises-blanco, #FFFFFF) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
    position: static !important;
    right: auto !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_primary_left:hover,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnFinalizar']:hover {
    background: var(--Color-Button-Hover, #338763) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_primary_left:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnFinalizar']:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_primary_left:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnFinalizar']:focus:not(:focus-visible) {
    background: var(--veder-button-selected, #003F24) !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_primary_left:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnFinalizar']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--Color-Button-Enable, #00693C) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_WhiteVoucher,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnAnotherTransfer'] {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background: var(--grises-blanco, #FFFFFF) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
    position: static !important;
    right: auto !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_WhiteVoucher:hover,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnAnotherTransfer']:hover {
    background: var(--Color-Verder-Primario10, #E6F0EB) !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_WhiteVoucher:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnAnotherTransfer']:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_WhiteVoucher:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnAnotherTransfer']:focus:not(:focus-visible) {
    background: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input.button_WhiteVoucher:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons input[id*='btnAnotherTransfer']:focus-visible {
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 2px;
    background: var(--grises-blanco, #FFFFFF) !important;
}

/* Imprimir — mismo patrón Button-White-print (internacionales / impresión comprobantes) */
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint'] {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 12px 48px 12px 16px !important;
    margin: 0 !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    border-radius: 8px !important;
    background-color: var(--grises-blanco, #FFFFFF) !important;
    background-image: url("../App_Themes/CTF.Regional/imagesSVG/IconPrint.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 24px 24px !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
    position: static !important;
    right: auto !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:hover,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:hover {
    background-color: var(--Color-Verder-Primario10, #E7F7EE) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    border-color: var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:focus,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:focus,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:focus:not(:focus-visible),
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:focus-visible,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:focus-visible {
    background-color: var(--grises-blanco, #FFFFFF) !important;
    border: 1px solid var(--primarios-verde-primario, #00693C) !important;
    color: var(--primarios-verde-primario, #00693C) !important;
    outline: 4px solid var(--verde-focus-control, #C3E5A9) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:hover:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:hover:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a.Button-White-print:focus-visible:active,
.divWhitePanelwcPromericaNetworkTxPageStep7 .gds-network-tx-step7 .div_FrameVocucherButtons a[id*='cbLinkPrint']:focus-visible:active {
    background-color: var(--Color-Verder-Primario20, #CCE1D8) !important;
    outline: none !important;
}

/* --- Fin GDS-CTF-TransferenciasTerceros Paso 7 --- */