@charset "ISO-8859-1";

:root{
	--Neutro-Neutro-400: #DDD;
	--Neutro-Neutro-200: #F9F9F9;
	--Neutro-Neutro-500: #AAA;
}

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

.ui-label-margin{
	margin: 0 ;
}

.home-label-titulo{
	color: var(--Neutro-Neutro-100) !important;
	font-family: "Noto Sans", sans-serif !important;
	font-size: 30px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
}

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

.ui-btn-buscar.ui-button{
	border-radius: 0 100px 100px 0;
	border: none;
	background: #611232;
	max-width: 120px;
    width: 100% !important;
    height: 90px !important;
    background-image: url(/resources/img/home/Vector.svg) !important;
    background-size: 40px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-position-x: 35px !important;

}

.ui-btn-buscar.ui-button.ui-state-hover{
	background:  #611232;
}

.ui-btn-buscar.ui-button.ui-state-focus{
	background:  #F9F9F9;
}

.ui-btn-buscar.ui-button-icon-only .ui-icon {
	margin-left: -9px;
}

.ui-input-buscador .ui-inputfield {
    background: #fff;
    height: 90px;
    outline: 0 none;
    border-radius: 0; 
    border: none;
    color: var(--Neutro-Neutro-600, #AAA);
	font-size: 28px;
	font-style: italic;
	font-weight: 500;
	line-height: 41px;
	display: center;
	align-items:center;
	padding-left: 0; 	
}
.ui-input-buscador .ui-inputfield.ui-state-focus{
	border: none;
	box-shadow: none;	
	padding-left: 0; 	
}
.ui-autocomplete-panel{
	max-width: 1096px;
	border-radius: 0 0 8px 8px  !important;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item{
	background:  #FFFFFF;
	max-width: 1096px;
	width: 100% !important;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
	font-size: 15px;
	font-style: normal; 
}
.ui-op-acomplete-001{
	height:90px;
	width: 50px;
	background: #fff;
	border-radius: 100px 0 0 100px;
	margin: 0px -1px 0px 0px;
}
@media (max-width:640px){
	.home-label-titulo{
		font-size: 20px !important;
		max-width: 120px;
	}
	.ui-btn-buscar.ui-button{
	    height: 60px !important;
	    background-size: 25px;
        max-width: 50px;
        background-position: center !important;
	}
	.ui-input-buscador .ui-inputfield {
	    height: 60px !important;
	    font-style: normal;
	   	font-weight: 400;
       	font-size: 16px;
	}
	.ui-op-acomplete-001{
		height:60px !important;
		width: 40px !important;
	}
}