/* Bucle — chrome global: nav + footer + WhatsApp. Carga en TODO el sitio.
   No toca el layout de Kalium (sin reset global, todo por clases propias). */

:root{
	--paper:#F4F2EA; --ink:#16130E; --pino:#1E5F4B; --salvia:#5A957C;
	--grey:#847F72; --rule:#E4E0D3; --card:#FBFAF4;
	--maxw:1600px; --pad:clamp(20px,4vw,64px);
	--grotesk:"Helvetica Neue",Helvetica,Arial,sans-serif;
	--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

/* NAV */
.bucle-nav{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--paper) 88%,transparent);
	backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);font-family:var(--grotesk)}
.bucle-nav *{box-sizing:border-box}
.bucle-nav .nav-in{max-width:var(--maxw);margin:0 auto;padding:13px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px}
.bucle-nav .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;text-decoration:none;color:var(--ink)}
.bucle-nav .nav-links{display:flex;gap:24px;font-size:13px}
.bucle-nav .nav-links a{color:var(--grey);text-decoration:none;transition:color .2s}
.bucle-nav .nav-links a:hover{color:var(--ink)}
@media(max-width:720px){.bucle-nav .nav-links{display:none}}
.bucle-nav .nav-cta{font-size:13px;font-weight:700;text-decoration:none;padding:9px 16px;border:1px solid var(--ink);border-radius:100px;transition:.2s;white-space:nowrap;color:var(--ink)}
.bucle-nav .nav-cta:hover{background:var(--ink);color:var(--paper)}
.bucle-nav .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.bucle-nav .burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
.bucle-nav .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.bucle-nav .burger.open span:nth-child(2){opacity:0}
.bucle-nav .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:720px){.bucle-nav .nav-cta{display:none}.bucle-nav .burger{display:flex}}

/* OVERLAY MÓVIL */
.bucle-overlay{position:fixed;inset:0;z-index:999;background:var(--paper);display:flex;flex-direction:column;
	justify-content:center;gap:6px;padding:0 var(--pad);transform:translateY(-100%);opacity:0;visibility:hidden;
	transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s;font-family:var(--grotesk)}
.bucle-overlay.open{transform:translateY(0);opacity:1;visibility:visible}
.bucle-overlay a{font-size:clamp(34px,10vw,60px);font-weight:800;letter-spacing:-.03em;text-decoration:none;
	color:var(--ink);padding:14px 0;border-bottom:1px solid var(--rule)}
.bucle-overlay a:last-child{color:var(--pino);border-bottom:0}

/* WHATSAPP FLOTANTE */
.wa{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:990;
	width:56px;height:56px;border-radius:50%;background:var(--pino);color:#F4F2EA;display:flex;
	align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22);
	transition:transform .2s,filter .2s}
.wa:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.1)}
.wa svg{width:28px;height:28px;fill:currentColor}

/* FOOTER */
.bucle-footer{font-family:var(--grotesk);background:var(--paper);padding:38px var(--pad);display:flex;
	justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--grey);
	border-top:1px solid var(--rule)}
.bucle-footer .brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:15px;color:var(--ink)}
.bucle-footer a{color:var(--grey);text-decoration:none}
.bucle-footer a:hover{color:var(--ink)}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}