FRONT - CSS + EDIT PÁGINA PRODUCTO

[huleim]

Quero que formatees con CSS as descripcións de producto un pouco:

• Espaciado entre párrafos, que respiren algo os textos
• As listas
  , que os elementos
  • en forma de viñeta se mostren como un check verde como este ✅. Si atopas outro icono interesante para poñer no sitio, acepto perfectamente! :)
  • Facer a caixa de precio un pouco máis grand, e a de desconto tamén
  • Poñer debaixo do precio (si hai desconto) un carteliño con fondo verde e texto centrado que diga "ESTÁS AHORRANDO XXX€"

  Outros detalles:

  • Na descripción larga, antes dela, quería que aparecese un título que poña "DESCRIPCIÓN AMPLIADA SOBRE {NombreProducto}". O título que o poña dentro dun rectángulo con bordes ou algo así que quede curioso, en maíusculas e centrado. E que teña margen con respecto aos elementos superiores e tamén con respecto ao elemento inferior (descripción larga).
  • Cambiar texto "Características" por "Detalles técnicos". Aplicar mismo CSS que ao título do punto anterior para que concorden

[freyca]

Deixo a seguinte páxina como mostra:
https://prod.cuentamemilongas.com/producto/motoazada-europa-900-roteco-70hp-85cm-incluye-ruedas-y-asurcador

Espaciado entre párrafos, que respiren algo os textos

Esto o ideal e fecelo no editor, e ir vendo como queda no fronta.
Eu podería poñer que a separación entre

sexa de X px, pero iso afectará a todos, e non é o que queres
Tamén se podería poñer que esos párrafos teñan unha "clase" css e eu selecciónoos por esa clase

que os elementos en forma de viñeta se mostren como un check verde como este ✅. Si atopas outro icono interesante para poñer no sitio, acepto perfectamente! :)

Púxenlles o icono ✓ en cor verde #228B22
Eu non son deseñador, non sei disto, pero o que ti me dixeche resultábame demasiado llamativo
Podo cambialo sen fallo
Están só na curta de momento, para que poidas comparar coa larga