/* Pestaña de columnas: layout según formato de pestañas (horizontal/vertical) */
.c-block-tabs__content .c-block-tabs--horizontal.c-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.c-card-set .c-group {
  /* En front usamos inline-block + widths en % (como en D8)
     para que 6 tarjetas 1/6 entren en una fila. */
  text-align: left;
}
.c-block-tabs__content .c-block-tabs--vertical.c-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Vista pública: anchos de tarjetas dentro de .c-card-set (misma lógica que en D8).
   Usamos inline-block con márgenes laterales del 1% para que 6 tarjetas 1/6 quepan. */
.c-card-set .c-group .c-card {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 1% 50px;
  width: 98%; /* por defecto a toda fila */
}

/* En card-set, todas las tarjetas deben arrancar a la misma altura.
   Anulamos el margen superior que el tema aplica a .c-group .c-card + .c-card */
.c-card-set .c-group .c-card + .c-card {
  margin-top: 0;
}
/* 1/6 más pequeña que 1/5 y 1/4; proporciones diferenciadas (6×13% + márgenes caben en fila) */
.c-card-set .c-group .c-card.one-sixth    { width: 13%; }
.c-card-set .c-group .c-card.one-fifth    { width: 18%; }
.c-card-set .c-group .c-card.quarter      { width: 23%; }
.c-card-set .c-group .c-card.two-sixths   { width: 31.333%; }
.c-card-set .c-group .c-card.three-sixths { width: 48%; }
.c-card-set .c-group .c-card.four-sixths  { width: 64.666%; }
.c-card-set .c-group .c-card.five-sixths  { width: 81.333%; }
.c-card-set .c-group .c-card.six-sixths   { width: 98%; }

/* La tarjeta completa puede ir envuelta en .c-card__a. Evitamos que el color
   global de enlaces del tema vuelva azul el contenido por defecto. */
.c-card > a.c-card__a,
.c-card > a.c-card__a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

/* Paridad editor/front para encabezados dentro de tarjeta:
   - en front el tema los pintaba azul por defecto
   - el primer/ultimo hijo recibia margenes extra
   - Gutenberg anade padding a h1..h6.has-background al guardar */
.c-card .c-card__item-wrapper h1:not(.has-text-color),
.c-card .c-card__item-wrapper h2:not(.has-text-color),
.c-card .c-card__item-wrapper h3:not(.has-text-color),
.c-card .c-card__item-wrapper h4:not(.has-text-color),
.c-card .c-card__item-wrapper h5:not(.has-text-color),
.c-card .c-card__item-wrapper h6:not(.has-text-color) {
  color: #333 !important;
}

.c-card .c-card__item-wrapper h1,
.c-card .c-card__item-wrapper h2,
.c-card .c-card__item-wrapper h3,
.c-card .c-card__item-wrapper h4,
.c-card .c-card__item-wrapper h5,
.c-card .c-card__item-wrapper h6 {
  margin: 0 !important;
  padding: 0 !important;
  display: block;
}

/* Ritmo vertical: lo da el padding de .c-card__item-wrapper; sin margen en títulos
   para tarjetas solo con encabezado (centrado visual con el fondo). */
.c-card .c-card__item-wrapper h1.has-background,
.c-card .c-card__item-wrapper h2.has-background,
.c-card .c-card__item-wrapper h3.has-background,
.c-card .c-card__item-wrapper h4.has-background,
.c-card .c-card__item-wrapper h5.has-background,
.c-card .c-card__item-wrapper h6.has-background {
  padding: 0 !important;
}

/* Iconos del selector "Tamaño (ancho)" más pequeños para que quepan las 8 opciones en el panel */
.c-card-size-toolbar .components-toolbar__control,
.c-card-size-control .components-toolbar__control {
  min-width: 20px;
  padding: 0;
}
.c-card-size-toolbar svg,
.c-card-size-control svg {
  width: 16px !important;
  height: 16px !important;
}

/* Gutenberg aplica padding/min-width a los botones en toolbars accesibles */
.c-card-size-toolbar .components-accessible-toolbar .components-button,
.c-card-size-control .components-accessible-toolbar .components-button,
.c-card-size-toolbar .components-button.has-icon,
.c-card-size-control .components-button.has-icon {
  min-width: 20px !important;
  padding: 0 !important;
  height: 32px !important;
  box-sizing: border-box !important;
}