/* ==========================================
   MDV · Fichas de juegos
   PAL · USA · Japón
   ========================================== */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) {
  --mdv-texto: #27382e;
  --mdv-azul: #054b81;
  --mdv-suave: #627066;
  --mdv-borde: #dce5eb;

  color: var(--mdv-texto);
}

/* TÍTULO PRINCIPAL */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .group-header {
  margin-bottom: 26px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .group-header .titulo_nodo_white {
  display: block;
  margin: 0;
  padding: 0 0 14px;
  background: transparent !important;
  color: var(--mdv-texto) !important;
  border: 0;
  border-bottom: 2px solid var(--mdv-azul);
  border-radius: 0;
  box-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  overflow-wrap: anywhere;
}

/* DISTRIBUCIÓN PRINCIPAL */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns {
  display: grid;
  grid-template-columns:
    minmax(180px, 230px)
    minmax(120px, 0.7fr)
    minmax(190px, 1.2fr)
    minmax(190px, 1fr);
  gap: 26px;
  align-items: start;
  margin: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns::before,
.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns::after {
  display: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > div {
  float: none;
  box-sizing: border-box;
  width: auto !important;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* CARÁTULA */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-first {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--mdv-borde);
  border-radius: 12px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-first .padding_superior {
  margin: 0;
  padding: 0 !important;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-first a {
  display: block;
  max-width: 100%;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-first img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 320px;
  margin: auto;
  border: 0;
  box-shadow: none;
  object-fit: contain;
}

/* ETIQUETAS DE LOS DATOS */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns :is(
  .field-label-above,
  .field__label,
  .node-taxonomy-container > h4
) {
  margin: 0 0 7px;
  padding: 0;
  color: var(--mdv-suave);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns .node-taxonomy-container > h4 i {
  display: none;
}

/* PLATAFORMA, REGIÓN, SOPORTE Y AÑO */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-second > .field-label-above {
  margin-top: 18px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-second
> .field-label-above:first-child {
  margin-top: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-second
> .node-taxonomy-container {
  margin: 18px 0 0;
}

/* LISTAS DE VALORES */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns .taxonomy-terms {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns .taxonomy-terms li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns :is(
  .taxonomy-terms a,
  .field-item
) {
  color: var(--mdv-texto);
  font-size: 15px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns a {
  color: var(--mdv-azul);
  text-decoration: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* DESARROLLADORA, PUBLICADORA Y OTROS DATOS */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-third > :is(
  .node-taxonomy-container,
  .field
) {
  margin: 0 0 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--mdv-borde);
}

/* ICONOS */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns .taxonomy-term.row {
  margin: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns .taxonomy-term .bs-region {
  float: none;
  width: 100%;
  padding: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns .taxonomy-term img {
  max-width: 100%;
  height: auto;
}

/* INFORMACIÓN Y VÍDEOS */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-fourth {
  padding: 18px;
  background: #f5f8fa;
  border: 1px solid var(--mdv-borde);
  border-radius: 12px;
  overflow-wrap: anywhere;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-fourth h3 {
  margin: 22px 0 12px;
  color: var(--mdv-azul);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-fourth p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-four-columns > .group-fourth :is(
  iframe,
  video,
  img
) {
  max-width: 100%;
}

/* DESCRIPCIÓN · PAL */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .group-bar1:has(.field--name-body) {
  clear: both;
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid var(--mdv-borde);
}

/* DESCRIPCIÓN · USA Y JAPÓN */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-main-columns:has(.field--name-body) {
  clear: both;
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid var(--mdv-borde);
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > .ds-main-columns > .group-left {
  float: none;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* TEXTO DE LA DESCRIPCIÓN */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-bar1,
  .ds-main-columns
) .field--name-body {
  max-width: 820px;
  color: var(--mdv-texto);
  font-size: 16px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-bar1,
  .ds-main-columns
) .field--name-body p {
  margin: 0 0 20px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-bar1,
  .ds-main-columns
) .field--name-body :is(ul, ol) {
  margin: 0 0 20px;
  padding-left: 24px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-bar1,
  .ds-main-columns
) .field--name-body img {
  max-width: 100%;
  height: auto;
}

/* VARIANTES REGIONALES
   PAL y USA: group-footer
   Japón: group-bar2
*/

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
):has(> .ds-3col-stacked-equal) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  clear: both;
  margin-top: 30px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
):has(> .ds-3col-stacked-equal)::before,
.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
):has(> .ds-3col-stacked-equal)::after {
  display: none;
}

/* TÍTULO DE LA SECCIÓN DE VARIANTES */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
):has(> .ds-3col-stacked-equal) > .field-label-above {
  grid-column: 1 / -1;
  margin: 0;
  padding-bottom: 12px;
  color: var(--mdv-azul);
  border-bottom: 1px solid var(--mdv-borde);
  font-size: 21px;
  font-weight: 600;
}

/* TARJETAS DE VARIANTES */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal {
  display: grid;
  grid-template-columns:
    120px
    minmax(0, 1fr)
    minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--mdv-borde);
  border-radius: 12px;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal::before,
.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal::after {
  display: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal > div {
  float: none;
  width: auto !important;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal > .group-header {
  grid-column: 1 / -1;
}

/* TÍTULOS DE LAS VARIANTES */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .titulo_nodo_white,
.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .titulo_nodo_white h2 {
  margin: 0;
  padding: 0;
  background: transparent !important;
  color: var(--mdv-azul) !important;
  border: 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  overflow-wrap: anywhere;
}

/* IMÁGENES Y DATOS DE LAS VARIANTES */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .taxonomy-term.row {
  margin: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .bs-region {
  padding: 0;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal :is(
  .field-label-above,
  .node-taxonomy-container > h4
) {
  margin: 0 0 8px;
  color: var(--mdv-suave);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .node-taxonomy-container > h4 i {
  display: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .taxonomy-terms {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) > :is(
  .group-footer,
  .group-bar2
) > .ds-3col-stacked-equal .taxonomy-terms li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ENLACES ACCESIBLES */

.mini-ficha.ds-2col-stacked:is(
  .node--view-mode-full,
  .view-mode-full
) a:focus-visible {
  outline: 3px solid #277da8;
  outline-offset: 4px;
}

/* TABLET */

@media (max-width: 1100px) {
  .mini-ficha.ds-2col-stacked:is(
    .node--view-mode-full,
    .view-mode-full
  ) > .ds-four-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .mini-ficha.ds-2col-stacked:is(
    .node--view-mode-full,
    .view-mode-full
  ) > :is(
    .group-footer,
    .group-bar2
  ):has(> .ds-3col-stacked-equal) {
    grid-template-columns: 1fr;
  }
}

/* MÓVIL */

@media (max-width: 600px) {
  .mini-ficha.ds-2col-stacked:is(
    .node--view-mode-full,
    .view-mode-full
  ) > .ds-four-columns {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .mini-ficha.ds-2col-stacked:is(
    .node--view-mode-full,
    .view-mode-full
  ) > .ds-four-columns > .group-first {
    padding: 24px;
  }

  .mini-ficha.ds-2col-stacked:is(
    .node--view-mode-full,
    .view-mode-full
  ) > .ds-four-columns > .group-second {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--mdv-borde);
  }

  .mini-ficha.ds-2col-stacked:is(
    .node--view-mode-full,
    .view-mode-full
  ) > :is(
    .group-footer,
    .group-bar2
  ) > .ds-3col-stacked-equal {
    grid-template-columns:
      90px
      minmax(0, 1fr)
      minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }
}