/*
 * VARDA, pie de página menta mínimo (marcado en varda-footer.php):
 * lema y sede a la izquierda, logo con texto centrado y contactos a la derecha.
 * Se ocultan las dos primeras filas originales del Layout Section; la tercera
 * (franja carbón con legales y Kit Digital) se deja tal cual.
 */
.varda-footer ~ .fusion-fullwidth:not(:last-of-type){display:none!important}

.varda-footer{background:#92c5bc;color:#2d333b;font-family:"Poppins",Arial,sans-serif;padding:26px 0}
.varda-footer *{box-sizing:border-box}
/* 1220 px = ancho útil del contenido de la web, así el pie alinea con el resto y con la franja carbón */
.varda-footer .vf-wrap{max-width:1220px;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px 28px}
@media (max-width:1260px){.varda-footer .vf-wrap{padding:0 24px}}
.varda-footer p{margin:0}
.varda-footer .vf-claim{font:400 15px/1.6 "Audiowide","Arial Black",sans-serif;justify-self:start}
/* contactos en el mismo orden que la barra superior: teléfono, correo, LinkedIn */
.varda-footer .vf-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;justify-self:end}
/* tres líneas, misma altura que las tres del lado izquierdo (15px × 1.6) */
/* icono a la derecha del texto para que todo quede alineado por la derecha */
.varda-footer .vf-contact a{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:7px;min-height:24px;font-size:15px;line-height:1.6;font-weight:500;color:#2d333b;text-decoration:none}
.varda-footer .vf-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.varda-footer .vf-contact a:focus-visible{outline:3px solid #2d333b;outline-offset:2px;border-radius:4px}
.varda-footer .vf-contact svg{flex:none}
.varda-footer .vf-logo{display:block;border-radius:6px}
.varda-footer .vf-logo img{display:block;width:120px;height:auto}
.varda-footer .vf-logo:focus-visible{outline:3px solid #2d333b;outline-offset:4px}
@media (max-width:600px){
	.varda-footer .vf-wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
	.varda-footer .vf-logo{order:-1}
	.varda-footer .vf-claim{justify-self:center;text-align:center}
	.varda-footer .vf-contact{justify-self:center;align-items:center}
	.varda-footer .vf-contact a{flex-direction:row}
}

/* ---------- Complianz: "Gestionar consentimiento" como botón redondo flotante ----------
   El botón original es una pestaña con texto fija abajo; aquí se convierte en un círculo con
   un icono de galleta en la esquina inferior derecha. El texto sigue dentro del botón (oculto
   a la vista) para que los lectores de pantalla lo anuncien. Al pulsarlo, Complianz reabre
   el banner para cambiar la elección. */
#cmplz-manage-consent .cmplz-manage-consent{
	position:fixed!important;top:auto!important;left:auto!important;right:18px!important;bottom:18px!important;
	width:50px!important;height:50px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;
	border:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;color:transparent!important;
	background:#92c5bc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 12.3A9.6 9.6 0 1 1 11.7 2.4a3 3 0 0 0 3.6 3.6 3 3 0 0 0 3.6 3.6 3 3 0 0 0 2.7 2.7z' fill='none' stroke='%232d333b' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='8.5' cy='9' r='1.4' fill='%232d333b'/%3E%3Ccircle cx='15' cy='14.5' r='1.4' fill='%232d333b'/%3E%3Ccircle cx='9.5' cy='15.5' r='1.1' fill='%232d333b'/%3E%3Ccircle cx='13' cy='10.5' r='.9' fill='%232d333b'/%3E%3C/svg%3E") center/26px no-repeat!important;
	/* aro blanco + sombra marcada para que se distinga también sobre las secciones menta */
	box-shadow:0 0 0 3px #fff,0 6px 14px rgba(45,51,59,.35),0 16px 34px -8px rgba(45,51,59,.55)!important;cursor:pointer;z-index:99990!important;
	transform:none!important;transition:background-color .2s,transform .2s!important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover{background-color:#ffffff!important;transform:scale(1.06)!important}
#cmplz-manage-consent .cmplz-manage-consent:focus-visible{outline:3px solid #2d333b!important;outline-offset:3px!important}
@media (prefers-reduced-motion:reduce){#cmplz-manage-consent .cmplz-manage-consent{transition:none!important}}

/* ---------- Botón flotante "Volver arriba" (abajo a la izquierda), mismo estilo que el de cookies ---------- */
.varda-totop{position:fixed;left:18px;bottom:18px;z-index:99989;width:50px;height:50px;padding:0;margin:0;border:0;border-radius:50%;
	display:grid;place-items:center;cursor:pointer;background:#92c5bc;color:#2d333b;
	box-shadow:0 0 0 3px #fff,0 6px 14px rgba(45,51,59,.35),0 16px 34px -8px rgba(45,51,59,.55);
	opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,visibility 0s linear .25s,transform .25s,background-color .2s}
.varda-totop.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s,background-color .2s}
.varda-totop:hover{background:#fff;transform:scale(1.06)}
.varda-totop:focus-visible{outline:3px solid #2d333b;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.varda-totop,.varda-totop.is-visible{transition:none;transform:none}}