/*
 * Aviso de cookies (includes/cookies.php) y aviso del mapa antes de aceptar Google Maps.
 * "Aceptar" y "Rechazar" tienen el mismo aspecto (guía de cookies de la AEPD).
 * Selectores con .mac-ck delante: el kit aplica estilos a todo <button>.
 */
.mac-ck {
	--ck-azul: var(--e-global-color-3fd6195, #003F72);
	--ck-azul-osc: #002542;
	--ck-texto: var(--e-global-color-primary, #343E46);
	--ck-linea: var(--e-global-color-dc88d14, #DAE3EB);
	position: fixed;
	z-index: 99999;
	right: 1rem;
	bottom: 1rem;
	box-sizing: border-box;
	width: min(34rem, calc(100% - 2rem));
	padding: 1.25rem 1.25rem 1rem;
	border-top: 4px solid var(--ck-azul);
	background: #fff;
	box-shadow: 0 10px 40px rgba(0, 37, 66, .3);
	color: var(--ck-texto);
	font-size: 0.9375rem;
	line-height: 1.45;
}
.mac-ck[hidden] { display: none; }
.mac-ck * { box-sizing: border-box; }
.mac-ck .mac-ck__t { margin: 0 0 0.375rem; color: var(--ck-texto); font-size: 1.125rem; font-weight: 700; }
.mac-ck .mac-ck__txt { margin: 0 0 0.875rem; }
.mac-ck a { color: var(--ck-azul); text-decoration: underline; text-underline-offset: 0.15em; }
.mac-ck .mac-ck__panel { display: grid; gap: 0.5rem; margin: 0 0 0.875rem; padding: 0.75rem; background: var(--e-global-color-a8444a9, #F6F8FB); }
.mac-ck .mac-ck__panel[hidden] { display: none; }
.mac-ck .mac-ck__op { display: flex; align-items: center; gap: 0.625rem; margin: 0; cursor: pointer; }
.mac-ck .mac-ck__op input { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--ck-azul); }
.mac-ck .mac-ck__botones { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; }
.mac-ck .mac-ck__btn,
.mac-ck .mac-ck__btn:hover,
.mac-ck .mac-ck__btn:focus {
	flex: 0 0 auto;
	margin: 0;
	padding: 0.625rem 1.25rem;
	border: 2px solid var(--ck-azul);
	border-radius: 0;
	background: var(--ck-azul);
	box-shadow: none;
	color: #fff;
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.2;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
}
.mac-ck .mac-ck__btn:hover { border-color: var(--ck-azul-osc); background: var(--ck-azul-osc); }
.mac-ck .mac-ck__btn--sec,
.mac-ck .mac-ck__btn--sec:hover,
.mac-ck .mac-ck__btn--sec:focus { margin-right: auto; border-color: transparent; background: transparent; color: var(--ck-azul); text-decoration: underline; text-underline-offset: 0.2em; }
.mac-ck .mac-ck__btn[hidden] { display: none; }
.mac-ck .mac-ck__btn:focus-visible { outline: 2px solid var(--ck-azul); outline-offset: 2px; }
@media (max-width: 767px) {
	.mac-ck { right: 0; bottom: 0; width: 100%; padding: 1rem; }
	.mac-ck .mac-ck__botones .mac-ck__btn:not(.mac-ck__btn--sec) { flex: 1 1 0; }
	.mac-ck .mac-ck__btn--sec { flex-basis: 100%; margin-right: 0; padding: 0.25rem 0; text-align: left; }
}

/* Aviso dentro del mapa mientras no se acepten las cookies de Google Maps */
.mac-mapa-aviso {
	box-sizing: border-box;
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 0.75rem;
	height: 100%;
	padding: 1.5rem;
	background: var(--e-global-color-a8444a9, #F6F8FB) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23DAE3EB' stroke-width='1.5'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") no-repeat center 22%;
	color: var(--e-global-color-primary, #343E46);
	text-align: center;
}
.mac-mapa-aviso p { max-width: 24rem; margin: 0; font-size: 1rem; line-height: 1.45; }
.mac-mapa-aviso .mac-mapa-aviso__btn,
.mac-mapa-aviso .mac-mapa-aviso__btn:hover,
.mac-mapa-aviso .mac-mapa-aviso__btn:focus {
	margin: 0;
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: 0;
	background: var(--e-global-color-3fd6195, #003F72);
	box-shadow: none;
	color: #fff;
	font: inherit;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
}
.mac-mapa-aviso .mac-mapa-aviso__btn:hover { background: #002542; }
.mac-mapa-aviso .mac-mapa-aviso__btn:focus-visible { outline: 2px solid var(--e-global-color-3fd6195, #003F72); outline-offset: 3px; }
.mac-mapa-aviso a { color: var(--e-global-color-3fd6195, #003F72); font-size: 0.875rem; }
