/* Componentes exclusivos de Sitio web → Temáticas. */
.tema-fila { display: flex; align-items: center; gap: 12px; padding-right: 18px; }
.tema-fila > .fila { flex: 1; min-width: 0; }
.tema-acciones { display: flex; gap: 8px; flex: none; }
.tema-icono { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: var(--radio-sm); background: var(--hundido); }
.tema-previa { margin: 0 0 16px; height: 120px; border: 1px solid var(--linea); border-radius: var(--radio-sm); background: linear-gradient(to bottom, #fff 50%, #2E3034 50%); overflow: hidden; }
.tema-previa img { width: 100%; height: 100%; object-fit: contain; }
.tema-carga { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.tema-carga-previa { display: grid; place-items: center; width: 60px; height: 60px; flex: none; border: 1px solid var(--linea); border-radius: var(--radio-sm); background: var(--hundido); overflow: hidden; }
.tema-carga-previa img { width: 100%; height: 100%; object-fit: contain; }
[data-tema-form] input[name="color"] { width: 100%; height: 42px; padding: 5px 8px; }
@media (max-width: 640px) {
  .tema-fila { flex-wrap: wrap; gap: 0; padding: 0; }
  .tema-fila > .fila { flex-basis: 100%; }
  .tema-acciones { width: 100%; justify-content: flex-end; padding: 0 14px 14px; }
}