/* LUNA Firma Digital · hoja del plugin (v4.6.0)
   Extraida del inline el 2026-08-25: el navegador la cachea y el codigo
   fuente de la pagina queda legible. Lo unico dinamico son --lf-copy-color
   y --lf-copy-size, que emite lf_css() segun los ajustes. */
.luna-copy-footer {
  width:100%; padding:12px 20px;
  text-align:left; color:var(--lf-copy-color,#ffffff);
  font-size:var(--lf-copy-size,14px); line-height:1.4;
  font-family:"Open Sans",sans-serif;
  box-sizing:border-box; display:block;
  background:transparent;
}
.luna-copy-sep { margin:0 8px; opacity:.7; color:inherit; }
.luna-trigger {
  position:relative; display:inline-flex;
  align-items:center; cursor:pointer; vertical-align:middle;
  -webkit-tap-highlight-color:transparent;
}
.luna-trigger .luna-icon {
  display:inline-block; font-size:inherit;
  color:inherit; transform:rotate(-120deg);
}
.luna-trigger .luna-label {
  display:inline-block; overflow:hidden; white-space:nowrap;
  width:auto; opacity:1; font-size:inherit; font-weight:600;
  letter-spacing:.8px; text-transform:none;
  color:inherit; margin-left:6px;
  vertical-align:middle; font-family:"Open Sans",sans-serif;
  cursor:pointer;
}
.luna-tooltip-fixed {
  position:fixed; z-index:999999; width:320px;
  border-radius:10px; border:1px solid rgba(255,255,255,.08);
  background:#111; box-shadow:0 8px 32px rgba(0,0,0,.7);
  padding:0; text-align:center; color:#eee;
  font-family:"Open Sans",sans-serif;
  white-space:normal; pointer-events:auto;
  opacity:0; visibility:hidden; overflow:hidden;
}
.luna-arrow {
  position:absolute; bottom:-8px; left:50%; margin-left:-9px;
  width:0; height:0;
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-top:9px solid #111;
}
.luna-close {
  display:none; position:absolute; top:10px; right:10px;
  width:26px; height:26px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  border-radius:50%; color:rgba(255,255,255,.75);
  font-size:17px; line-height:1; cursor:pointer;
  align-items:center; justify-content:center;
  padding:0; z-index:10; transition:background .2s,color .2s;
  font-family:sans-serif;
}
.luna-close:hover,.luna-close:active { background:rgba(255,255,255,.25); color:#fff; }
@media (hover:none),(max-width:768px) { .luna-close { display:flex; } }
.luna-tooltip-fixed img.luna-logo { display:block; margin:20px auto 10px; max-width:190px; height:auto; }
.luna-social { display:flex; justify-content:center; gap:14px; padding:0 0 14px; }
.luna-social a {
  width:28px; height:28px; display:flex; align-items:center;
  justify-content:center; border-radius:50%;
  border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.45);
  font-size:13px; text-decoration:none; transition:all .25s ease;
  overflow:hidden; line-height:1; /* si la fuente de iconos no llega, nada se desborda */
}
.luna-social a i { font-style:normal; }
.luna-social a:hover { color:#fff; border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.08); }
.luna-divider { height:1px; margin:0 20px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent); }
.luna-services-list { display:flex; flex-direction:column; padding:10px 14px; gap:2px; }
.luna-svc {
  display:flex; align-items:center; gap:12px; padding:8px 12px;
  border-radius:6px; opacity:0; transform:translateY(8px); transition:background .2s;
}
.luna-svc:hover { background:rgba(255,255,255,.05); }
.luna-svc .svc-icon {
  width:28px; height:28px; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; flex-shrink:0;
  background:rgba(255,255,255,.06); color:rgba(255,255,255,.45);
  /* Sin Material Icons, el <span> muestra la ligadura literal ("shopping_cart")
     y rompe la fila. Contenido: la caja nunca crece ni desborda. */
  overflow:hidden; line-height:1;
}
.luna-svc .svc-text { font-size:13px; font-weight:400; letter-spacing:.2px; color:rgba(255,255,255,.65); }
.luna-svc.active .svc-icon { background:rgba(255,255,255,.12); color:rgba(255,255,255,.9); }
.luna-svc.active .svc-text { color:rgba(255,255,255,.95); }
.luna-tooltip-fixed img.luna-banner { display:block; width:100%; margin:8px 0 0; height:auto; border-radius:0 0 9px 9px; }
.luna-shine {
  position:absolute; top:0; left:-100%; width:50%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);
  pointer-events:none;
}
@media (max-width:420px) {
  .luna-tooltip-fixed { width:calc(100vw - 24px); }
  .luna-arrow { display:none; }
}
@media (max-width:768px) {
  .luna-copy-footer { text-align:center; }
  .luna-copy-sep { display:none !important; }
  .luna-trigger { display:flex; justify-content:center; margin-top:6px; }
}