libreria-astro-lefebvre 0.2.13 → 0.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Astro/Contenido_2026_Sevilla.astro +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.2.13",
3
+ "version": "0.2.16",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
package/src/components/Astro/Contenido_2026_Sevilla.astro CHANGED
@@ -43,6 +43,7 @@ const imageSkyscraper = crops['skyscraper'] || ''; // Disponible para uso en el
43
43
  const imageUrl = imageBase || extractImageUrl(image);
44
44
  ---
45
45
 
46
+ <div class="w-full py-16 bg-[#F2EEE1]">
46
47
  <section class="w-full max-w-[1200px] mx-auto flex items-center justify-center px-8 md:px-0">
47
48
  {showImage ? (
48
49
  <article class={`w-full flex flex-col items-center justify-center py-6`}>
@@ -103,7 +104,7 @@ const imageUrl = imageBase || extractImageUrl(image);
103
104
  )}
104
105
 
105
106
  <div class={`w-full lg:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
106
- <img src={imageUrl} alt={title} width="600" height="450" class="max-w-xl w-full h-auto object-cover rounded-none md:rounded-2xl m-auto aspect-auto lg:aspect-[58/54]" loading={loading} />
107
+ <img src={imageUrl} alt={title} width="600" height="450" class={`max-w-xl w-full h-auto object-cover rounded-[40px] ${orientation === 'left' ? '[transform:perspective(1000px)_rotateY(-7deg)]' : '[transform:perspective(1000px)_rotateY(7deg)]'} m-auto aspect-auto lg:aspect-[58/54]`} loading={loading} />
107
108
  </div>
108
109
 
109
110
  {/* <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'} aspect-square`}>
@@ -169,7 +170,7 @@ const imageUrl = imageBase || extractImageUrl(image);
169
170
  </article>
170
171
  )}
171
172
  </section>
172
-
173
+ </div>
173
174
  <div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-[#ebe7da]/60 backdrop-blur-sm flex items-center justify-center">
174
175
  <div class="flex flex-col w-full md:w-4/5 max-w-[1000px] max-h-[calc(100vh-96px)] m-auto p-4 rounded-2xl bg-white shadow-lg border border-[#e1c8b4] overflow-y-auto modal-guia">
175
176
  <div class="w-full flex justify-end">