@font-face {
    font-family: 'Young Serif';
    src: url("/javax.faces.resource/font/Young_Serif/YoungSerif-Regular.ttf.xhtml") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url("/javax.faces.resource/font/Noto_Sans/NotoSans-Regular.ttf.xhtml") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.letra_items_prime{
	font-family: 'Noto Sans',sans-serif !important;
	font-size: 20px !important;
}
.letra{
	font-family: 'Young Serif',serif;
}
.letra_noto_sans{
	font-family: 'Young Serif',serif;
}
.text_principal{
	font-family: 'Young Serif',serif;
	font-size: 95px;
	align-content: center;
	
}

@media screen and (max-width:992px){
	.text_principal{
		font-size: 50px;
	}
}

@media screen and (max-width:768px){
	.text_principal{
		font-size: 40px;
	}
}

@media screen and (max-width:576px){
	.text_principal{
		font-size: 25px;
	}
}

.text_3{
	font-family: 'Young Serif',serif;
	font-size: 50px;
	align-content: center;
	
}

@media screen and (max-width:992px){
	.text_3{
		font-size: 50px;
	}
}

@media screen and (max-width:768px){
	.text_3{
		font-size: 40px;
	}
}

@media screen and (max-width:576px){
	.text_3{
		font-size: 25px;
	}
}

.text_normal {
	font-family: 'Young Serif', serif;
	font-size: 23px;
}

@media screen and (max-width:992px){
	.text_normal{
		font-size: 20px;
	}
}

@media screen and (max-width:768px){
	.text_normal{
		font-size: 17px;
	}
}

@media screen and (max-width:576px){
	.text_normal{
		font-size: 14px;
	}
}

.text_2 {
	font-family: 'Young Serif', serif;
	font-size: 35px;
}

@media screen and (max-width:992px){
	.text_2{
		font-size: 28px;
	}
}

@media screen and (max-width:768px){
	.text_2{
		font-size: 26px;
	}
}

@media screen and (max-width:576px){
	.text_2{
		font-size: 24px;
	}
}

.text {
	font-family: 'Young Serif', serif;
	font-size: 28px;
}

.text_normal_noto_sans {
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
}

@media screen and (max-width:992px){
	.text_normal_noto_sans{
		font-size: 17px;
	}
}

@media screen and (max-width:768px){
	.text_normal_noto_sans{
		font-size: 15px;
	}
}

@media screen and (max-width:576px){
	.text_normal_noto_sans{
		font-size: 14px;
	}
}

.text_normal_noto_sans_2 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 23px;

}

@media screen and (max-width:992px){
	.text_normal_noto_sans_2{
		font-size: 20px;
	}
}

@media screen and (max-width:768px){
	.text_normal_noto_sans_2{
		font-size: 17px;
	}
}

@media screen and (max-width:576px){
	.text_normal_noto_sans_2{
		font-size: 14px;
	}
}

.text_noto_sans {
	font-family: 'Noto Sans', sans-serif;
	font-size: 28px;
}
@media screen and (max-width:992px){
	.text_noto_sans{
		font-size: 26px;
	}
}

@media screen and (max-width:768px){
	.text_noto_sans{
		font-size: 24px;
	}
}

@media screen and (max-width:576px){
	.text_noto_sans{
		font-size: 22px;
	}
}

.text_noto_sans_sm {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
}
@media screen and (max-width:992px){
	.text_noto_sans_sm{
		font-size: 12px;
	}
}

@media screen and (max-width:768px){
	.text_noto_sans_sm{
		font-size: 11px;
	}
}

@media screen and (max-width:576px){
	.text_noto_sans_sm{
		font-size: 14px;
	}
}
.text_noto_sans_md {
	font-family: 'Noto Sans', sans-serif;
	font-size: 17px;
}
@media screen and (max-width:992px){
	.text_noto_sans_md{
		font-size: 15px;
	}
}

@media screen and (max-width:768px){
	.text_noto_sans_md{
		font-size: 13px;
	}
}

@media screen and (max-width:576px){
	.text_noto_sans_md{
		font-size: 14px;
	}
}

.textos_div {
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 1vw;  /* usa vw en lugar de vh para adaptarse al ancho */
  line-height: 1.2em;
  text-align: center;
  padding: 0.2em;
  max-height: 2.5em;
  overflow: hidden;
  box-sizing: border-box;     /* oculta lo que se pasa */
}




.color_texto_1{
	color:#611232;
}
.color_texto_2{
	/*color:#efe5d4;*/
	color:#d7c6aa;
}
.color_texto_3{
	color:#171b1c;
}
.color_texto_4{
	color:#ac802f;
}
.color_texto_5{
	color:#efe5d4d4;
}

.uppercase {
    text-transform: uppercase;
}

.shadow_text_1{
	text-shadow: -3px 7px 6px rgba(115,115,115,0.59);
}
.shadow_text_2{
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
.shadow_text_3{
	text-shadow: 0px 1px 2px rgba(255,255,255,0.5);
}
.shadow_text_4{
	text-shadow: 2px 4px 4px rgba(0,0,0,0.8);
}
.shadow_text_5{
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.shadow_text_6{
	text-shadow: -1px 2px 0px #000000;
}