/* Rediseño de fichas — "Editorial" (aprobado 2026-06).
 * Reduce el exceso de cajas: quita el bloque intro duplicado y des-encaja las
 * secciones (separadas por una línea fina), con una barra de acento en cada
 * título. Mantiene tipografía (Sora/Inter), colores, chips, barra lateral y las
 * comparativas como tarjetas. Se carga DESPUÉS de styles.css. */

/* 1) Quita el bloque que duplicaba el resumen */
.ficha-intro .official-tagline { display: none !important; }
.ficha-intro {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 2px 2px 0 !important;
  margin: 0 0 4px !important;
}

/* 2) Des-encaja las secciones: sin caja blanca, separadas por regla fina.
 *    Se conserva el padding inferior para el botón flotante "Mostrar más". */
.ficha-section {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #eef1f5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 2px 44px !important;
  margin: 0 !important;
}
.ficha-main-grid { gap: 0 !important; }
.ficha-main-grid > .ficha-section:first-of-type { border-top: 0 !important; }

/* 3) Barra de acento (color del bloque) delante de cada título de sección */
.ficha-section h3 {
  position: relative !important;
  padding-left: 13px !important;
}
.ficha-section h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  bottom: 3px !important;
  width: 3px !important;
  border-radius: 2px !important;
  background: var(--accent, #ec3f68) !important;
}