/* Imágenes originales de Siete en Punto, con proporciones conservadas. */
.lp-logo { display: block; flex: 0 0 auto; width: 44px; height: 44px; object-fit: contain; border-radius: 12px; }
.lp-marca--pie .lp-logo { width: 32px; height: 32px; border-radius: 9px; }
.lp-demo-marca > img { display: block; width: 20px; height: 20px; border-radius: 5px; flex: 0 0 auto; }
.lp-cierre .lp-cierre-siete { width: 270px; height: 316px; top: -25px; right: 0; object-fit: contain; filter: brightness(0); opacity: .045; pointer-events: none; }
.marca-sello.marca-logotipo { display: block; width: 40px; height: 40px; object-fit: contain; padding: 0; background: none; box-shadow: none; border-radius: 11px; }
.acceso-marca .marca-logotipo { width: 46px; height: 46px; border-radius: 12px; }
@media (max-width: 600px) {
  .lp-logo { width: 35px; height: 35px; border-radius: 10px; }
  .lp-cierre .lp-cierre-siete { width: 225px; height: 264px; top: 18px; right: -25px; }
}
/* Un único control, compartido por portada, acceso y panel. */
.tema-alternar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; border: 1px solid var(--lp-linea, var(--linea, #dcdfea)); border-radius: 10px; background: transparent; color: var(--lp-tinta, var(--texto, #20253d)); cursor: pointer; }
.tema-alternar .icono { font-size: 19px; }
.tema-alternar:focus-visible { outline: 3px solid var(--lp-azul, var(--marca-1, #514de5)); outline-offset: 4px; }
.tema-alternar .tema-icono-oscuro { display: none; }
html[data-tema="oscuro"] .tema-alternar .tema-icono-claro { display: none; }
html[data-tema="oscuro"] .tema-alternar .tema-icono-oscuro { display: inline-flex; }
@media (min-width: 380px) and (max-width: 600px) {
  .lp-cabecera-fila { flex-wrap: nowrap; }
  .lp-cabecera-acciones { width: auto; gap: 10px; }
}