/* GU Privacy Notice — barra de aviso de cookies.

   Todo se ancla al id único #gu-privacy-notice para ganar en especificidad a
   los estilos globales del tema (p. ej. reglas sobre `button`/`[type=button]`,
   que de otro modo pintarían el botón con los colores del tema). Los colores
   configurables se inyectan como variables CSS desde el plugin
   (wp_add_inline_style), con estos valores de respaldo. */

#gu-privacy-notice{
	position:fixed; left:0; right:0; bottom:0; z-index:99999;
	background:var(--gu-pn-bar-bg,#0E4183); color:#fff;
	box-shadow:0 -2px 14px rgba(0,0,0,.22);
	font-family:inherit; line-height:1.5;
}
#gu-privacy-notice[hidden]{ display:none; }
#gu-privacy-notice .gu-pn__inner{
	max-width:1200px; margin:0 auto; padding:18px 22px;
	display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
#gu-privacy-notice .gu-pn__text{ flex:1 1 320px; min-width:0; }
#gu-privacy-notice .gu-pn__title{ margin:0 0 4px; font-size:16px; font-weight:700; color:#fff; }
#gu-privacy-notice .gu-pn__body{ margin:0; font-size:14px; color:#fff; }
#gu-privacy-notice .gu-pn__body a{ color:#fff; text-decoration:underline; font-weight:600; }
#gu-privacy-notice .gu-pn__body a:hover,
#gu-privacy-notice .gu-pn__body a:focus{ opacity:.85; color:#fff; }

/* Botón: !important + alta especificidad para blindarlo frente a los estilos
   globales de botones del tema. */
#gu-privacy-notice .gu-pn__btn{
	flex:0 0 auto; cursor:pointer;
	background:var(--gu-pn-btn-bg,#FFFFFF) !important;
	color:var(--gu-pn-btn-text,#0E4183) !important;
	border:0 !important;
	border-radius:4px; padding:11px 34px;
	font-size:15px; font-weight:700; font-family:inherit; line-height:1.4;
	width:auto; text-transform:none; letter-spacing:normal;
	transition:opacity .15s ease;
}
#gu-privacy-notice .gu-pn__btn:hover{ opacity:.88; }
#gu-privacy-notice .gu-pn__btn:focus-visible{ outline:2px solid #fff; outline-offset:3px; }

/* Selección de idioma según el <html lang> que genera TranslatePress */
html[lang^="en"] #gu-privacy-notice .gu-pn__es{ display:none; }
html:not([lang^="en"]) #gu-privacy-notice .gu-pn__en{ display:none; }

@media (max-width:782px){
	#gu-privacy-notice .gu-pn__inner{ padding:16px; gap:14px; }
	#gu-privacy-notice .gu-pn__body{ font-size:13px; }
	#gu-privacy-notice .gu-pn__btn{ width:100% !important; }
}
