@charset "ISO-8859-1";

:root {
	--color-guinda: #611232;
	--color-neutro: #161A1D;
}

.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;
}

.background--Neutro-Neutro-200 {
	background-color: #F9F9F9 !important;
}

.color--Neutro-Neutro-300 {
	color: #F3F3F3;
}

.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;
}

.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: 32px !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;
	}
	.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;
	}
	.tit-footer {
		text-align: center;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.subt-footer {
		color: var(--Neutro-Neutro-800, #161A1D);
		text-align: left;
		font-style: normal;
		line-height: normal;
		font-size: 16px !important;
		font-weight: 400;
	}
	.btn-inises {
		display: flex;
		width: 100% !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		border-radius: 8px !important;
		margin-top: 16px !important;
	}
	.btn-crea-cuenta {
		display: flex;
		width: 100% !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 17.8px !important;
		border-radius: 8px !important;
		margin-top: 16px !important;
	}
	.cont-footer {
		background-image: url(/resources/img/banner_home_footer.png) !important;
		background-size: cover !important;
		height: 700px;
		width: 100%;
		background-position-y: center;
		padding: 32px 18px;
	}
	.img-llave {
		padding: 0px;
	}
	.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;
	}
	.buttom-select {
		display: flex;
		width: 298px !important;
		max-width: 100% !important;
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-weight: 600;
		font-size: 16px !important;
		border-radius: 8px !important;
	}
	.buttom-proxmimamente {
		display: flex;
		width: 298px !important;
		max-width: 100% !important;
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 22px;
		gap: 8px;
	}
	.tabla-costos th.columnEstado, .tabla-costos td.columnEstado {
		width: 50%;
	}
	.tabla-costos th.columnCosto, .tabla-costos td.columnCosto {
		width: 50%;
	}
}

