` (se vuelve un *container* de Elementor). Nada de contenido suelto fuera de un `

`. - Dentro de una sección, las **filas** de columnas = `

` con `display:flex`. Cada **columna** = un `

`. (fila → container flex row; columna → inner container). - El contenido atómico va en elementos que se mapean a **widgets core** de Elementor. Marcá cada uno con `data-el`: - Título → `` - Párrafo / texto rico → `

…

` - Imagen → `

` - Botón / CTA → `Texto` - Ícono → `` (usá Font Awesome solid, ícono único y contextual por item) - Ícono + título + texto → `

` con un icon, un heading y un text adentro - Imagen + título + texto → `

` - Lista con íconos → `

` · Video → `

` - Formulario → `

` con inputs (usá placeholders, sin labels visibles) - Redes → `

` con `` por red ## Anotaciones para editabilidad (clave) - Todo texto/imagen/link que el cliente vaya a editar: dejalo como contenido directo del elemento con su `data-el`. El conversor lo toma como valor por defecto editable. - Bloques **repetibles** (cards de servicios, slides, items de galería, features): envolvé cada item con `data-repeat="nombre-del-grupo"` (mismo nombre para todos los hermanos del grupo). Así se convierten en un repeater editable. - Slots de imagen sin foto final: `

`. Se importan después. ## Bloques especiales que NO encajan en widgets estándar Si un bloque es visualmente complejo o no estándar (un slider con un efecto particular, una animación de layout, un timeline, un gráfico, una composición que no es una grilla flex simple, un efecto visual especial), **NO lo fuerces** a la estructura de arriba ni lo simplifiques. Marcá su `

` con `data-custom="descripción de qué es el bloque"` y dejalo **autocontenido**: su propio HTML + su CSS scoped bajo una clase única (y `