:root {
	--azul-principal: #0071bc;
	--naranja-claro: #F38D47;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.container{
	width: 90%;
	margin: 12% auto 5%;
}


/* ============= CATEGORÍAS ============= */

.categorias {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 1em;
	width: 100%;
	clear: both;
	list-style: none;
	margin-bottom: 4.6em;
}

.caja-categoria {
	text-align: center;
	outline: none;
}

.categoria {
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	color: var(--azul-principal);
	font-size: 1.5em;
	text-decoration: none;
	outline: none;
}

.categoria:hover {
	box-shadow: #111;
	color: var(--naranja-claro);
}

.ui-tabs-active .categoria{
	color: var(--naranja-claro);
}

.catgrid-text{
	font-size: 1.2em;
}



/* ============= APARTADOS INFO ============= */
.info-privacidad{
	display: none;
}

.apartado-privacidad img {
	width: 100%;
}

.info-privacidad.activo {
	display: inline-block;
	width: 100%;
}

h2 {
	color: var(--azul-principal);
	font-weight: 700;
	text-align: center;
	margin: 20px 0;
	font-size: 1em;
}

h3 {
    font-size: 1em;
}

.privacidad-texto p {
	font-size: .8em;
    line-height: 1.5em;
    text-align: center;
}


@media (min-width: 1024px){

	h1 {
		color: var(--azul-principal);
		font-weight: 700;
		text-align: center;
		margin: 0 60px 60px;
	}


	/* ============= APARTADOS INFO ============= */


	h2 {
		color: var(--azul-principal);
		font-weight: 700;
		text-align: center;
		margin: 20px;
		font-size: 1.5em;
	}

	.privacidad-texto p {
		font-size: .9em;
	    line-height: 1.5em;
	    text-align: left;
	}

	

}

@media (min-width: 1920px){

}