@charset "ISO-8859-1";

:root{
	--Neutro-Neutro-100 : #FFF;
	--Neutro-Neutro-300: #F3F3F3;
	--Neutro-Neutro-400: #DDD;
	--Neutro-Neutro-600: #767676;
	--Neutro-Neutro-700: #434343;
	--Neutro-Neutro-800: #161A1D;
	--Primarios-Guinda-500: #9B2247;
	--Primarios-Guinda-600: #611232;
	--Primarios-Guinda-700: #3A0B1E;
	--Background-Background-primary-600: #611232;
	--Text-Text-primary-enabled: #611232;
	--Text-Text-primary-hover: #9B2247;
}

*{
	font-family: "Noto Sans", icogobmx, sans-serif !important;
}

.ui-panelgrid .ui-panelgrid-cell{
	background: transparent !important;
}
.ui-dataview .ui-dataview-content{
	background: transparent !important;
}

.li-pagos * {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  margin: 0 !important; /* Para que los hijos no tengan m�rgenes extras */
}

.home-boton {
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-position-x: 15px !important;
	background-size: 15px !important;
	background-color: #f3f3f3 !important;
	color: #4a5568 !important;
	width: 236px !important;
	height: 50px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border: 2.2px solid #9F2241 !important;
	border-radius: 25px !important;
	padding-left: 15px !important;
}
.ui-pg-transparent.ui-panelgrid .ui-panelgrid-cell{
	background: transparent !important;
}
.ui-pg-home-buscador{
	background: linear-gradient(96deg, var(--Primarios-Guinda-700) 35.33%, var(--Primarios-Guinda-500) 100.59%);
	max-width: 100%; 
	padding: 0; 
	margin: 0; 
	border-radius: 0 0 50% 50% / 7% 7%;
}
.ui-pg-background-image-greca{
	background-image: url('/resources/img/home/img-greca.svg');
	background-repeat: no-repeat;
    background-size: cover;
}
.ui-label-margin{
	margin: 0 ;
}
.ui-pg-align{
	text-align: center;
}
.ui-pg-home-padding-00.ui-panelgrid .ui-panelgrid-cell {
	padding:0 !important;
}

.ui-pg-home-padding-01.ui-panelgrid .ui-panelgrid-cell {
	padding: .5% 0 !important;
}

.ui-pg-home-padding-02.ui-panelgrid .ui-panelgrid-cell {
	padding: 1% 0 !important;
}

.ui-pg-home-padding-13.ui-panelgrid .ui-panelgrid-cell {
	padding: 1% 3% !important;
}
.ui-pg-home-padding-14.ui-panelgrid .ui-panelgrid-cell {
	padding: 1% 3% !important;
	display: flex;
	align-items: center;
	gap: 8px;
}
.ui-pg-background-cards-01.ui-panelgrid .ui-panelgrid-cell {
    background: none;
}

.ui-pg-cards-consulta-padding-00.ui-panelgrid .ui-panelgrid-cell {
	padding:0 !important;
}

.ui-opn-cards-label-enlace{
	position: absolute;
	width: 132px;
	height: 22px;
}
.ui-subtitulo-secciones-home{
	font-family: "Noto Sans", "Ag-", sans-serif !important;
	color: var(--Neutro-Neutro-800);
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 426px;
}

.ui-labels-links-masbuscado{
	color: var(--Text-Text-primary-enabled);
	font-size: 20px !important;
	font-style: normal  !important;
	font-weight: 700  !important;
	line-height: normal  !important;
	text-decoration: underline !important;
	word-wrap: break-word !important;
	cursor: pointer;
}

