/* ARCHIVO GENERADO por scripts/blindar-css.mjs desde preview/home/assets/css/categoria.css.
   No editar aquí: editar el preview y volver a generar. La primera clase de cada
   selector va duplicada a propósito para ganar al kit de Elementor. */

/* =========================================================================
   Categoría — Grupo Dov  (assets/css/page-categoria.css en el child theme)
   =========================================================================

   Plantilla GLOBAL de las páginas de categoría de WooCommerce: la misma para
   todas, con el contenido en campos de la categoría (Secure Custom Fields).
   Es la página que POSICIONA (la tienda solo navega).

   Reutiliza lo que ya existe: encabezado, migas y tarjeta «a la medida»
   (tienda.css), tarjeta de producto y preguntas (catalogo.css). Aquí solo está
   lo propio: acciones del encabezado, lista de criterios y otras categorías.
   Cada sección se imprime solo si su campo tiene contenido.
   ========================================================================= */

/* ---- Encabezado: acciones --------------------------------------------- */

.gd-cat-acciones.gd-cat-acciones { display: flex; flex-wrap: wrap; gap: var(--gd-e-3); margin-top: var(--gd-e-5); }
.gd-cat-acciones.gd-cat-acciones .gd-boton { font-size: var(--gd-t-base); padding: var(--gd-e-4) var(--gd-e-6); }
.gd-cat-acciones.gd-cat-acciones .gd-boton svg { width: 18px; height: 18px; flex: none; }
.gd-tienda-cabeza.gd-tienda-cabeza .gd-boton.gd-boton--secundario {
  color: var(--gd-blanco);
  border-color: rgba(255, 255, 255, 0.45);
  background: transparent;
}
.gd-tienda-cabeza.gd-tienda-cabeza .gd-boton.gd-boton--secundario:hover {
  color: var(--gd-blanco);
  border-color: var(--gd-blanco);
  background: rgba(255, 255, 255, 0.08);
}

/* ---- Modelos ----------------------------------------------------------- */

.gd-modelos.gd-modelos { padding-block: var(--gd-e-7) var(--gd-e-8); background: var(--gd-acero-50); }
.gd-modelos.gd-modelos .gd-grupo__cabeza { margin-bottom: var(--gd-e-5); }
.gd-modelos.gd-modelos .gd-grupo__titulo { flex-wrap: wrap; row-gap: 2px; }
.gd-modelos.gd-modelos .gd-grupo__cuenta { white-space: nowrap; }

/* ---- Cómo elegir: criterios numerados ---------------------------------- */

.gd-guia.gd-guia { padding-block: var(--gd-e-8); background: var(--gd-blanco); }
.gd-guia__cabeza.gd-guia__cabeza { max-width: 62ch; margin-bottom: var(--gd-e-6); }
.gd-guia__cabeza.gd-guia__cabeza .gd-titulo { margin: 0; }

.gd-guia__lista.gd-guia__lista {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gd-e-5);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: criterio;
}
.gd-criterio.gd-criterio {
  position: relative;
  padding: var(--gd-e-6);
  background: var(--gd-acero-50);
  border: 1px solid var(--gd-acero-200);
  border-radius: var(--gd-radio-md);
  counter-increment: criterio;
}
.gd-criterio.gd-criterio::before {                    /* canto amarillo, como las tarjetas del sistema */
  content: "";
  position: absolute;
  left: var(--gd-e-6);
  top: -1px;
  width: 36px;
  height: 4px;
  background: var(--gd-amarillo);
}
.gd-criterio__numero.gd-criterio__numero {
  display: block;
  margin-bottom: var(--gd-e-3);
  font-family: var(--gd-fuente-titular);
  font-weight: 800;
  font-size: var(--gd-t-h3);
  line-height: 1;
  color: var(--gd-acero-300);
}
.gd-criterio__numero.gd-criterio__numero::before { content: counter(criterio, decimal-leading-zero); }
.gd-criterio.gd-criterio h3 { margin: 0 0 var(--gd-e-2); font-size: var(--gd-t-h4); color: var(--gd-marino); }
.gd-criterio.gd-criterio p { margin: 0; color: var(--gd-texto); line-height: 1.65; }
.gd-criterio.gd-criterio a { color: var(--gd-enlace); }
.gd-criterio__texto.gd-criterio__texto p + p, .gd-categoria.gd-categoria .gd-pregunta__respuesta p + p { margin-top: var(--gd-e-3); }

/* ---- Tarjeta «a la medida» dentro de la categoría ---------------------- */

.gd-categoria.gd-categoria .gd-franja-medida { background: var(--gd-blanco); padding-block: 0 var(--gd-e-8); }

/* ---- Preguntas: la sección alterna con el fondo gris -------------------- */

.gd-categoria.gd-categoria .gd-cat-faq { background: var(--gd-acero-50); }

/* ---- Otras categorías --------------------------------------------------- */

.gd-otras.gd-otras { padding-block: var(--gd-e-8); background: var(--gd-blanco); }
.gd-otras__cabeza.gd-otras__cabeza { margin-bottom: var(--gd-e-5); }
.gd-otras__cabeza.gd-otras__cabeza .gd-titulo { margin: 0; }
.gd-otras__lista.gd-otras__lista {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gd-e-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.gd-otras__enlace.gd-otras__enlace {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gd-e-4);
  height: 100%;
  padding: var(--gd-e-5) var(--gd-e-5);
  border: 1px solid var(--gd-acero-200);
  border-radius: var(--gd-radio-md);
  background: var(--gd-blanco);
  text-decoration: none;
  transition: border-color var(--gd-transicion), background var(--gd-transicion), transform var(--gd-transicion);
}
.gd-otras__enlace.gd-otras__enlace:hover { border-color: var(--gd-marino); background: var(--gd-acero-50); transform: translateY(-2px); }
.gd-otras__enlace.gd-otras__enlace:focus-visible { outline: 3px solid var(--gd-enlace); outline-offset: 2px; }
.gd-otras__nombre.gd-otras__nombre { display: block; font-family: var(--gd-fuente-titular); font-weight: 700; font-size: var(--gd-t-h4); line-height: 1.25; color: var(--gd-marino); }
.gd-otras__cuenta.gd-otras__cuenta { display: block; margin-top: 2px; font-size: var(--gd-t-menor); color: var(--gd-texto-suave); }
.gd-otras__enlace.gd-otras__enlace svg { flex: none; width: 22px; height: 22px; color: var(--gd-marino); }

/* ---- Pantallas pequeñas -------------------------------------------------- */

@media (max-width: 960px) {
  .gd-guia__lista.gd-guia__lista { grid-template-columns: minmax(0, 1fr); }
  .gd-otras__lista.gd-otras__lista { grid-template-columns: minmax(0, 1fr); gap: var(--gd-e-3); }
  .gd-cat-acciones.gd-cat-acciones .gd-boton { flex: 1 1 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .gd-otras__enlace.gd-otras__enlace { transition: none; }
  .gd-otras__enlace.gd-otras__enlace:hover { transform: none; }
}