/*
 * TEPLON · ajustes visuales para ir dentro de una página de WordPress.
 * Se carga DESPUÉS de styles.css (en app/embed.html). No modifica styles.css.
 */

/* Barra con el título «Configurador de alfombras TEPLON®»: oculta por defecto
   (la página de WordPress ya suele tener su propio título). */
html[data-tp-title="0"] .simulator-title {
  display: none;
}

/* Color de fondo personalizado (shortcode: fondo="…"). */
html[data-tp-bg] {
  --bg: var(--tp-bg);
}

html[data-tp-bg] body,
html[data-tp-bg] .app {
  background: var(--tp-bg);
}