@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: 500;
		line-height: normal;
	}
	.cont-subt-home {
		max-width: 735px;
		padding-top: 25px
	}
	.tit-footer {
		text-align: center;
		font-size: 32px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.subt-footer {
		color: var(--Neutro-Neutro-800, #161A1D);
		text-align: left;
		font-size: 24px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.btn-inises {
		display: flex;
		width: 47% !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		border-radius: 8px !important;
		margin-right: 2% !important;
	}
	.btn-crea-cuenta {
		display: flex;
		width: 47% !important;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		border-radius: 8px !important;
		margin-left: 2% !important;
	}
	.cont-footer {
		background-image: url(/resources/img/banner_home_footer.png) !important;
		background-repeat: no-repeat;
		background-size: initial;
		height: 447px;
		width: 100%;
		background-position-x: center;
		background-position-y: top;
		padding: 32px 18px;
		margin: 55px auto;
		max-width: 1440px;
	}
	.img-llave {
		padding: 0px 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;
	}
	.buttom-select {
		display: flex;
		width: 200px !important;
		max-width: 100% !important;
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		font-weight: 600;
		font-size: 16px !important;
		border-radius: 8px !important;
	}
	.buttom-proxmimamente {
		display: flex;
		width: 200px !important;
		max-width: 100% !important;
		height: 40px;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 22px;
		gap: 8px;
	}
	.tabla-costos table {
		table-layout: fixed;
		width: 100%;
	}
	.tabla-costos th.columnEstado, .tabla-costos td.columnEstado {
		width: 83%;
	}
	.tabla-costos th.columnCosto, .tabla-costos td.columnCosto {
		width: 17%;
	}
}

/*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 {
	
	border-radius: 16px;
	background: #FFF;
	border: 1px solid var(--Neutro-400, #DDDDDD);
	box-shadow: 0px 2px 4px 0px #00000026;	
}

.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;
}

/*baner principal home*/
@media screen and (min-width: 1236px) {
	.img-banner-01 {
		height: 659px !important;
	}
	.img-banner-01-mid {
		display: none;
	}
	.cont-tit-home {
		max-width: 735px;
		padding-top: 44px;
	}
	.pnl-titl {
		background-image: url(/resources/img/banner_home.svg);
		background-size: cover !important;
		height: 577px;
		background-position-y: center;
		padding-top: 50px;
		margin: 0 auto;
	}
	.pnlIniciaSesion {
		padding: 48px 100px;
	}
}

@media screen and (min-width: 915px) and (max-width: 1235px) {
	.img-banner-01 {
		height: -webkit-fit-content; /* Safari iOS < 13.4 */
		height: -moz-fit-content; /* Firefox */
		height: fit-content; /* Est�ndar */
	}
	.img-banner-01-desk {
		display: none;
	}
	.cont-tit-home {
		max-width: 735px;
		padding-top: 0px
	}
	.cont-left {
		padding: 0 0 0 10px;
	}
	.pnl-titl {
		background-image: url(/resources/img/banner_home.svg);
		background-size: cover !important;
		height: 577px;
		max-width: 1440px;
		background-position-y: center;
		padding-top: 50px;
		margin: 0 auto;
	}
	.pnlIniciaSesion {
		padding: 48px 50px;
	}
}

@media screen and (min-width: 768px) and (max-width: 914px) {
	.img-banner-01 {
		height: -webkit-fit-content; /* Safari iOS < 13.4 */
		height: -moz-fit-content; /* Firefox */
		height: fit-content; /* Est�ndar */
		max-width: 450px;
	}
	.img-banner-01-mid {
		display: none;
	}
	.cont-tit-home {
		max-width: 652px;
		padding-top: 0px
	}
	.cont-left {
		padding: 0 0 0 10px;
	}
	.tit-home {
		font-size: 45px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		color: #FFF;
	}
	.subt-home {
		color: #FFF;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		font-size: 26px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.pnl-titl {
		background-image: url(/resources/img/banner_home.svg);
		background-size: cover !important;
		height: 495px;
		max-width: 1440px;
		background-position-y: center;
		padding-top: 50px;
		margin: 0 auto;
	}
	.pnlIniciaSesion {
		padding: 48px 35px;
	}
	.img-llave {
		height: 130px;
	}
}

@media screen and (max-width: 767px) {
	.img-banner-01 {
		height: 315px;
		max-width: 268px;
		max-height: 100%
	}
	.img-banner-01-mid {
		display: none;
	}
	.cont-tit-home {
		max-width: 652px;
		padding-top: 0px
	}
	.cont-left {
		padding: 0 0 0 10px;
		max-width: 350px;
	}
	.tit-home {
		font-size: 40px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		color: #FFF;
	}
	.subt-home {
		color: #FFF;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		font-size: 20px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.pnl-titl {
		background-image: url(/resources/img/banner_home.svg);
		background-size: cover !important;
		height: 557px;
		max-width: 1440px;
		background-position: center;
		padding-top: 50px;
		margin: 0 auto;
	}
	.cont-subt-home {
		max-width: 735px;
		padding-top: 0px
	}
	.pnlIniciaSesion {
		padding: 48px 16px;
	}
	.img-llave {
		height: 80px;
	}
}

/* selectOneMenu*/
.ui-selectonemenu .ui-selectonemenu-label {
	color: #495057 !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 22px;
	padding: .8rem .5rem !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
	font-size: 16px;
}

body .ui-state-disabled {
	opacity: 0.35 !important;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.menu_desplegable {
		text-decoration: none !important;
		font-weight: 400 !important;
		color: #ffffff !important;
		margin: 3px 20px !important;
		line-height: 1.428571429 !important;
		font-size: 1rem !important;
		white-space: normal !important;
	}
	.menu-desktop {
		display: none;
	}
	.menu-mobile {
		padding-top: 0px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		height: 20px !important;
		padding-top: 0 !important;
	}
}

@media screen and (min-width: 768px) {
	.menu_desplegable {
		text-decoration: none !important;
		font-weight: 400 !important;
		color: #333 !important;
		padding: 3px 20px !important;
		line-height: 1.428571429 !important;
		white-space: nowrap !important;
		font-size: 18px !important;
	}
	.menu-mobile {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.pnl-titl {
		background-image: url(/resources/img/banner_home_mobile.svg);
		background-size: contain !important;
		background-position: center;
		padding-top: 50px;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
	.img-banner-01 {
		height: 265;
		max-width: 268px;
		max-height: 100%;
		right: 30px;
		top: 20px;
		position: relative;
	}
}