/* Lámparas Escala — Integración de contacto y redes 2026-10-28.
   CSS limitado a componentes nuevos. Sin rastreo ni dependencias externas. */
.footer-social { margin-top: 14px; display:flex; flex-wrap: wrap; align-items:center; gap: 10px 18px; }
.footer-social a { display:inline-flex; align-items:center; gap: 4px; min-height: 36px; color: #e7e4d8; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.footer-social a:hover, .footer-social a:focus-visible { color: var(--gold-light, #d1b981); }
.wa-contact-cta { display: inline-flex; align-items:center; gap: 9px; border: 1px solid #e3d1a7; padding: 11px 15px; border-radius: 7px; margin-top: 10px; color: #fff; font-size: 12px; font-weight: 600; text-decoration: none; }
.wa-contact-cta:hover { border-color: #fff; background: #ffffff18; }
.wa-float { position: fixed; z-index: 700; bottom: max(16px, env(safe-area-inset-bottom)); right: max(16px, env(safe-area-inset-right)); display:inline-flex; align-items:center; justify-content:center; gap: 9px; min-height: 46px; min-width: 46px; padding: 10px 15px; border-radius: 30px; background: #29352b; color: #fff; border: 1px solid #d9c69c; box-shadow: 0 5px 18px #0005; text-decoration: none; font-family: inherit; font-size: 12px; font-weight: 650; letter-spacing: .01em; }
.wa-float:hover { background:#394938; color:#fff; }
.wa-float svg { width:18px; height:18px; flex:none; stroke: currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.wa-float:focus-visible, .footer-social a:focus-visible, .wa-contact-cta:focus-visible { outline: 3px solid #d9c69c; outline-offset: 4px; }
@media(max-width:560px) { .wa-float { font-size:12px; padding:10px 13px; } .footer-social {gap:8px 16px;} }
@media print { .wa-float { display: none !important; } }