.ui-btn-consulta{
	width: 411px;
	height: 155px;
	flex-shrink: 0;
	border-radius: 16px;
	background: linear-gradient(106deg, #9B2247 -6.51%, #611232 84.75%);
}
.ui-panel-llavemx{
	max-width: 1100px;
	margin: 0% auto;
	border-radius: 16px;
	background: var(--Neutro-Neutro-100);
}
.ui-subpanel-llavemx-01{
	text-align: center !important;
	padding: 0% 0 !important;
	max-width: 400px;
	max-height: 379px;

}
.ui-icon-llavemx{
	max-width: 151px !important;
	width: 100%;
	margin: 7% 0 4% 0;
}
.ui-texto-panel-llavemx{
	color: var(--Neutro-Neutro-800);
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 10% 0;
}
.ui-cards-consulta-s{
    background-color: var(--Neutro-Neutro-100);
    padding: 3%;
    border-radius: 16px;
    font-family: sans-serif;
    cursor: pointer;
    max-width: 410px;
	max-height: 155px;
    transition: box-shadow 0.2s ease;
    position: relative;
    border: 1px solid var(--Neutro-Neutro-400);
}
.ui-dataview-column{
	padding: 1%  1% 2% 1%;
}
.ui-label-encabezados{
	color: var(--Neutro-Neutro-100);
	font-size: 64px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}
.ui-label-titulo{
	color: var(--Neutro-Neutro-100);
	font-family: "Noto Sans", sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 126.455%; /* 45.524px */
}

.ui-label-cards-consulta-numeros{
	margin: 0;
	color: #FFF;
	font-size: 40px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.ui-label-cards-consulta-texto{
	color: #FFF;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.ui-maxwidth-icon-card-cosulta{
	max-width: 45px;
}

.ui-llave-loginMX{
	background: var(--Primarios-Guinda-700);
    width: 100%;
    height: 60px;
    margin-top: 14px;
}

/* Alinear horizontalmente los elementos del commandLink  de ui-llave-loginMX*/
.login-link {
	display: flex;
	align-items: center;
	gap: 10px; /* Espacio entre imagen, texto e icono */
	text-decoration: none;
}
/* Estilo del texto "Iniciar sesi�n" */
.login-text {
	font-weight: bold;
	font-size: 16px;
	color: white; /* el color que est�s usando */
}
.ui-cards-consulta{
	border-radius: 16px;
	background: linear-gradient(106deg, #9B2247 -6.51%, #611232 84.75%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3% 4%;
	max-width: 282px;
	width: 411px;
	height: 155px;
}
.ui-cards-consulta-p{
	color: white;
	padding: 0;
	border-radius: 16px;
	display: flex;
	max-width: 411px;
	max-height: 178px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	font-family: sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	cursor: pointer;
	transition: transform 0.2s ease;
	background: linear-gradient(106deg, #9B2247 -6.51%, #611232 84.75%);
}
.ui-btn-pnl-llave-01{
	max-width:279px !important;
	height: 40px;
	border-radius: 8px !important;
	border: 1px solid var(--Primarios-Guinda-700) !important;
	background: var(--Background-Background-primary-600) !important;
	color: var(--Neutro-Neutro-100) !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 22px !important;
	margin: 4% 0 15% 0 !important;
}
.ui-btn-pnl-llave-02{
	max-width:178px !important;
	border-radius: 8px !important;
	border: 1px solid var(--Primarios-Guinda-700) !important;
	background: var(--Neutro-Neutro-100) !important;
	color: var(--Primarios-Guinda-700) !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 22px !important; 
}
.ui-btn-login-llavemx{
	max-width: 184px;
}
.ui-pg-btn-login-llavemx{
	margin: 2% 2.5% -2% 2%;
	position: relative;
	background: var(--Primarios-Guinda-700, #3A0B1E);
}
.ui-pg-home-padding-0003{
	padding: 0 0 0 3%;
}
.ui-pg-home-border-left{
	border-left: 1px solid var(--Neutro-Neutro-400) !important;
}
.ui-dataview-home-01{
	padding: 0;
}
.ui-dataview-home-01.ui-dataview .ui-dataview-header{
	display: none;
}
.ui-op-nodejes-pasar{
	border-radius: 16px;
	border: 1px solid var(--Text-Text-primary-enabled);
	background: var(--Neutro-Neutro-100);
	margin: 0 0 4% 0;
	padding: 3% 2%;
}
.ui-dv-masbuscado .ui-dataview-column{
	padding: 1% 0 8% 0;
}
.ui-dts-masbuscado.ui-datascroller .ui-datascroller-content {
    border: none;
    padding: 1% 0;
	background-color: transparent;
}
.ui-btn-home-ver-mas{
	max-width: 143px;
	height: 40px;
	border-radius: 8px !important;
	border: none !important;
	background: transparent !important;
	color: var(--Neutro-Neutro-300) !important;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 22px !important;
	text-decoration: underline !important;
}
.ui-icon-down{
	width: 24px;
    height: 20px;
    background-image: url(/resources/img/home/ic-down.svg);
    background-size: 24px;
    right: 1.5rem !important;
    top: 35% !important;
}
.ui-separetor-home-01{
	margin-top: 0;
    margin-bottom: 25px;
    border-top: 1px solid var(--Neutro-Neutro-400);
}
.ui-separetor-home-02{
	margin-top: 20px;
    margin-bottom: 5px;
    border-top: 1px solid var(--Neutro-Neutro-400);
}
.ui-label-consulta-text{
	color: #FFF !important;
	font-size: 28px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: normal !important;
	margin-bottom: 3%;
}
.ui-label-consulta-num{
	margin: 4% 0 0 0 !important;
	color: #FFF !important;
	font-size: 60px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: normal !important;
}
.ui-separetor-home-responsive{
	display: none !important;
}
.ui-alineado-links-contadores-001{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height:100%;
}
/*Rediseño home*/
.ui-op-content-contadores{
	width: 100%;
	text-align: center;
	padding: 3.3% 0;
}
.ui-op-links-contadores{
	display: flex;
	justify-content: end;
}
.ui-op-content-links-contadores{
	height: 100%;
	width: 80px;
	background-color: #9B2247;
	border-radius: 150px 16px 16px 150px;
	box-shadow: -3px 0 7px rgba(22, 26, 29, 0.45);
	display: flex; 
	justify-content: center; 
	align-items: center;
}
.ui-link-seccion-nlp{
	width: 100%;
	height:100%;
	display: flex;
}
.ui-opn-content-nlp-001{
	width: 100%;
	text-align: left;
	padding: 0;
}
.ui-label-nlp-001{
	font-family: "Noto Sans", serif;
	color: var(--Background-Background-primary-600) !important;
	font-size: 18px !important;
	font-style: normal;
	font-weight: 800 !important;
	line-height: 115%;
	max-width: 355px;
	width: 100%;
	height: 60px;
}
.ui-label-nlp-002{
	color: var(--Neutro-Neutro-800) !important;
	font-size: 12px !important;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 16px;
	font-family: "Noto Sans", serif;
}


.ui-label-nlp-003{
	font-family: "Noto Sans", serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px !important;
	line-height: 22px;
	text-decoration: underline !important;
	color: #9B2247;
	max-width: 132px;
	max-height: 22px;
	margin-left: 3%;
	margin-top: 1%;
	margin-bottom: 5%;
}
.ui-img-nlp-002{
	max-width: 10px;
	max-height: 25px;
	width: 100%;
	margin: 0 5px;
	padding-bottom: 3px;
}
.ui-opn-imagen-arrow-001{
	height: 100% !important;
}

.ui-text-gob-mx{
	color: white;
	font-family: "Patria", sans-serif !important;
	font-size: 64px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	margin-bottom: 10%;
}

.ui-text-segundo-text{
	color: var(--Neutro-Neutro-100, #FFF);
	font-family: "Noto Sans", sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 126.455%; /* 45.524px */
}

.ui-text-group-title{
	text-align: left;
	color: white;
	margin-left: 10%;
}

.ui-text-group-title td {
	padding: 4px 0;
}

.tramite-item {
	text-align: center;
}

/* Estilo para los tags */
.tag-button {
	display: block;
	padding: 8px 16px;
	border: none;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	background-color: #9B2247;
	color: white;
	border-radius: 20px;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
}

/* Hacer transparentes los contenedores del DataGrid */
.ui-datagrid,
.ui-datagrid-content,
.ui-datagrid-content .ui-grid-row,
.ui-datagrid-content .ui-grid-col {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
}

.ui-op-login-llave-header{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: end;	
}

.ui-messages>div {
    margin: 1rem 0 -10px !important;
}

/* Centrar los elementos horizontalmente */
.centrado-grid .ui-datagrid-content {
	display: flex;
	justify-content: center;
}

.centrado-grid .ui-datagrid-data {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.ui-subtext {
	margin-top: 6%
}
.ui-link-no-focus{
	display: block;
	text-decoration: none;
	box-sizing: border-box;
}

.panel-mensaje {
    border-radius: 0 !important; /* Bordes cuadrados */    
    border: 1px solid white !important; /* Borde blanco */
   	max-width: 1200px;
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
   	margin: 10px auto 0;
    padding: 15px 0px 15px 0px;
}

.texto-mensaje {
	color: #fff;
   	text-align: center;
	font-family: "Noto Sans", sans-serif;
	font-size: 14.5px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.informe-panel {
	display: inline-block !important;
	max-width: 252px;
    width: 100%;
    height: 235px;
    background: url("/jakarta.faces.resource/img/home/img_lengua_informe.svg.xhtml?v=64cd54d") no-repeat center center;
    background-size: cover; 
    position: relative;     
    border-radius: 8px;
    overflow: hidden;       
    margin-bottom: 30px;
}
.informe-boton {
	width: 50% !important;
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: bold;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.informe-boton:hover {
    background: #f2f2f2 !important;
    cursor: pointer;
}

@media (max-width: 1030px){
	.ui-label-consulta-text{
		font-size: 24px !important;
	}
	.ui-label-consulta-num{
		font-size: 60px !important;
	}
}


@media (max-width: 880px){
	.ui-cards-consulta {
	    display: grid !important;
	}
}

@media (max-width: 770px){
	.ui-subtitulo-secciones-home{
		font-size: 25px !important;
	}
}

@media (max-width: 640px){
	.ui-separetor-home-responsive{
		display: block !important;
	}
	.ui-pg-home-padding-02.ui-panelgrid .ui-panelgrid-cell {
		padding: 1% 0 !important;
	}
	.ui-label-cards-consulta-numeros{
		font-size: 32px !important;
	}
	.ui-label-cards-consulta-texto{
		font-size: 16px !important;
		line-height: 22px !important;
	}
	.ui-maxwidth-icon-card-cosulta{
		max-width: 40px !important;
	}
	.ui-cards-consulta{
		padding: 4%;
		max-width: 162px !important;
		width: 95%;
		height: 100%;
		display: flex !important;
	}
	.ui-btn-pnl-llave-01{
		max-width:256px !important;
		height: 40px !important;
	}
	.ui-btn-pnl-llave-02{
		margin:2% 0 !important;
		max-width:256px !important;
		height: 40px !important;
	}
	.ui-panel-llavemx{
		width: 100% !important;
	}
	.ui-subpanel-llavemx-01{
		padding: 8% !important;
	}
	.ui-icon-llavemx{
		max-width: 119px !important;
		padding: 0 0 0 0;
	}
	.ui-texto-panel-llavemx{
		font-size: 16px !important;
	}
	.ui-subtitulo-secciones-home{
		font-size: 20px !important;
	}
	.ui-pg-btn-login-llavemx{
		margin: 8% 2.5% 4%!important;
		position: relative;
	}
	.ui-pn-home-padding-0003{
		padding: 0 !important;
	}
	.ui-pg-home-border-left{
		border-left: none !important;
	}
	.ui-op-card-flex-content{
		display: flex;
		justify-content: center;
		height: 100%;
	}
	.ui-pg-home-padding-0003{
		padding: 0 !important;
	}
	.ui-opn-content-nlp-001{
		padding: 0 !important;
	}
	.ui-label-nlp-001{
		font-size: 18px !important;
	}
	.ui-label-nlp-002{
		font-size: 16px !important;
	}
	.ui-text-gob-mx{
		color: white;
        font-family: "Patria", sans-serif !important;
		font-size: 48px;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		padding-bottom: 10%;
		margin-bottom: 2%;
	}
	.ui-text-segundo-text{
		color: var(--Neutro-Neutro-100, #FFF);
		text-align: center;
		font-family: "Noto Sans", sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		margin-bottom: 1%;
	}
	.ui-text-group-title{
		text-align: center;
		color: white;
		margin-left: 0;
		align-items: center;
		justify-content: center !important;
	}
	.ui-subtext {
		margin-top: 10%;
		margin-bottom: 6%;
	}
	.ui-label-nlp-003{
		font-family: "Noto Sans", serif;
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
		text-decoration: underline !important;
		color: #9B2247;
		max-width: 132px;
		max-height: 22px;
		margin-left: 0;
		margin-top: 1%;
	}
	.texto-mensaje {
		font-size: 12px !important;
	}
	.panel-mensaje {
	    margin: 6% auto;
	    padding: 15px 10px 15px 10px;
	}
}
@media ( max-width : 885px) {
	.ui-img-txt-aniogob{
		max-width: 190px !important;
		max-height: 185px !important;
	}
	.ui-img-aniogob{
		max-width: 365px !important;
		max-height: 265px !important;
	}
}
@media ( max-width : 696px) {
	.ui-img-txt-aniogob{
		max-width: 120px !important;
		max-height: 115px !important;
	}
	.ui-img-aniogob{
		max-width: 340px !important;
		max-height: 225px !important;
	}
}
@media ( max-width : 500px) {
	.ui-img-txt-aniogob{
		max-width: 89px !important;
		max-height: 86px !important;
	}
	.ui-img-aniogob{
		max-width: 262px !important;
		max-height: 146px !important;
	}
	.ui-cards-consulta-s{
		max-height: none;
		height: auto;
	}
	
	.informe-panel {
	    height: 216px !important;
	}
}
@media ( max-width : 330px) {
	.ui-img-txt-aniogob{
		max-width: 70px !important;
        max-height: 76px !important;
		margin: 0 !important;
	}
	.ui-img-aniogob{
		max-width: 200px !important;
		max-height: 122px !important;
	}
	ui-label-consulta-text{
		font-size: 20px !important;
	}
	.ui-label-consulta-num{
		font-size: 35px !important;
	}
}