@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

h1 {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 40px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.heading-medium {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

h3 {
    font-family: "Noto Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    display: flex !important;
    align-items: center !important;
    color: #433F58 !important;
}

.recuadro-amarillo {
    font-size: 16px !important; 
    color: #a18965; 
    background-color:#fcf8e3 !important; 
    padding-top: 5px; 
    padding-bottom: 5px;
}

.recuadro-azul {
    font-size: 16px !important; 
    color: #1c3aa9; 
    background-color:#d9edf6 !important; 
    text-align: center; 
    padding-top: 10px; 
    padding-bottom: 10px;
}

.texto-regular {
    font-family: "Noto Sans", sans-serif !important;
    font-size: var(--Tipos-Tamao-Prrafos-Prrafo-base, 16px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 22px !important;
}

.texto-regular-bold {
    font-family: "Noto Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #404041 !important;
}

.texto-numeracion {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 16px !important;
}

.text-medium {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.text-bold {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.adrc-text-busqueda-pasos {
    color: #161A1D;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0.5em;
}

.subtitle-bold {
    color: var(--Primario-100-Guinda-160, #611232);
    font-family: "Noto Sans", sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.panel-busqueda {
    padding: 24px;
    gap: 32px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(159, 159, 159, 0.25);
}

.separator-busqueda {
    width: auto;
    height: 1px;
    background: #DDD;
    margin-top: 0px !important;
    margin-bottom: 1em !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #611232 !important;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #A57F2C !important;
}

.adrc-button-guinda {
    height: 40px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px !important;
    border: 1px solid #611232 !important;
    background: #611232 !important;
    color: #FFF !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.adrc-button-guinda-small {
    width: 240px !important;
    height: 44px !important;
    flex: none !important;
}

.adrc-button {
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px !important;
    border: 1px solid #611232 !important;
    background: #FFF !important;
    color: #611232 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.adrc-button.ui-button.ui-state-focus {
    box-shadow: none !important;
    background: #611232 !important;
    color: #FFFFFF !important;
}

.adrc-button.ui-button.ui-state-hover {
    box-shadow: none !important;
    background: #611232 !important;
    color: #FFFFFF !important;
}

.adrc-inputtext-01 {
    height: 40px;
    min-width: 70px;
    max-width: 700px;
    padding: 8px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #FFF;
    color: #AAA;
    text-overflow: ellipsis;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.adrc-text-metodo-pago {
    color: #161A1D;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.adrc-arrow-left {
/*  padding: 8px; */
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #611232;
/*  margin-bottom: 1.5em; */
/*  margin-right: 1em; */
    padding: 0.6em;
}
.adrc-arrow-left:hover {
    cursor: pointer;
}

.adrc-link-arrow-left:focus {
    outline: #bbb dotted 0px;
}

.ui-selectoneradio.ui-grid-responsive label {
    font-weight: 400 !important;
}

.panel-metodo-pago-border {
    border-radius: 16px;
    border: 2px solid var(--Neutro-Neutro-500, #AAA); 
    display: flex;
    padding: 2% 0;
    flex-direction: column;
    align-items: normal;
    gap: 24px;
    align-self: stretch;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: #611232 !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #611232 !important;
    background: #ffffff !important;
    color: #611232 !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    border-color: #611232 !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    border-color: #611232 !important;
}

.adrc-enlace {
    color: var(--Primario-100-Guinda-160, #611232) !important;
    font-family: "Noto Sans", sans-serif !important;
    font-size: 16px !important;
    font-style: normal ;
    font-weight: 600 ;
    line-height: 22px !important; 
}

body .ui-chkbox .ui-chkbox-box {
    border: 1px solid #611232 !important;
    border-width: 3px !important;
    background: #fff;
    width: 2rem !important;
    min-width: 1.5rem;
    height: 2rem !important;
    text-align: center;
    position: relative;
    border-radius: unset !important;
    box-sizing: content-box !important;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    color: #611232 !important;
    background: #ffffff !important;
    font-size: 12px;
    font-weight: bolder;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: 0 0 0 0 #611232;
    outline: 0 none;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
    font-weight: bold !important;
    display: contents;
    background: none;
}

.whitespaces {
  white-space: pre;
}

.ui-inputs-combobox-001 {
    height: 40px !important;
    border-radius: 4.089px !important;
    border: 1.022px solid #A4A4A4 !important;
    background: #FFF !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
    color: #495057 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 22px;
}

.adrc-gridpanel-text-validacion {
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 8px;
    background: #FAE5E5;
}

.adrc-titulo-validacion {
    text-align: left !important;
    color: #AE1C22;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
    align-items : center;
    justify-content: center;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header {
    width: 50%;
    justify-content: center;
}

.adrc-panel-acta-para-ti {
    max-width: 400px; 
    padding: 2% 0 0 0; 
    margin: 0 auto;
}

.adrc-panel-busqueda-curp {
    width: 400px;
    min-width: 70px;
    max-width: 700px;
    margin: 0 auto;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: .0em;
}

.adrc-separator {
    width: auto;
    height: 1px;
    background: #DDD;
    margin-top: -2em !important;
    margin-bottom: 0em !important;
}

.datepicker-custom {
    height: 40px;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;    
}

.ui-datepicker {
    font-size: 16px !important;
    z-index: 9999 !important;
}

.adrc-row-par {
    background-color: #F3F3F3 !important;
    background-image: none !important;
    color: #161A1D !important;
}

.adrc-button-grid {
    width: 50px !important;
    background: #ffffff !important;
    border: 1px solid #611232 !important;
    padding: 5px 10px 5px 10px !important;
}

.icono-eliminar {
    background-image: url(/resources/img/trash.png) !important;
    top: 35% !important;
    width: 35px;
    height: 35px;
    left: 35% !important;
    position: absolute !important;
}

@media screen and (max-width: 641px){
    .panel-metodo-pago-border {
        padding: 2% 0 5% 0; 
        margin: auto;
    }
}

.content-width-main{
    max-width: 1024px; 
    padding: 1.5% 0 0 0; 
    margin: auto; 
}

.content-width-submain{
    max-width: 1024px; 
    padding: 2% 0 0 0; 
    margin: auto; 
    width: 1103;                        
    height: 684;
    opacity: 1;
    gap: 32px;
    border-radius: 16px;
    border-width: 1px;
    padding-top: 32px;
    padding-right: 48px;
    padding-bottom: 32px;
    padding-left: 48px; 
    background: var(--Neutro-100, #FFFFFF);
    border: 1px solid var(--Neutro-400, #DDDDDD);
    box-shadow: 0px 2px 4px 0px #00000026;
}

.text-general-t1 {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700;
    font-style: Bold;
    line-height: normal !important;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000000;
}

.text-general-t2 {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    font-style: Regular;
    line-height: normal !important;
    letter-spacing: 0%;
    vertical-align: middle;
}

.text-general-t3 {
    font-family: "Noto Sans", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700;
    font-style: Bold;
    line-height: normal !important;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--Neutro-800, #161A1D);
    
}

.text-general-t4 {
    font-family: Noto Sans, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    font-style: SemiBold;
    line-height: normal !important;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--Neutro-800, #161A1D);
}

.text-general-t5 {
    font-family: Noto Sans, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500;
    font-style: Medium;
    line-height: normal !important;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000000;
}

.text-link-t1 {
    color: var(--Primario-100-Guinda-160, #611232) !important;
    font-family: "Noto Sans", sans-serif !important;
    font-size: 16px !important;
    font-style: SemiBold;
    font-weight: 600 ;
    line-height: normal !important;
    letter-spacing: 0%;
    vertical-align: middle;
    text-decoration: underline !important;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
}

.adrc-inputtext-02 {
    height: 40px;
    width: 100%;
    padding: 8px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #FFF;
    color: #AAA;
    text-overflow: ellipsis;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.icon-siguiente {
    background-image: url(../resources/img/arrow-right-white.png) !important;
    width: 40px !important;
    height: 40px !important;
    top: 18px !important;
    right: 1rem !important;
}

.ui-selectoneradio.layout-line-direction>div, .ui-selectoneradio.layout-line-direction>div label {
    display: inline;
    padding-right: 20px !important;
}

.adrc-button-guinda-width {
    width:100% !important;
}

@media screen and (min-width: 1px) {/*sm*/
    .content-width-submain{
        max-width: 1024px; 
        padding: 2% 0 0 0; 
        margin: auto; 
        width: 1103;                        
        height: 684;
        opacity: 1;
        gap: 32px;
        border-radius: 16px;
        border-width: 1px;
        padding-top: 32px;
        padding-right: 0px;
        padding-bottom: 32px;
        padding-left: 0px; 
        background: var(--Neutro-100, #FFFFFF);
        border: 1px solid var(--Neutro-400, #DDDDDD);
        box-shadow: 0px 2px 4px 0px #00000026;
        margin-left: 10px;
        margin-right: 10px;
    }
    .ui-selectoneradio.layout-line-direction>div, .ui-selectoneradio.layout-line-direction>div label {
        display: inline;
        padding-right: 6px !important;
    }

}
@media screen and (min-width: 768px) {/*md*/
    .content-width-submain{
        max-width: 1024px; 
        padding: 2% 0 0 0; 
        margin: auto; 
        width: 1103;                        
        height: 684;
        opacity: 1;
        gap: 32px;
        border-radius: 16px;
        border-width: 1px;
        padding-top: 32px;
        padding-right: 48px;
        padding-bottom: 32px;
        padding-left: 48px; 
        background: var(--Neutro-100, #FFFFFF);
        border: 1px solid var(--Neutro-400, #DDDDDD);
        box-shadow: 0px 2px 4px 0px #00000026;
    }
    .ui-selectoneradio.layout-line-direction>div, .ui-selectoneradio.layout-line-direction>div label {
        display: inline;
        padding-right: 20px !important;
    }
    
}
@media screen and (min-width: 992px) {/*lg*/

}
@media screen and (min-width: 1200px) {/*xl*/

}
.adrc-gridpanel-text-warn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FFEB99;
}

.adrc-msj-warn {
    color: #5F5130;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/*Color del contorno del input cuando es un campo requerido*/
body .ui-inputfield.ui-state-error {
    border-color: #9B0F15 !important;
}