/* SerSoE Palacio V0.4.124: dimensiones y paleta de tarjetas de NAVEGACIÓN.
 * Tres partes iguales en escritorio; dos y una en pantallas más estrechas.
 * La fila toma la altura de la tarjeta con más texto (criterio V0.4.109).
 * No afecta a paneles de formularios, fichas, mensajes ni tablas de datos.
 * !important permite prevalecer sobre las cuadrículas locales e inline
 * ya existentes sin modificar su lógica ni el resto de sus estilos.
 */

:is(
  .sersoe-rm-area .sersoe-rm-tarjetas,
  .sersoe-rm-colcamp-tarjetas,
  .sersoe-ec-maestro-tarjetas,
  .sp-main .sp-grid,
  .sersoe-perm-dual .srperm-tarjetas,
  .srba-cards
) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box;
}

:is(
  .sersoe-rm-area .sersoe-rm-tarjetas > .sersoe-rm-tarjeta,
  .sersoe-rm-colcamp-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sersoe-ec-maestro-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sp-main .sp-grid > .sp-card,
  .sersoe-perm-dual .srperm-tarjetas > .srperm-tarjeta,
  .srba-cards > .srba-card
) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-self: stretch !important;
  justify-self: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 320px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  height: auto !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 12px 14px !important;
  overflow-wrap: anywhere;
}

/* La única tarjeta del apartado Voluntarios también ocupa un tercio.
 * El contenedor no es una cuadrícula y no necesita alterarse. */
.sersoe-rm-volcamp .rv-subtarjeta {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: min(320px, 100%) !important;
  min-height: 64px !important;
  height: auto !important;
  margin: 4px 0 !important;
  padding: 12px 14px !important;
  overflow-wrap: anywhere;
}

/* Tapiz del acceso principal, aplicado solo a superficies del Palacio. */
.sersoe-rm-area,
.sp-main,
.rm-bp-main {
  background-color: #E6E6E3 !important;
}

/* Un único aspecto para las tarjetas que abren otras pantallas.
 * No se aplican estos colores a formularios, avisos ni fichas de datos. */
:is(
  .sersoe-rm-area .sersoe-rm-tarjetas > .sersoe-rm-tarjeta,
  .sersoe-rm-colcamp-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sersoe-ec-maestro-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sp-main .sp-grid > .sp-card,
  .sersoe-perm-dual .srperm-tarjetas > .srperm-tarjeta,
  .srba-cards > .srba-card,
  .sersoe-rm-volcamp .rv-subtarjeta
) {
  background: #CBCBCC !important;
  border: 2px solid #002795 !important;
  border-radius: 8px !important;
  color: #111111 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

:is(
  .sersoe-rm-area .sersoe-rm-tarjetas > .sersoe-rm-tarjeta,
  .sersoe-rm-colcamp-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sersoe-ec-maestro-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sp-main .sp-grid > .sp-card,
  .sersoe-perm-dual .srperm-tarjetas > .srperm-tarjeta,
  .srba-cards > .srba-card,
  .sersoe-rm-volcamp .rv-subtarjeta
):is(:hover, :focus) {
  background: #D8D8D8 !important;
  outline: 2px solid #002795;
  outline-offset: 2px;
}

:is(
  .sersoe-rm-area .sersoe-rm-tarjetas > .sersoe-rm-tarjeta,
  .sersoe-rm-colcamp-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sersoe-ec-maestro-tarjetas > .sersoe-rm-colcamp-tarjeta,
  .sp-main .sp-grid > .sp-card,
  .sersoe-perm-dual .srperm-tarjetas > .srperm-tarjeta,
  .srba-cards > .srba-card,
  .sersoe-rm-volcamp .rv-subtarjeta
) :is(strong, h2, h3) {
  color: #000080 !important;
}

@media (max-width: 1100px) {
  :is(
    .sersoe-rm-area .sersoe-rm-tarjetas,
    .sersoe-rm-colcamp-tarjetas,
    .sersoe-ec-maestro-tarjetas,
    .sp-main .sp-grid,
    .sersoe-perm-dual .srperm-tarjetas,
    .srba-cards
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  :is(
    .sersoe-rm-area .sersoe-rm-tarjetas,
    .sersoe-rm-colcamp-tarjetas,
    .sersoe-ec-maestro-tarjetas,
    .sp-main .sp-grid,
    .sersoe-perm-dual .srperm-tarjetas,
    .srba-cards
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}