/*
 * Menú lateral del CRM: región "sidebar" de Olivero, movida a la izquierda
 * y con fondo oscuro. Olivero la pone a la derecha (columnas 12-15 de su
 * rejilla de 14); aquí va en las columnas 1-3 y el contenido en 4-14.
 */
@media (min-width: 62.5rem) {
  .sidebar-grid > .region--sidebar {
    grid-column: 1 / 4;
    grid-row: 1;
  }
  .sidebar-grid > .site-main {
    grid-column: 4 / 15;
    grid-row: 1;
  }
}

.region--sidebar {
  align-self: start;
  padding: 1.25rem 1rem;
  border-radius: 10px;
  background: #1f2937;
  color: #e5e7eb;
}
.region--sidebar h2 {
  margin: 0 0 0.75rem !important;
  color: #fff !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.region--sidebar ul,
.region--sidebar li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.region--sidebar li + li {
  margin-top: 0.25rem !important;
}
.region--sidebar li::before,
.region--sidebar li::after,
.region--sidebar a::before,
.region--sidebar a::after {
  display: none !important;
}
.region--sidebar a {
  display: block !important;
  padding: 0.55rem 0.75rem !important;
  border: 0 !important;
  border-radius: 6px;
  background: transparent;
  color: #e5e7eb !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.region--sidebar a:hover,
.region--sidebar a:focus,
.region--sidebar a.is-active {
  background: #374151 !important;
  color: #fff !important;
}

/* Sin región de redes sociales: ocultar la columna que Olivero le reserva
   a la izquierda y que el contenido ocupe todo el ancho. */
.social-bar {
  display: none !important;
}
@media (min-width: 75rem) {
  .main-content {
    width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
}

/* Sin cabecera: el contenido y el menú lateral empiezan arriba del todo. */
.main-content__container {
  padding-block-start: 1.5rem !important;
}

/* Pie vacío de Olivero: no mostrarlo. */
.site-footer {
  display: none !important;
}
/* Página a todo el ancho y sin el fondo de gotas de Olivero. */
.page-wrapper {
  max-width: none !important;
}
body {
  background-image: none !important;
  background-color: #fff !important;
}

/* Compactar título, mensajes y pestañas: todo más pegado arriba. */
.region--content-above > * {
  margin-block-start: 0 !important;
  margin-block-end: 0.75rem !important;
}
.page-title {
  margin-block-start: 0 !important;
  margin-block-end: 0.5rem !important;
  line-height: 1.15 !important;
}
.tabs-wrapper,
.tabs {
  margin-block-start: 0 !important;
  margin-block-end: 0.5rem !important;
}
.site-main > .region--content {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
.region--content > .block:first-child {
  margin-block-start: 0 !important;
}

/* Fichas: menos separación entre campos. */
.region--content .field {
  margin-block: 0 0.9rem !important;
}
.region--content .field__label {
  margin-block-end: 0.15rem !important;
}