/*
 * Aviso de cookies. Se imprime fuera de .ay-page en la portada (Divi), asi
 * que no puede depender de sus variables: colores escritos aqui, iguales a
 * los tokens de chrome.css.
 */
.ay-consent {
	position: fixed; left: 16px; bottom: 16px; z-index: 1300;
	width: min(420px, calc(100vw - 32px));
	background: #ffffff; color: #1d1d1d;
	border: 1px solid #ecdfbe; border-radius: 16px;
	box-shadow: 0 16px 40px rgba(29,29,29,.18);
	padding: 20px; font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-size: 14px; line-height: 1.5;
}
.ay-consent[hidden] { display: none; }
.ay-consent-title { font-family: 'Sora', ui-sans-serif, system-ui, sans-serif; font-weight: 700; font-size: 16px; margin: 0 0 6px; }
.ay-consent-text { margin: 0 0 14px; color: #6b6656; }
.ay-consent-text a { color: #178500; }
.ay-consent-opts { display: flex; flex-direction: column; gap: 8px; margin: 0 0 14px; }
.ay-consent-opts[hidden] { display: none; }
.ay-consent-opts label { display: flex; align-items: center; gap: 8px; color: #3c3a33; cursor: pointer; }
.ay-consent-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.ay-consent-btn {
	font-family: 'Sora', ui-sans-serif, system-ui, sans-serif; font-weight: 600; font-size: 13.5px;
	padding: 9px 16px; border-radius: 999px; cursor: pointer;
	border: 1px solid #b9eda6; background: transparent; color: #178500;
}
.ay-consent-btn:hover { background: #eef8e8; }
.ay-consent-btn.is-primary { background: #178500; border-color: #178500; color: #fff; }
.ay-consent-btn.is-primary:hover { background: #116800; }
.ay-consent-btn.is-link { border-color: transparent; padding-left: 6px; padding-right: 6px; text-decoration: underline; }
.ay-consent-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(41,183,12,.35); }
@media (max-width: 479px) { .ay-consent { left: 8px; right: 8px; bottom: 8px; width: auto; } }
