/*Custom properties*/
:root {
  --burdeos: #891333;
  --blanco: #fff;
  --grisClaro: #d4d4d4;
  --grisOscuro: #2e2e2e;
  --gris: #b0b0b0;
  --negro: #000;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,body{	margin: 0; padding: 0;}

body{
	/*font-family: 'Open Sans',  ITCMendoza, times, sans-serif;*/
	font-family: 'Poppins', sans-serif; /**/
	background: #fff;
	color: #000;
	font-size: 1rem;
	line-height: 1.6rem;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 100vh;
}

.header{ z-index: 2; background: var(--blanco); color: #000; position: sticky; position: -webkit-sticky; top: 0; left: 0; width: 100%; height: auto;} /*cambio sticky por fixed*/
.header a{color: white; text-decoration: none;}
.header .title-container .logos{display: flex; margin-right: 5%;}
.div-logo{margin: auto; padding: 0.2rem;}
#uhu-blanco{display: none;}
 
.title-container{
	 /* Flexbox */
	display: flex; /*Elemento padre header*/
	display: -webkit-flex; /* Safari */
	justify-content:space-between; /* Para distribuir el logo del menú*/
	align-items: center; /*Alineación de los items*/
	flex-wrap: wrap; /*Pase a la línea siguiente*/
	margin-left: 5%;
	margin-bottom: 1%;
}
.subtitle{color: #000; font-size: 1rem;}

.site{margin: auto 0;}
#site-img{ 	display: none;}

/*Barra de menú*/
.nav-container{ 
	width: 100%; 
	min-height: 50px; 
	background: var(--burdeos); 
	color: var(--blanco); 
	font-size: 1rem; 
	/*Flexbox*/
	display: flex; /*Elemento padre header*/
	display: -webkit-flex; /* Safari */
	justify-content:center; /* Para distribuir el logo del menú*/
	align-items: center; /*Alineación de los items*/
	flex-wrap: nowrap; /*No pase a la línea siguiente*/}
	
.navbar{width: 100%;}
.navbar-expand-lg .navbar-collapse{justify-content: center;}
.navbar-expand-lg .navbar-nav{width: 100%; justify-content: center;}
.navbar-light .navbar-nav .nav-link{color: #fff; }
.nav-item a:hover{background: var(--blanco); color: var(--burdeos); border: 0px solid white;transition: all 0.4s linear; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.navbar-light .navbar-toggler {  color: #fff; border-color: #fff;}
/*Contenido del main*/
main{z-index: 1;}
/*.img-banner{width: 1920px; height: 50vh; object-fit: cover; background: url('../images/img_1920w.png') no-repeat 0% top;}*/
.div-banner-img{max-height: 375px; width: 100%;}
/*.img-banner2{width: 1920px; height: 70vh; background-image: url('../images/img_1920w.png'); background-repeat:  no-repeat;}*/
.img-banner2{width: 1920px; height: 375px; background-repeat:  no-repeat;}
.main{ display: flex; flex-grow: 1; align-items: flex-start; background: white; } /*Añadimos padding-top porque hemos fijado la cabecera*/
.main-1c{justify-content: center;}
.main-1c-img{flex-direction: column; justify-content: flex-start;}
.main-2c{justify-content: space-around; padding: 3rem 15rem 0rem 15rem;}
.content-1c{ width: 50%; text-align: justify; padding-top: 2.5rem; margin: 0 auto;}
.content-inicio{ width: 100%;}
.content-1c-img{padding: 0% 5%;} /*padding: 0rem 16rem 0rem 16rem;*/
.content-2c{ width: 68%; text-align: justify; /*padding: 3% 0% 0% 1.5%;*/}
.bottom-up{opacity: 0.5; bottom: 130px; position: fixed; right: 0; color: var(--blanco); background: var(--grisClaro); padding: 1.5%; margin-right: 0.2%; border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; border: 0px solid white;}
.icon-radius-left{border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;}
.negrita{font-weight: bold;}
.cursiva{font-weight: italic;}
.texto-burdeo{color: var(--burdeos);}
.p-contact{font-size: 0.9rem;}
.contenedor-info{display: flex; flex-direction: row; justify-content: space-around;}

/*Cajas página principal*/
.div-cajas{display: flex; justify-content: space-around; margin: 4rem 0rem;}
.div-cajas-ayudas{color: var(--burdeos);text-align: center; background: #f8f6f6; padding: 2rem; border-radius: 10px;width: 300px;}
.div-cajas-ayudas:hover{color:white; background: var(--burdeos); }
.icono-caja{font-size: 3rem; margin-bottom: 1rem;}

/*Iconos*/
.menu-icon{display: none;}
.icon-burdeo{color: var(--burdeos);}
.icon-gris{color: var(--gris);}
.icon-size{font-size: 48px;}
.icon-center{text-align: center;}
.breadcumbs-text{font-size: 0.8rem;}
.icono-contact{color: var(--burdeos);}

/*Enlaces*/
.links{color: var(--burdeos);}
a:hover{text-decoration:none; color: var(--grisOscuro);}

/*FORMULARIOS*/
h1{font-size: 1.5rem;}

.title-site{display: flex; text-align: left; color: var(--burdeos); font-size: 1.5rem; font-weight: bold;}
.subtitle-site{text-align: left; color: var(--negro); font-size: 1rem; font-weight: bold;}
.title-page{text-align: center; margin-left: 0rem; margin-top: 0rem; color: var(--burdeos); font-size: 1.5rem; font-weight: bold;}
.icono-page{margin-right: 2rem; color: var(--gris);}
.relleno-gris{background: var(--grisClaro); border-radius: 1rem; padding: 1rem 0rem;}

.contact{text-align: center;}


/*Footer*/
.footer{
	min-height: 15vh; 		
	background: var(--grisOscuro);
	color: white; 
	border-top: 5px solid var(--burdeos); 
	padding: 0;
	/*Flexbox*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.footer .texto-vit{float:left; margin-left: 1rem;}
.footer .logo-uhu{float:right; margin-right: 1rem; width: 150px; opacity: 0.3}


/* XX-Large devices (larger desktops, 1400px and up)*/
@media screen and (max-width: 1366px) { 
	.img-banner2{width: 100%; height: 334px; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	.header .title-container .logos .div-logo .img-uhu{width: 130px; display: none;}
	.header .title-container .logos .img-min{width: 250px;}
	.header .title-container .logos .img-ue{width: 250px;}
	.header .title-container .logos .img-recuperacion{width: 120px;}
	.content-2c{width:90%;}
}

/* X-Large devices (large desktops, 1200px and up) */


@media screen and (max-width: 1200px) { 
	header{margin-top: -2%;} 
	.img-banner2{width: 100%; height: 375px; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	/*.header .title-container .title-site{display: none;}*/
	.header .title-container .logos .div-logo .img-uhu{width: 250px; display: inline-block;}
	.header .title-container .logos img{width: 250px; display: inline-block;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 60%; padding: 1rem ;transform: translate(15%, -80%); background: rgba(0,0,0,0.3); color: white; font-size: 2rem; line-height: 2.5rem;}
	.div-banner-img {max-height: 375px;}
	.main-2c{padding: 3rem 10rem;}
	.content-2c{width:100%;}
}


/* Large devices (desktops, 991px and up) */
@media screen and (max-width: 991px) {
	.header .title-container{flex-wrap: nowrap;}
	/*.header .title-container .title-site{display: none;}*/
	.header .title-container .logos{display: flex; margin-right: 0%;}
	.header .title-container .logos img{width: 200px; display: inline-block;}
	.navbar{justify-content: flex-end;}
	.img-banner2{width: 100%; height: 300px; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 60%; padding: 1rem ;transform: translate(8%, -90%); background: rgba(0,0,0,0.3); color: white; font-size: 2rem; line-height: 2.5rem;}
	.main-2c{padding: 3rem 6rem;}
	.content-2c{width:100%;}	
}

/* Medium devices (tablets, 860px and down) */
@media screen and (max-width: 861px) {
	.header .title-container .logos .div-logo .img-uhu{display: none;}
	header .title-container .title-site{font-size: 1.2rem;}
	#uhu-blanco{display: none;}	/*inline-block*/
	.navbar{justify-content: right; padding: 1% 4%;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 60%; padding: 1rem ;transform: translate(8%, -50%); background: rgba(0,0,0,0.3); color: white; font-size: 2rem; line-height: 2.5rem;}
	.img-banner2{width: 100%; height: 300px; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	.contenedor-info{flex-direction: column;}
	.content-inicio{margin-top: 8%;}
	.div-banner-img { height: auto;}
	.main-2c{padding: 3rem 4rem;}
	h5{ font-size: 1.9rem;}
}

/* Small devices (landscape phones, 576px and down) */
@media screen and (max-width: 721px) {
	header{margin-top: -2%; height: 100%;} 
	.header .title-container .logos .div-logo .img-uhu{display: none;}
	#uhu-blanco{display: none;}	/*inline-block*/
	.navbar{justify-content: right; padding: 1% 4%;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 80%; padding: 1rem ;transform: translate(8%, -120%); background: rgba(0,0,0,0.3); color: white; font-size: 1.4rem; line-height: 2.5rem;}
	.img-banner2{width: 100%; height: auto; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	.main-2c{padding: 3rem 4rem;}
	h5{ font-size: 1.5rem;}
	.footer{height: 25vh;}
}

@media screen and (max-width: 541px) {
	header{margin-top: -2%; height: 100%;} 
	header .title-container .title-site{display: none;}
	.header .title-container .logos{justify-content: center; width: 100%;}
	.header .title-container .logos .div-logo .img-uhu{width: 130px; display: none;}
	#uhu-blanco{display: none;}	/*inline-block*/
	.navbar{justify-content: right; padding: 1% 4%;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 80%; padding: 1rem ;transform: translate(8%, -150%); background: rgba(0,0,0,0.3); color: white; font-size: 1.8rem; line-height: 2.5rem;}
	.img-banner2{width: 100%; height:auto; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	.content-1c-img { padding: 0% 5%; margin-top: -10%;}
	.main-2c{padding: 3rem 4rem;}
	h5{ font-size: 1.5rem;}
	.footer{flex-direction: column; justify-content: space-around;}
}


@media screen and (max-width: 481px) {
	header{margin-top: -2%; height: 100%;} 
	.header .title-container .logos .div-logo .img-uhu{width: 130px; display: none;}
	#uhu-blanco{display: none;}	/*inline-block*/
	.navbar{justify-content: right; padding: 1% 4%;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 80%; padding: 1rem ;transform: translate(8%, -120%); background: rgba(0,0,0,0.5); color: white; font-size: 1.5rem; line-height: 1.8rem;}
	.img-banner2{width: 100%; height:150px; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	.content-1c-img { padding: 0% 5%; margin-top: -10%;}
	.main-2c{padding: 3rem 4rem;}
	h5{ font-size: 1.5rem;}
	.footer{flex-direction: column; justify-content: space-around;}
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 361px) {
	.header .title-container .logos .div-logo .img-uhu{display: none;}
	#uhu-blanco{display: none;}	/*inline-block*/
	.navbar{justify-content: right; padding: 1% 4%;}
	.header .title-container .logos .div-logo .img-uhu{width: 130px; display: none;}
	.header .title-container .logos img{width: 160px;}
	#site-img{ display: inline-block; /*position: relative; top:-12%; left: 51%;*/ width: 80%; padding: 0.5rem ;transform: translate(5%, -140%); background: rgba(0,0,0,0.5); color: white; font-size: 1.2rem; line-height: 1.4rem;}
	.img-banner2{width: 100%; height: 130px; object-fit: cover; background: url('../img/portada.jpg') no-repeat 0% top;}
	.content-1c-img { margin-top: -8%;}
	.main-2c{padding: 2rem;}
	h5{ font-size: 1.2rem;}
	.footer{flex-direction: column; justify-content: space-around;}
	.footer .texto-vit{text-align:center; font-size: 1rem;}
}