/********************			CONSENTIMIENTO COOKIES			*****************/
/* Usado en: elements/CONSENTIMIENTO_COOKIES.ctp, en todos los layouts (lo enlaza CONSENTIMIENTO_COOKIES_HEAD).
   Lógica: /js/consentimiento-cookies.js */

:root{
	--cc-azul: #003c6a;
}

	.consentimiento-cookies{
		box-sizing: border-box;
		font-family: inherit;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000000000;
		padding: 30px 15px;
		color: #fff;
		background: linear-gradient(135deg, rgba(227,28,121, 0.97) 0%, rgba(227,28,121, 0.97) 27%, rgba(0,60,106, 0.97) 86%, rgba(0,60,106, 0.97) 100%);
		box-shadow: 0 -3px 10px rgba(0,0,0,0.35);
		max-height: 100vh;
		overflow-y: auto;
	}
	.consentimiento-cookies[hidden]{ display: none !important; }
	.consentimiento-cookies__caja{ max-width: 900px; margin: 0 auto; text-align: center; }
	.consentimiento-cookies__titulo{ font-size: 28px; line-height: 1.2em; margin: 0 0 15px; color: #fff; }
	.consentimiento-cookies__texto{ font-size: 16px; margin: 0 0 20px; color: #fff; }
	.consentimiento-cookies__texto a{ color: #fff; text-decoration: underline; }
	.consentimiento-cookies__panel{ text-align: left; background: rgba(255,255,255,0.12); padding: 15px 20px; margin: 0 0 20px; }
	.consentimiento-cookies__opcion + .consentimiento-cookies__opcion{ border-top: 1px solid rgba(255,255,255,0.3); padding-top: 10px; margin-top: 10px; }
	.consentimiento-cookies__opcion label{ display: block; margin: 0; font-size: 16px; cursor: pointer; color: #fff; }
	.consentimiento-cookies__opcion input{ width: 18px; height: 18px; margin-right: 8px; vertical-align: -3px; }
	.consentimiento-cookies__opcion p{ margin: 5px 0 0 26px; font-size: 14px; color: #fff; }
	.consentimiento-cookies__botones{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
	/* Los tres botones (Aceptar, Rechazar, Configurar) con el mismo estilo: misma visibilidad */
	.consentimiento-cookies__boton{
		flex: 0 1 200px;
		padding: 12px 20px;
		font-size: 16px;
		font-weight: bold;
		color: var(--cc-azul);
		background: #fff;
		border: 2px solid #fff;
		border-radius: 30px;
		font-family: inherit;
		line-height: 1.2;
		cursor: pointer;
	}
	.consentimiento-cookies__boton:hover,
	.consentimiento-cookies__boton:focus-visible{ background: transparent; color: #fff; outline: none; }
	.consentimiento-cookies__boton[hidden]{ display: none; }
	@media (max-width: 575px){
		.consentimiento-cookies{ padding: 20px 15px; }
		.consentimiento-cookies__titulo{ font-size: 22px; }
		.consentimiento-cookies__texto{ font-size: 14px; }
		.consentimiento-cookies__boton{ flex: 1 1 100%; }
	}