@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 768px) {
	
	#division_titulo {
		font-size: 1.3rem;
		letter-spacing: .5rem;
	}
	#destacados_grid {
		grid-template-columns: repeat(3, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#buscador_resultados_grid {
		grid-template-columns: repeat(3, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.destacados_grid_div {
		padding-top: 120%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.destacados_grid_div:hover {
		transform: scale(1.02);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* Principal */
	.principal {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal:hover {
		transform: scale(1.02);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_div_02 h5 {
		font-size: 2rem;
	}
	.principal_div_03 h6 {
		font-size: 1.4rem;
	}	
	.principal_div_04 {
		font-size: 1.8rem;
		text-align: left;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_div_04 i {
		padding-left: 0rem;
		padding-right: 5rem;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_grid_dos_01 {
		grid-template-columns: 3.34fr 1.66fr;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_grid_tres_01 {
		grid-template-columns: repeat(3, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_grid_cuatro_01 {
		grid-template-columns: repeat(4, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_tres_01_columna {
		margin-top: 0rem;
	}
	.principal_01 {
		padding-top: 350px;
	}
	.principal_02 {
		padding-top: 350px;
	}
	.principal_03 {
		padding-top: 100%;
	}
	.principal_04 {
		padding-top: 100%;
	}
	.principal_ancho_01 {
		width: 45%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_ancho_02 {
		width: 65%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.principal_ancho_04 {
		width: 83%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.mas_visto_grid_02 {
		grid-template-columns: repeat(2, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* Dibujos */
	.dibujos_grid_03 {
		grid-template-columns: repeat(4, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.dibujos_grid_03 div {
		padding: 1.2rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.dibujos_subcategoria::after {
		height: 0px;
	}
	.dibujos_vistas::before {
		height: 0px;
	}
	.dibujos_vistas::after {
		height: 0px;
	}
	.dibujos_descargas::before {
		height: 0px;
	}
	.dibujos_grid_02 {
		grid-template-columns: 3.34fr minmax(0, 300px);
		grid-gap: 2rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.facebook:hover {
		background-color: #155EC0;
	}
	.twitter:hover {
		background-color: #1A1A1A;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.pinterest:hover {
		background-color: #BF001D;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.whatsapp:hover  {
		background-color: #1EBE5D;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.email:hover {
		background-color: #B53A2F;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bluesky:hover  {
		background-color: #007BEC;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#colorear {
		grid-template-columns: repeat(2, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.slider-container label {
		top: 13px;
	}
	.slider-container input {
		top: 15px;
	}
	/* Lightbox */
	#descargarbtnmain:hover {
		background-color: #DA7B2F;
		color: #F4F4F4;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.colorearbtn:hover {
		background-color: #da7b2f;
		color: #F4F4F4;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#saveButton:hover {
		background-color: #da7b2f;
		color: #F4F4F4;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	/* Privacidad */
	#politicas_privacidad {
		text-align: justify;
	}
	#politicas_privacidad h2 {
		font-size: 2.5rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#politicas_privacidad ul {
		padding-left: 4rem;
	}
	
	/* Footer */
	#redes a:link {
		font-size: 1.8rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#redes i {
		padding-left: 6.2rem;
		padding-right: 6.2rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#footer_mapa {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.footer_mapa_uno::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;

		/* Anular lo anterior */
		left: auto;
		bottom: auto;

		width: 1px;
		height: 100%;
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 1) 50%,
			rgba(0, 0, 0, 0) 100%
		);
	}
	.footer_mapa_dos {
		position: relative;
		padding-top: 0rem;
		padding-bottom: 0rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.footer_mapa_dos::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: linear-gradient(
			to bottom,
			rgba(90, 90, 92, 0) 0%,
			rgba(90, 90, 92, 1) 50%,
			rgba(90, 90, 92, 0) 100%
		);
	}
	.footer_mapa_dos::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		bottom: auto;
		width: 1px;
		height: 100%;
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 1) 50%,
			rgba(0, 0, 0, 0) 100%
		);
	}
	.footer_mapa_tres {
		position: relative;
		padding-top: 0rem;
		padding-bottom: 0rem;
		padding-left: 2rem;
		padding-right: 0rem;
	}
	.footer_mapa_tres::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: linear-gradient(
			to bottom,
			rgba(90, 90, 92, 0) 0%,
			rgba(90, 90, 92, 1) 50%,
			rgba(90, 90, 92, 0) 100%
		);
	}
	/* Cookies */
	.cookie-message {
		font-size: 1.5rem;
		text-align: center;
	}
	.cookie-buttons button {
		width: 40%;
		margin-left: 3%;
		margin-right: 3%;
	}
	/* News */
	.newsletter {
		grid-template-columns: 1fr 4fr;
		gap: 1rem;
		padding-top: 5rem;
		padding-bottom: 5rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#newsletter-form {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#newsletter-form input[type="checkbox"] {
		top: -4px;
	}
	.newsletter-label {
		position: relative;
		left: 1rem;
		top: 23px;
	}
	#newsletter-form input {
		height: 7.8rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#newsletter-form button:hover {
		background-color: #252526;
		color: #F4F4F4;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#newsletter-success p {
		margin-bottom: 1.5rem;
		line-height: 2rem;
	}
}
@media only screen and (min-width: 1024px) {
	#destacados {
		padding: 1%;
	}
	#destacados h3 {
		margin-left: 0%;
	}
	.destacados_grid_div {
		padding-top: 150%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#buscador_resultados {
		padding: 1%;
	}
	#colorear {
		grid-template-columns: repeat(3, 1fr);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#redes i {
		padding-left: 8.2rem;
		padding-right: 8.2rem;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#btn-permitir:hover {
		background-color: #3D8F41;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#btn-denegar:hover {
		background-color: #DD0835;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
}