@charset "ISO-8859-1";

.background-guinda {
	background-color: #611232 !important;
}

.background-white {
	background-color: #FFF !important;
}

.background--gris-neutro-400 {
	background-color: #DDDDDD !important;
}

.background--gris-neutro-600 {
	background-color: #767676 !important;
}

.color-gris-neutro-400 {
	color: #DDDDDD !important;
}

.color-gris-neutro-600 {
	color: #767676 !important;
}

.color-guinda {
	color: #611232 !important;
}

.color-dorado {
	color: #A57F2C !important;
}

.color-negro-neutro-800 {
	color: #161A1D !important;
}

.color-negro-neutro-700 {
	color: #434343 !important;
}

.pnlDescarga {
	width: 524px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	border-radius: 16px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px 0px rgba(159, 159, 159, 0.25);
}

.pnlCostos {
	width: 878px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	border-radius: 16px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px 0px rgba(159, 159, 159, 0.25);
}

.columnCosto:focus, .columnEstado:focus {
	outline: #f5f5f500 !important;
}

.txt-4 {
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.txt-5 {
	font-size: 24px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}


.txt-9 {
	font-size: 20px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.icon-01 {
	background-image: url(/resources/img/ic_download.svg);
	width: 29px;
	height: 29px;
	left: 9% !important;
	top: 26% !important;
	background-size: contain;
}

@media screen and (max-width: 640px) {
	.text-subtittle {
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 43.58px !important;
	letter-spacing: 0%;
}
	.txt-6 {
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 22px;
	}
	.txt-7 {
		font-size: 24px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.pnl-titl {
		background-image: none !important;
		width: 100%;
		background-position-y: center;
	}
	.tit-home {
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		color: #611232;
	}
	.subt-home {
		font-size: 20px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		color: #161A1D;
	}
	.cont-tit-home {
		max-width: 735px;
		padding-top: 20px
	}
	.cont-subt-home {
		max-width: 735px;
		padding-top: 10px
	}
	.pnl-img-mobile {
		background-image: url(/resources/img/banner_home.jpg);
		background-size: cover !important;
		height: 185px;
		width: 100%;
		background-position-y: center;
	}
	.tit-footer {
		color: var(--Neutro-Neutro-800, #161A1D);
		text-align: center;
		font-size: 24px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.subt-footer {
		color: var(--Neutro-Neutro-800, #161A1D);
		text-align: center;
		font-style: normal;
		line-height: normal;
		font-size: 20px !important;
		font-weight: 500;
	}
	.btn-inises {
		display: flex;
		width: 140px !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 17.8px !important;
		border-radius: 8px !important;
	}
	.btn-crea-cuenta {
		display: flex;
		width: 140px !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 17.8px !important;
		border-radius: 8px !important;
	}
	.cont-footer {
		background-image: url(/resources/img/banner_home_footer.jpg) !important;
		background-size: cover !important;
		height: 530px;
		width: 100%;
		background-position-y: center;
		padding: 32px 18px;
	}
	.img-llave {
		padding: 32px 18px 32px 16px;
	}
	.txt-2 {
		color: var(--Neutro-Neutro-800, #161A1D);
		font-size: 24px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.pnlTramites {
		padding: 0px 14px;
	}
	.buttom-download {
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		border-radius: 8px;
		width: 100% !important;
	}
	.buttom-ir-bandeja {
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		border-radius: 8px;
		width: 100% !important;
		border: 1px solid #611232 !important;
		font-weight: 600;
	}
	.buttom-download-2 {
        height: 40px;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        font-size: 16px !important;
        border-radius: 8px;
        width: 300px !important;
        max-width: 96% !important;
        
    }
    .buttom-ir-bandeja-2 {
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		border-radius: 8px;
		width: 300px !important;
		border: 1px solid #611232 !important;
		font-weight: 600;
		max-width: 96% !important;
        
	}
	.icon-02 {
	background-image: url(/resources/img/ic_download.svg);
	width: 24px;
	height: 24px;
	left: 9% !important;
	top: 29% !important;
	background-size: contain;
}
.txt-8 {
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.txt-9 {
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
}

@media screen and (min-width: 641px) {
	.text-subtittle {
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 43.58px !important;
	letter-spacing: 0%;
}
	.txt-6 {
		font-size: 24px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.txt-7 {
	font-size: 32px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
	.tit-home {
		color: #FFF;
		font-size: 56px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.subt-home {
		color: #FFF;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.pnl-titl {
		background-image: url(/resources/img/banner_home.jpg);
		background-size: cover !important;
		height: 540px;
		width: 100%;
		background-position-y: center;
		padding-top: 50px;
	}
	.cont-tit-home {
		max-width: 735px;
		padding-top: 50px
	}
	.cont-subt-home {
		max-width: 735px;
		padding-top: 25px
	}
	.tit-footer {
		color: var(--Neutro-Neutro-800, #161A1D);
		text-align: center;
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.subt-footer {
		color: var(--Neutro-Neutro-800, #161A1D);
		text-align: center;
		font-size: 24px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.btn-inises {
		display: flex;
		width: 150px !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 17.8px !important;
		border-radius: 8px !important;
	}
	.btn-crea-cuenta {
		display: flex;
		width: 150px !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 17.8px !important;
		border-radius: 8px !important;
	}
	.cont-footer {
		background-image: url(/resources/img/banner_home_footer.jpg) !important;
		background-size: cover !important;
		height: 450px;
		width: 100%;
		background-position-y: center;
		padding: 32px 18px;
		margin: 55px auto;
	}
	.img-llave {
		padding: 32px 0px;
	}
	.txt-2 {
		color: var(--Neutro-Neutro-800, #161A1D);
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.pnlTramites {
		padding: 0px 5px;
	}
	.buttom-download {
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		border-radius: 8px;
		width: 204px !important;
	}
	.buttom-ir-bandeja {
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		border-radius: 8px;
		width: 204px !important;
		border: 1px solid #611232 !important;
		font-weight: 600;
	}
	.buttom-download-2 {
        height: 40px;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        font-size: 16px !important;
        border-radius: 8px;
        width: 448px !important;
    }
    .buttom-ir-bandeja-2 {
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		border-radius: 8px;
		width: 448px !important;
		border: 1px solid #611232 !important;
		font-weight: 600;
	}
	.icon-02 {
	background-image: url(/resources/img/ic_download.svg);
	width: 24px;
	height: 24px;
	left: 25% !important;
	top: 29% !important;
	background-size: contain;
}
.txt-8 {
	font-size: 40px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.txt-9 {
	font-size: 20px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
}


/*Clases para acta de matrimonio*/

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

.text-paragraph {
    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;
}

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

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

.separator-form-search {
   	width: auto;
    height: 1px;
    background: #DDD;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.inputtext-form {
    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;
}

.button-primary {
    height: 40px;
    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: #FFFFFF !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

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

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


/*busqueda pór fecha matrimonio*/

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

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

/* Título principal de búsqueda */
.text-busqueda-matrimonio {
	color: #161A1D;
	font-size: 32px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

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

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

/* Texto de descripción */
.text-descripcion-busqueda {
	color: #434343;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

/* Labels de los inputs */
.label-input-busqueda {
	color: #161A1D;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/* Inputs de búsqueda */
.inputtext-busqueda {
	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;
}

/* Botones principales */
.button-busqueda {
	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;
}

/* Botón en estado focus */
.button-busqueda.ui-button.ui-state-focus {
	box-shadow: none !important;
	background: #FFF !important;
	color: #611232 !important;
}

/* Botón en estado hover */
.button-busqueda.ui-button.ui-state-hover {
	box-shadow: none !important;
	background: #FFF !important;
	color: #611232 !important;
}

/* Link de flecha de regreso en focus */
.link-arrow-left:focus {
    outline: #bbb dotted 0px;
}

/* Panel de mensaje de validación */
.gridpanel-validacion-busqueda {
	padding: 8px;
	align-items: flex-start;
	gap: 8px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 8px;
	background: #FAE5E5;
}

/* Título de mensaje de validación */
.titulo-validacion-busqueda {
	color: #AE1C22;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

body .ui-message.ui-message-error, body .ui-message.ui-message-fatal {
    background: #ffcdd2;
    border: 1px solid #ef5350;
    border-width: 0 0 0 3px;
    color: #b71c1c;
    margin: 0 0 0 0 !important;
}
.breadcrumb-custom .ui-menuitem-text{
	color: #767676 !important;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400 !important;
	
}
#j_idt31\:bcCostos  {line-height: 22px;}
#j_idt31\:bcCostos .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
    color: #767676 !important;
    font-size: 16px;
}
.linkBreadCrumb, .linkBreadCrumb:hover {
	color: #767676 !important;
	text-align: center;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}
.ui-datepicker .ui-datepicker-prev:before {
    color: #333 !important;
    top: 0 !important;
    left: 0 !important;
}

 .ui-datepicker .ui-datepicker-next:before {
    color: #333 !important;
    top: 0 !important;
    right: 0 !important;
}

body .ui-datepicker .ui-datepicker-calendar td>a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td>span.ui-state-active {
    background: #611232 !important;
    color: #fff !important;
}