:root {
	--claro: #FFA230;
	--medio: #FF681C;
	--oscuro: #FB3D00;
}

/*XS: TELEFONOS*/

footer > a {
	text-decoration: none;
	color: white;
	display: flex;
	align-items: center;  /* Center elements vertically */
	margin: 5%;
	width: 90%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 1rem;
	justify-items: center; /* Center elements horizontally */
}

footer > a > h5 {
	width: 59%;
	text-align: center;
	font-size: 1.2rem;
}

footer > a > img {
	border-radius: 50%;
	width: 50%;
	padding: 2%;
	padding-top: 5%;
	background-color: white;
}

#sFooter {
	position: relative;
	z-index: 120;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(0, auto);
	background-color: var(--medio);
}

#lic {
	grid-row: 4;
	width: 50%;
	margin: 1rem;
	margin-left: auto;
	margin-right: auto;
	font-size: x-small;
}

#lic img {
	width: 50%;
	margin-left: 25%;
}

#footerP {
	display: none;
}

#footerC {
	display: none;
}

#footerR {
	display: none;
}


/*S: TABLETS O TELEFONOS GRANDES____________________________________________________________________________________________________*/
@media screen and (min-width: 500px) {

	#sFooter {
		grid-template-columns: repeat(5, 1fr);
	}

	footer > a {
		width: 100%;
		margin-top: 1rem;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}

	footer > a > img {
		width: 80%;
		margin: 8%;
	}

	footer > a > h5 {
		width: 100%;
		margin-top: 0rem;
		margin-bottom: 1rem;
	}

	#footerR {
		display: flex;
		grid-column: 4/7;
		align-items: center;
	}

	#footerSN {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: minmax(0, auto);
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
		margin: 10%;
		margin-top: 1rem;
	}

	#footerSN > a {
		margin-right: 10%;
		margin-left: 15%;
	}

	#footerSN img {
		padding: 10%;
		background-color: white;
		border-radius: 50%;
		width: 70%;
	}

	#lic {
		grid-column: 1/3;
		grid-row: 2;
		width: 100%;
	}

	#lic img {
		width: 30%;
		margin: 0px;
	}

}

/*M: TABLETS O NOTEBOOKS CON PANTALLAS HD___________________________________________________________________________________________*/
@media screen and (min-width: 1000px) {

	#sFooter {
		grid-template-columns: 1fr 0.5fr 1.5fr 1fr 1fr 1fr;
		grid-gap: 1rem;
		color: white;
		padding: 1rem;
	}

	footer > a {
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: auto;
		margin: 0px;
	}

	footer > a > h5 {
		font-size: 1rem;
		margin: 0px;
	}
	
	footer > a > img {
		margin: 0px;
		padding: 1%;
			padding-top: 5%;
	}

	#fEs {
		grid-column: -3;
		grid-row: 1;
	}

	#fEn {
		grid-column: -2;
		grid-row: 1;
	}

	#fSt {
		grid-column: 1/3;
		grid-row: 1;
	}

	#fSt > h5 {
		font-size: 1.5rem;
		margin: 0px;
	}

	#footerP {
		grid-column: 1/3;
		grid-row: 2;
		display: block;
		padding: 1rem;
	}

	#footerP > h5, #footerC > h5 {
		margin-top: 1rem;
		margin-bottom: 1rem;
		font-size: 1rem;
	}

	#footerP > a, #footerC > a {
		display: block;
		width: 100%;
		text-align: left;
		text-decoration: none;
		color: white;
		margin-bottom: 0.2rem;
	}

	#footerC {
		grid-column: 3;
		grid-row: 2;
		display: block;
		padding: 1rem;
	}

	#footerR {
		grid-column: 1/3;
		grid-row: 1;
	}

	#footerSN {
 		grid-template-columns: repeat(4, 1fr);
		width: 100%;
		margin: 0px;
	}

	#lic {
		grid-column: -3/-1;
		grid-row: 2;
		width: 100%;
		align-content: end;
		text-align: right;
	}

	#lic img {
		width: 25%;
	}

	#footerSN > a {
		margin-right: 10%;
		margin-left: 15%;
	}

	#footerSN img {
		padding: 10%;
		background-color: white;
		border-radius: 50%;
	}

}

/*L: NOTEBOOKS Y ORDENADORES FHD_________________________________________________________________________________*/
@media screen and (min-width: 1600px) {

	footer > a > h5 {
		margin-left: 0rem;
	}
	
	footer > a > img {
		padding: 1%;
	}
}


/*XL: NOTEBOOKS Y ORDENADORES 2k+_____________________________________________________________________*/
@media screen and (min-width: 2000px) {

}