/* SJT-INICIO v11.0.5 - Estilos propios del lampadario */
/* Extraidos del componente PHP. Cargar despues de las hojas generales. */
    /* Overlay anclado al viewport, incluso en paginas muy largas. */
    html.sjt-overlay-abierto { overflow: hidden !important; }
    body.sjt-overlay-abierto { overflow: hidden !important; }
    body > .sjt-lamp-overlay[hidden] { display: none !important; }
    body > .sjt-lamp-overlay:not([hidden]) {
      position: fixed !important;
      inset: 0 !important;
      width: 100%;
      height: 100vh;
      height: 100dvh;
      overflow-y: auto;
      overscroll-behavior: contain;
      z-index: 11000;
    }
    body > .sjt-lamp-overlay .sjt-lamp-dialog {
      border-color: #b58e6c;
      flex-shrink: 0;
    }
    body > .sjt-lamp-overlay .sjt-lamp-peticion {
      color: #b58e6c;
    }
    @media (max-width: 767.98px) {
      body > .sjt-lamp-overlay:not([hidden]) {
        align-items: flex-start !important;
        justify-content: center;
        padding: 12px 10px;
      }
      body > .sjt-lamp-overlay .sjt-lamp-dialog {
        max-height: calc(100dvh - 24px);
        overflow-y: auto;
      }
    }

    /* Mis velas: replicar la cuadrícula y las tarjetas del lampadario público.
       Reglas locales para evitar que estilos heredados de .sjt-mias-lista
       reduzcan las celdas o oculten la imagen y el botón. */
    .sjt-lampadario .sjt-mias-lista.sjt-lamp-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      margin-left: calc(-.5 * var(--bs-gutter-x, 1.5rem));
      margin-right: calc(-.5 * var(--bs-gutter-x, 1.5rem));
    }
    .sjt-lampadario .sjt-mias-lista.sjt-lamp-grid > .sjt-lamp-col {
      flex: 0 0 auto;
      width: 50%;
      min-width: 0;
    }
    @media (min-width: 576px) {
      .sjt-lampadario .sjt-mias-lista.sjt-lamp-grid > .sjt-lamp-col {
        width: calc(100% / min(var(--sjt-lamp-cols), 4));
      }
    }
    @media (min-width: 768px) {
      .sjt-lampadario .sjt-mias-lista.sjt-lamp-grid > .sjt-lamp-col {
        width: calc(100% / min(var(--sjt-lamp-cols), 6));
      }
    }
    @media (min-width: 1200px) {
      .sjt-lampadario .sjt-mias-lista.sjt-lamp-grid > .sjt-lamp-col {
        width: calc(100% / var(--sjt-lamp-cols));
      }
    }
    .sjt-lampadario .sjt-mias-lista .sjt-lamp-celda {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      text-align: center;
      gap: 7px;
      min-width: 0;
    }
    .sjt-lampadario .sjt-mias-lista .sjt-lamp-imagen {
      display: block;
      width: 100%;
      max-width: 65px;
      height: 100px;
      object-fit: contain;
      cursor: pointer;
    }
    .sjt-lampadario .sjt-mias-lista .sjt-lamp-vela-btn {
      display: block;
      width: 100%;
      max-width: 90px;
      min-height: 30px;
      padding: 5px 3px;
      background: #000;
      color: #fff;
      border: 1px solid var(--lamp-accent, #74357d);
      border-radius: 5px;
      font-size: .85rem;
      line-height: 1.2;
      overflow-wrap: anywhere;
      cursor: pointer;
    }


/* SJT-INICIO v11.0.6 - Unificar Activar 24 h, Compartir y Destacar en overlay. */
/* Los tres botones comparten los mismos colores normal, hover y foco. */
.sjt-lamp-overlay .sjt-mia-compartir,
.sjt-lamp-overlay .sjt-mia-destacar,
.sjt-lamp-overlay .sjt-mia-activar {
  background: #aa8d6d !important;
  color: #fff !important;
  border: 1px solid #aa8d6d !important;
  opacity: 1 !important;
}
.sjt-lamp-overlay .sjt-mia-compartir:hover,
.sjt-lamp-overlay .sjt-mia-destacar:hover,
.sjt-lamp-overlay .sjt-mia-activar:hover,
.sjt-lamp-overlay .sjt-mia-compartir:focus-visible,
.sjt-lamp-overlay .sjt-mia-destacar:focus-visible,
.sjt-lamp-overlay .sjt-mia-activar:focus-visible {
  background: #352c25 !important;
  color: #fff !important;
  border-color: #352c25 !important;
}
/* SJT-FIN */

/* SJT-FIN v11.0.6 */
