/*
 * HOVER – Descripciones SEO: estilo de las descripciones en la ficha de producto.
 * Todo está limitado a .hdseo-desc para no afectar a Astra, Elementor ni WooCommerce.
 * Usa los colores globales de Astra cuando existen (azul HOVER #0046be, amarillo #fff200).
 */
.hdseo-desc {
  --hdseo-primary: var(--ast-global-color-0, #0046be);
  --hdseo-accent: var(--ast-global-color-1, #fff200);
  --hdseo-text: var(--ast-global-color-3, #4b4f58);
  --hdseo-heading: var(--ast-global-color-7, #424242);
  --hdseo-surface: var(--ast-global-color-6, #f2f5f7);
  --hdseo-border: #e2e6ea;
  --hdseo-radius: 10px;
  color: var(--hdseo-text);
  line-height: 1.65;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.hdseo-desc .hdseo-sec {
  margin: 0 0 1.75em;
  padding: 0 0 1.5em;
  border-bottom: 1px solid var(--hdseo-border);
}

.hdseo-desc .hdseo-sec:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.hdseo-desc .hdseo-sec > h3 {
  position: relative;
  margin: 0 0 0.75em;
  padding-left: 0.75em;
  color: var(--hdseo-heading);
  font-size: clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
}

.hdseo-desc .hdseo-sec > h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 4px;
  border-radius: 2px;
  background: var(--hdseo-primary);
}

.hdseo-desc p {
  margin: 0 0 0.9em;
}

.hdseo-desc p:last-child {
  margin-bottom: 0;
}

.hdseo-desc .hdseo-list {
  margin: 0;
  padding: 0 0 0 1.25em;
}

.hdseo-desc .hdseo-list li {
  margin: 0 0 0.5em;
}

.hdseo-desc .hdseo-list--check {
  list-style: none;
  padding-left: 0;
}

.hdseo-desc .hdseo-list--check li {
  position: relative;
  padding-left: 1.85em;
}

/* Marca de verificación dibujada con CSS (sin emoji ni imágenes). */
.hdseo-desc .hdseo-list--check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 1.15em;
  height: 1.15em;
  border-radius: 50%;
  background: var(--hdseo-primary);
}

.hdseo-desc .hdseo-list--check li::after {
  content: "";
  position: absolute;
  left: 0.4em;
  top: 0.48em;
  width: 0.32em;
  height: 0.6em;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.hdseo-desc .hdseo-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--hdseo-border);
  border-radius: var(--hdseo-radius);
}

.hdseo-desc .hdseo-specs {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 0.95em;
}

.hdseo-desc .hdseo-specs caption {
  /* Visible para lectores de pantalla, oculto visualmente (la sección ya tiene título). */
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.hdseo-desc .hdseo-specs th,
.hdseo-desc .hdseo-specs td {
  padding: 0.7em 1em;
  border: 0;
  border-bottom: 1px solid var(--hdseo-border);
  text-align: left;
  vertical-align: top;
}

.hdseo-desc .hdseo-specs tr:last-child th,
.hdseo-desc .hdseo-specs tr:last-child td {
  border-bottom: 0;
}

.hdseo-desc .hdseo-specs th {
  width: 40%;
  background: var(--hdseo-surface);
  color: var(--hdseo-heading);
  font-weight: 600;
}

.hdseo-desc .hdseo-sec--why {
  padding: 1.25em 1.5em;
  border: 1px solid var(--hdseo-border);
  border-left: 5px solid var(--hdseo-accent);
  border-radius: var(--hdseo-radius);
  background: var(--hdseo-surface);
}

.hdseo-desc .hdseo-sec--why:last-child {
  padding-bottom: 1.25em;
  border-bottom: 1px solid var(--hdseo-border);
}

@media (max-width: 544px) {
  .hdseo-desc .hdseo-specs th,
  .hdseo-desc .hdseo-specs td {
    display: block;
    width: auto;
  }

  .hdseo-desc .hdseo-specs th {
    border-bottom: 0;
    padding-bottom: 0.2em;
  }

  .hdseo-desc .hdseo-specs td {
    padding-top: 0.2em;
  }

  .hdseo-desc .hdseo-sec--why {
    padding: 1em 1.1em;
  }
}

@media print {
  .hdseo-desc .hdseo-sec--why {
    border-left-color: #999;
    background: none;
  }
}

/* ─── v1.0.4 · cinco diseños por familia, sin tocar estilos del tema ─── */
.hdseo-short {
  padding: .8em 1em;
  margin: 0 0 1em;
  border-radius: 0 9px 9px 0;
  border-left: 4px solid #0046be;
  background: #f5f8ff;
  color: #24354d;
  line-height: 1.65;
}
.hdseo-short--printers { background: #f3fbf9; border-left-color: #168b7c; }
.hdseo-short--peripherals { background: #f8f6ff; border-left-color: #7956bc; }
.hdseo-short--laptops { background: #f4f7fb; border-left-color: #174b88; }
.hdseo-short--networks { background: #f0f8ff; border-left-color: #087eab; }
.hdseo-desc:not(.hdseo-desc--general) {
  --hdseo-primary: #0046be;
  --hdseo-accent: #fff200;
  --hdseo-heading: #182e49;
  --hdseo-text: #3d4d62;
  --hdseo-surface: #f6f8fc;
  --hdseo-border: #e1e8f1;
}
.hdseo-desc .hdseo-hero {
  margin: 0 0 1.35em;
  padding: 1.3em 1.5em;
  background: #f2f6ff;
  border: 1px solid #e1eaff;
  border-radius: 12px;
}
.hdseo-desc .hdseo-hero .hdseo-eyebrow {
  display: inline-block;
  margin-bottom: .65em;
  color: #0046be;
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.hdseo-desc .hdseo-hero h3 {
  margin: 0;
  font-size: clamp(1.17rem, 1.1rem + .55vw, 1.55rem);
  font-weight: 750;
  line-height: 1.35;
  color: #162f53;
}
.hdseo-desc .hdseo-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75em;
  margin: 0 0 1.6em;
}
.hdseo-desc .hdseo-highlight {
  min-width: 0;
  padding: 1em 1.1em;
  background: #f6f9ff;
  border: 1px solid #e1e9f5;
  border-radius: 10px;
}
.hdseo-desc .hdseo-highlight__label {
  display: block;
  margin-bottom: .4em;
  font-size: .77em;
  font-weight: 650;
  letter-spacing: .02em;
  color: #526780;
}
.hdseo-desc .hdseo-highlight__value {
  display: block;
  font-size: clamp(.93rem, .90rem + .18vw, 1.09rem);
  line-height: 1.4;
  color: #173454;
  font-weight: 700;
}
/* Cámaras: bloque destacado con banda de alarma y tarjetas azules. */
.hdseo-desc--cameras .hdseo-hero {
  background: linear-gradient(125deg, #092d6a, #0046be);
  border: 0;
  border-bottom: 5px solid #fff200;
}
.hdseo-desc--cameras .hdseo-hero h3,
.hdseo-desc--cameras .hdseo-hero .hdseo-eyebrow { color: #fff; }
.hdseo-desc--cameras .hdseo-highlight {
  background: #f1f6ff;
  border-top: 3px solid #0046be;
}
.hdseo-desc--cameras .hdseo-sec--applications {
  padding: 1.15em 1.4em;
  border-radius: 10px;
  background: #f2f7ff;
}
/* Laptops: cabecera oscura, ficha comparativa por módulos. */
.hdseo-desc--laptops .hdseo-hero {
  background: #172638;
  border-bottom: 4px solid #fff200;
}
.hdseo-desc--laptops .hdseo-hero h3 { color: #fff; }
.hdseo-desc--laptops .hdseo-hero .hdseo-eyebrow { color: #fff200; }
.hdseo-desc--laptops .hdseo-highlight {
  border: 1px solid #dbe4f2;
  border-left: 4px solid #0046be;
  background: #fff;
}
.hdseo-desc--laptops .hdseo-sec--benefits .hdseo-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75em;
  list-style: none;
  padding: 0;
}
.hdseo-desc--laptops .hdseo-sec--benefits .hdseo-list li {
  margin: 0;
  padding: 1em;
  border: 1px solid #dfe8f1;
  border-radius: 8px;
  background: #f8fafc;
}
/* Redes: panel de métricas técnico, cabecera con regla lateral. */
.hdseo-desc--networks .hdseo-hero {
  border-left: 6px solid #087eab;
  background: #edf8fc;
}
.hdseo-desc--networks .hdseo-highlight {
  background: #073961;
  border: 1px solid #125478;
}
.hdseo-desc--networks .hdseo-highlight__value { color: #fff; }
.hdseo-desc--networks .hdseo-highlight__label { color: #c8e6f6; }
.hdseo-desc--networks .hdseo-sec--features .hdseo-list--check {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6em 1em;
}
/* Impresión: aspecto catálogo corporativo verde azulado. */
.hdseo-desc--printers .hdseo-hero { border-top: 4px solid #168b7c; background: #f0f9f7; }
.hdseo-desc--printers .hdseo-eyebrow { color: #147e71; }
.hdseo-desc--printers .hdseo-highlight {
  background: #fff;
  border: 1px solid #cce7e1;
  box-shadow: 0 4px 12px rgb(17 96 85 / 6%);
}
.hdseo-desc--printers .hdseo-sec--benefits {
  padding: 1.2em 1.4em;
  border-radius: 10px;
  background: #f2faf7;
}
.hdseo-desc--printers .hdseo-sec--benefits > h3::before { background: #168b7c; }
/* Periféricos: presentación ligera y compacta, tarjetas tipo etiqueta. */
.hdseo-desc--peripherals .hdseo-hero { background: #f7f4ff; border-left: 5px solid #7956bc; }
.hdseo-desc--peripherals .hdseo-hero .hdseo-eyebrow { color: #7956bc; }
.hdseo-desc--peripherals .hdseo-highlights { display: flex; flex-wrap: wrap; }
.hdseo-desc--peripherals .hdseo-highlight {
  flex: 1 1 170px;
  border-radius: 16px;
  border: 1px solid #ddd4f1;
  background: #faf8ff;
}
.hdseo-desc--peripherals .hdseo-sec--applications .hdseo-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  padding: 0;
  list-style: none;
}
.hdseo-desc--peripherals .hdseo-sec--applications .hdseo-list li {
  margin: 0;
  background: #f2effa;
  border-radius: 30px;
  padding: .35em .8em;
}
@media (max-width: 640px) {
  .hdseo-desc .hdseo-highlights,
  .hdseo-desc--laptops .hdseo-sec--benefits .hdseo-list,
  .hdseo-desc--networks .hdseo-sec--features .hdseo-list--check {
    grid-template-columns: 1fr;
  }
  .hdseo-desc .hdseo-hero { padding: 1em 1.1em; }
  .hdseo-desc--peripherals .hdseo-highlights { display: block; }
  .hdseo-desc--peripherals .hdseo-highlight { margin-bottom: .6em; }
}
@media (prefers-reduced-motion: reduce) {
  .hdseo-desc * { scroll-behavior: auto; }
}
@media print {
  .hdseo-desc--cameras .hdseo-hero,
  .hdseo-desc--laptops .hdseo-hero,
  .hdseo-desc--networks .hdseo-highlight { background: #fff; color: #111; border: 1px solid #bbb; }
  .hdseo-desc--cameras .hdseo-hero h3,
  .hdseo-desc--laptops .hdseo-hero h3,
  .hdseo-desc--networks .hdseo-highlight__value { color: #111; }
}

/* ═══════════════════════════════════════════════════════════════════════════
 * v1.0.5 · Maquetación de ficha profesional a ancho completo.
 * Solo CSS: se aplica igual a las descripciones ya aplicadas y a las propuestas,
 * sin regenerar (sin costo de API) y sin cambiar el HTML guardado en los productos.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Plantilla de Elementor: la sección que contiene la descripción de HOVER
 *    apila sus columnas a ancho completo (antes: «Información adicional» 70 % +
 *    pestañas 30 %, que dejaba la descripción en una franja estrecha a la derecha).
 *    Solo afecta a la sección que contiene .hdseo-desc; el resto de la tienda no cambia. */
.elementor-section:has(.hdseo-desc) > .elementor-container {
  flex-wrap: wrap;
}
.elementor-section:has(.hdseo-desc) > .elementor-container > .elementor-column {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
/* La columna con la descripción va primero, justo debajo de la zona de compra. */
.elementor-section:has(.hdseo-desc) > .elementor-container > .elementor-column:has(.hdseo-desc) {
  order: -1;
}
/* Columna hermana sin contenido visible (p. ej. «Información adicional» sin atributos): no ocupa espacio. */
.elementor-section:has(.hdseo-desc) > .elementor-container > .elementor-column:not(:has(.hdseo-desc)):not(:has(table, p, ul, ol, img, h2, h3, a, form, iframe)) {
  display: none;
}
/* Mismo arreglo para plantillas con contenedores flexbox de Elementor. */
.e-con:has(> .e-con .hdseo-desc),
.e-con:has(> .e-con-inner > .e-con .hdseo-desc) {
  flex-direction: column;
  flex-wrap: nowrap;
}
.e-con:has(> .e-con .hdseo-desc) > .e-con,
.e-con:has(> .e-con-inner > .e-con .hdseo-desc) > .e-con-inner > .e-con {
  --width: 100%;
  width: 100%;
  max-width: 100%;
}
.e-con:has(> .e-con .hdseo-desc) > .e-con:has(.hdseo-desc),
.e-con:has(> .e-con-inner > .e-con .hdseo-desc) > .e-con-inner > .e-con:has(.hdseo-desc) {
  order: -1;
}

/* 2. Pestañas de WooCommerce / Elementor: el panel de la descripción usa todo el ancho. */
.woocommerce-tabs:has(.hdseo-desc),
.woocommerce-tabs .woocommerce-Tabs-panel:has(.hdseo-desc) {
  width: 100%;
  max-width: none;
  float: none;
}
/* En celular, los rellenos acumulados de sección + columna + panel (≈110 px) dejaban la ficha en ~280 px. */
@media (max-width: 767px) {
  .elementor-section:has(.hdseo-desc) > .elementor-container > .elementor-column:has(.hdseo-desc) > .elementor-widget-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  /* Supera a «.woocommerce div.product.elementor .woocommerce-tabs .panel» (Elementor Pro) sin !important. */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel:has(> .hdseo-desc) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* El título «Descripción» del panel repite la pestaña: se oculta a la vista, no a los lectores de pantalla. */
.woocommerce-Tabs-panel--description:has(> .hdseo-desc) > h2:first-child {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* 3. Base de la ficha: aísla la descripción de márgenes, flotados y tablas del tema. */
.hdseo-desc {
  container: hdseo / inline-size;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  float: none;
  font-size: 15px;
}
.hdseo-desc,
.hdseo-desc *,
.hdseo-desc *::before,
.hdseo-desc *::after {
  box-sizing: border-box;
}
.hdseo-desc ul.hdseo-list {
  margin: 0;
  padding: 0;
}
.hdseo-desc ul.hdseo-list li {
  list-style: none;
}
.hdseo-desc ul.hdseo-list:not(.hdseo-list--check) li {
  position: relative;
  padding-left: 1.1em;
}
.hdseo-desc ul.hdseo-list:not(.hdseo-list--check) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0.45em;
  height: 0.45em;
  border-radius: 2px;
  background: var(--hdseo-primary);
}
.hdseo-desc .hdseo-sec--intro p {
  max-width: 78ch;
  font-size: 1.02em;
}

/* 4. Títulos corporativos y separación entre secciones. */
.hdseo-desc .hdseo-sec {
  margin: 0 0 2em;
  padding: 0 0 2em;
  border-bottom: 1px solid var(--hdseo-border);
}
.hdseo-desc .hdseo-sec > h3 {
  margin: 0 0 1em;
  padding: 0 0 0.55em 0.85em;
  border-bottom: 1px solid var(--hdseo-border);
  color: var(--hdseo-heading);
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3;
}
.hdseo-desc .hdseo-sec > h3::before {
  top: 0.1em;
  bottom: 0.65em;
  width: 5px;
  background: var(--hdseo-primary);
}
/* Detalle amarillo HOVER bajo cada título. */
.hdseo-desc .hdseo-sec > h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 64px;
  height: 3px;
  border-radius: 2px;
  background: var(--hdseo-accent);
}
.hdseo-desc .hdseo-hero {
  margin-bottom: 1.75em;
  padding: 1.5em 1.75em;
}

/* 5. Tarjetas de datos destacados: 2 columnas en celular, 4 en escritorio. */
.hdseo-desc .hdseo-highlights,
.hdseo-desc--peripherals .hdseo-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75em;
  margin: 0 0 2em;
}
.hdseo-desc .hdseo-highlight,
.hdseo-desc--peripherals .hdseo-highlight {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  margin: 0;
  padding: 1em 1.1em;
}
.hdseo-desc .hdseo-highlight__value {
  overflow-wrap: anywhere;
}

/* 6. Características principales como tarjetas: 1 → 2 → 4 columnas según el espacio. */
.hdseo-desc .hdseo-sec--features ul.hdseo-list--check {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75em;
  padding: 0;
}
.hdseo-desc .hdseo-sec--features ul.hdseo-list--check li {
  margin: 0;
  padding: 0.95em 1em 0.95em 2.9em;
  border: 1px solid var(--hdseo-border);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgb(0 40 100 / 5%);
  line-height: 1.45;
}
.hdseo-desc .hdseo-sec--features ul.hdseo-list--check li::before {
  left: 0.95em;
  top: 1em;
}
.hdseo-desc .hdseo-sec--features ul.hdseo-list--check li::after {
  left: 1.35em;
  top: 1.18em;
}

/* 7. Beneficios como bloques con acento amarillo. */
.hdseo-desc .hdseo-sec--benefits ul.hdseo-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75em;
  padding: 0;
}
.hdseo-desc .hdseo-sec--benefits ul.hdseo-list li {
  margin: 0;
  padding: 0.95em 1.1em;
  border: 1px solid var(--hdseo-border);
  border-left: 4px solid var(--hdseo-accent);
  border-radius: 8px;
  background: var(--hdseo-surface);
}
.hdseo-desc .hdseo-sec--benefits ul.hdseo-list li::before {
  display: none;
}

/* 8. Aplicaciones como etiquetas. */
.hdseo-desc .hdseo-sec--applications ul.hdseo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  padding: 0;
}
.hdseo-desc .hdseo-sec--applications ul.hdseo-list li {
  margin: 0;
  padding: 0.45em 0.95em;
  border: 1px solid var(--hdseo-border);
  border-radius: 999px;
  background: #fff;
  font-weight: 500;
}
.hdseo-desc .hdseo-sec--applications ul.hdseo-list li::before {
  display: none;
}

/* 9. Especificaciones técnicas: tabla amplia; filas apiladas solo cuando el espacio es estrecho. */
.hdseo-desc .hdseo-table-wrap {
  width: 100%;
  margin: 0;
  overflow-x: auto;
  border: 1px solid var(--hdseo-border);
  border-radius: 10px;
  background: #fff;
}
.hdseo-desc table.hdseo-specs {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 0.95em;
}
.hdseo-desc table.hdseo-specs th,
.hdseo-desc table.hdseo-specs td {
  display: table-cell;
  padding: 0.85em 1.25em;
  border: 0;
  border-bottom: 1px solid var(--hdseo-border);
  text-align: left;
  vertical-align: top;
  background: transparent;
}
.hdseo-desc table.hdseo-specs th {
  width: 34%;
  background: var(--hdseo-surface);
  color: var(--hdseo-heading);
  font-weight: 600;
}
.hdseo-desc table.hdseo-specs tr:nth-child(even) td {
  background: #fafbfd;
}
.hdseo-desc table.hdseo-specs tr:last-child th,
.hdseo-desc table.hdseo-specs tr:last-child td {
  border-bottom: 0;
}

/* 10. «¿Por qué comprar en HOVER?»: banda corporativa con ventajas en columnas. */
.hdseo-desc .hdseo-sec--why {
  padding: 1.5em 1.75em;
  border: 1px solid var(--hdseo-border);
  border-left: 5px solid var(--hdseo-accent);
  border-radius: 12px;
  background: var(--hdseo-surface);
}
.hdseo-desc .hdseo-sec--why ul.hdseo-list--check {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.6em 1.5em;
  padding: 0;
}
.hdseo-desc .hdseo-sec--why ul.hdseo-list--check li {
  margin: 0;
}

/* 11. Ajustes por ancho real de la descripción (no del navegador): funciona igual
 *     dentro de una columna estrecha, de las pestañas o de la vista previa del panel. */
@container hdseo (max-width: 259px) {
  .hdseo-desc .hdseo-highlights,
  .hdseo-desc--peripherals .hdseo-highlights {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container hdseo (min-width: 260px) {
  .hdseo-desc--peripherals .hdseo-highlights {
    display: grid;
  }
  .hdseo-desc--peripherals .hdseo-highlight {
    margin-bottom: 0;
  }
}
@container hdseo (max-width: 479px) {
  .hdseo-desc .hdseo-hero {
    padding: 1.1em 1.15em;
  }
  .hdseo-desc .hdseo-sec--why {
    padding: 1.15em 1.15em;
  }
  .hdseo-desc table.hdseo-specs th,
  .hdseo-desc table.hdseo-specs td {
    display: block;
    width: auto;
    padding: 0.5em 1em;
  }
  .hdseo-desc table.hdseo-specs th {
    padding-bottom: 0.15em;
    border-bottom: 0;
  }
  .hdseo-desc table.hdseo-specs td {
    padding-top: 0.15em;
  }
  .hdseo-desc table.hdseo-specs tr:nth-child(even) td {
    background: transparent;
  }
}
@container hdseo (min-width: 520px) {
  .hdseo-desc .hdseo-sec--features ul.hdseo-list--check,
  .hdseo-desc .hdseo-sec--benefits ul.hdseo-list,
  .hdseo-desc .hdseo-sec--why ul.hdseo-list--check {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container hdseo (min-width: 760px) {
  .hdseo-desc .hdseo-highlights,
  .hdseo-desc--peripherals .hdseo-highlights {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .hdseo-desc {
    font-size: 15.5px;
  }
}
@container hdseo (min-width: 960px) {
  .hdseo-desc .hdseo-sec--features ul.hdseo-list--check,
  .hdseo-desc .hdseo-sec--why ul.hdseo-list--check {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .hdseo-desc .hdseo-sec--benefits ul.hdseo-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hdseo-desc .hdseo-hero {
    padding: 1.75em 2em;
  }
}

/* 12. Descripción corta junto al precio: integrada en la zona de compra, sin caja aparte. */
.woocommerce-product-details__short-description .hdseo-short,
.elementor-widget-woocommerce-product-short-description .hdseo-short {
  margin: 0.5em 0 1em;
  padding: 0.1em 0 0.1em 0.9em;
  border-radius: 0;
  border-left-width: 3px;
  background: none;
  /* Color explícito: el tema pinta en blanco .woocommerce-product-details__short-description. */
  color: var(--ast-global-color-3, #4b4f58);
  font-size: 0.95em;
  line-height: 1.6;
}

@media print {
  .hdseo-desc .hdseo-sec--features ul.hdseo-list--check li,
  .hdseo-desc .hdseo-sec--benefits ul.hdseo-list li {
    box-shadow: none;
    background: #fff;
  }
}

/* v1.0.7 — Enlaces SEO a categorías existentes y documentación oficial. */
.woocommerce .product .hdseo-auto-seo-links,
.hdseo-desc + .hdseo-auto-seo-links {
  margin: 1.7em 0 0;
  padding: 1em 1.3em;
  background: #f4f7fc;
  border: 1px solid #dce6f9;
  border-left: 4px solid #0046be;
  border-radius: 8px;
  max-width: 100%;
}
.woocommerce .product .hdseo-auto-seo-links h3 {
  margin: 0 0 .65em;
  color: #00388c;
  font-size: 1.1em;
}
.woocommerce .product .hdseo-auto-seo-links ul {
  margin: 0;
  padding-left: 1.4em;
}
.woocommerce .product .hdseo-auto-seo-links li { margin: .3em 0; }
.woocommerce .product .hdseo-auto-seo-links a { color: #0046be; text-decoration: underline; }