/*======================================================
BANNER DE CONSENTIMIENTO
======================================================*/

.consent-banner{

	position:fixed;

	left:0;

	right:0;

	bottom:0;

	background:var(--color-dark);

	color:#fff;

	z-index:var(--z-modal);

	box-shadow:0 -4px 20px rgba(0,0,0,.2);

}

.consent-banner__inner{

	max-width:1200px;

	margin:0 auto;

	padding:1.25rem 1.5rem;

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:1.5rem;

	flex-wrap:wrap;

}

.consent-banner__text{

	flex:1 1 400px;

	font-size:.85rem;

	color:rgba(255,255,255,.92);

}

/* base.css asigna color propio a todos los <p>, por lo que el color
   del contenedor no se heredaba. Esta regla garantiza contraste AA. */
.consent-banner__text p{

	margin:0;

	color:#f3f4f6;

}

.consent-banner__text a{

	color:#f0cf70;

	text-decoration:underline;

}

.consent-banner__actions{

	display:flex;

	gap:.75rem;

	flex-wrap:wrap;

}

.consent-banner__actions .button{

	padding:.7rem 1.25rem;

	font-size:.85rem;

}

/* El botón principal usa fondo dorado: el texto oscuro mejora el contraste. */
.consent-banner__actions .button-primary{

	color:var(--color-dark);

}

.consent-banner__actions .button-secondary{

	background:transparent;

	color:#fff;

	border:1px solid rgba(255,255,255,.55);

}

.consent-banner__settings{

	max-width:1200px;

	margin:0 auto;

	padding:0 1.5rem 1.5rem;

}

.consent-banner__category{

	padding:1rem 0;

	border-top:1px solid rgba(255,255,255,.2);

}

.consent-banner__category label{

	display:flex;

	align-items:center;

	gap:.6rem;

}

.consent-banner__category p{

	margin:.4rem 0 0 1.7rem;

	font-size:.8rem;

	color:rgba(255,255,255,.78);

}

@media (max-width:768px){

	.consent-banner__inner{

		flex-direction:column;

		align-items:stretch;

	}

	.consent-banner__actions{

		justify-content:stretch;

	}

	.consent-banner__actions .button{

		flex:1;

	}

}