/* OM BORRADOR 34 — Interacción de botones.
   Sólo se aplica dentro de .omr34 a elementos .omr-button. */

@media (hover: hover) {
  .omr34 .omr-button:hover {
    filter: brightness(1.15) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px #00000040 !important;
  }
}

.omr34 .omr-button:focus-visible {
  outline: 3px solid #41c3e5 !important;
  outline-offset: 4px !important;
}

.omr34 .omr-button:active {
  transform: translateY(0) !important;
  filter: brightness(.96) !important;
}

@media (prefers-reduced-motion: reduce) {
  .omr34 .omr-button,
  .omr34 .omr-button:hover,
  .omr34 .omr-button:active {
    transition: none !important;
    transform: none !important;
  }
}

/* OM BORRADOR 34 — Encabezado y pie propios.
   La presencia de la portada .omr34 es obligatoria en TODAS las reglas.
   No modifica la configuración ni el contenido global de encabezado/pie. */
body:has(#om-inicio.omr34) > header:has(#ss-header),
body:has(#om-inicio.omr34) > footer:has(#ss-footer) {
  display: none !important;
}

body:has(#om-inicio.omr34) {
  margin: 0 !important;
  padding: 0 !important;
  background: #181a1e !important;
}

body:has(#om-inicio.omr34) #customPageContent {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body:has(#om-inicio.omr34) #customPageContent > .sitePage > .container:has(#om-inicio.omr34) {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}