libreria-astro-lefebvre 0.2.2 → 0.2.5
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.
- package/README.md +1 -25
- package/package.json +1 -1
- package/src/carbins/Author_2025_Algarve.ts +2 -2
- package/src/carbins/Boton_2026_Elx.ts +2 -2
- package/src/carbins/CTA_2025_Formentera.ts +4 -4
- package/src/carbins/Calculadora_2026_Lisboa.ts +2 -2
- package/src/carbins/Card_2025_Malta.ts +1 -1
- package/src/carbins/Contenido_2025_Montevideo.ts +1 -1
- package/src/carbins/Contenido_2026_Denia.ts +3 -3
- package/src/carbins/Contenido_2026_Huesca.ts +2 -2
- package/src/carbins/Contenido_2026_Lleida.ts +1 -1
- package/src/carbins/Contenido_2026_Marruecos.ts +4 -4
- package/src/carbins/Contenido_2026_Moraira.ts +3 -3
- package/src/carbins/Contenido_2026_Mostoles.ts +5 -5
- package/src/carbins/Contenido_2026_Quito.ts +2 -2
- package/src/carbins/Contenido_2026_Ubeda.ts +1 -1
- package/src/carbins/Enlace_2025_Venecia.ts +2 -2
- package/src/carbins/FAQ_2026_Takayama.ts +2 -2
- package/src/carbins/Formulario_2025_Seul.ts +0 -8
- package/src/carbins/Hero_2026_Lliria.ts +1 -1
- package/src/carbins/Imagen_2025_Bogota.ts +1 -1
- package/src/carbins/Mapa_2026_Girona.ts +4 -4
- package/src/carbins/Modal_2025_Sagunto.ts +3 -3
- package/src/carbins/Modal_2026_Almeria.ts +3 -3
- package/src/carbins/Separador_2025_Reinosa.ts +3 -3
- package/src/carbins/Separador_2025_Toledo.ts +1 -1
- package/src/carbins/Separador_2026_Teulada.ts +1 -1
- package/src/carbins/SpectrumSeparator.ts +1 -1
- package/src/carbins/Tag_2025_Bolonia.ts +3 -3
- package/src/carbins/TextImageHeader.ts +1 -1
- package/src/carbins/Texto_2025_Kyoto.ts +3 -11
- package/src/carbins/Texto_2026_Alicante.ts +5 -5
- package/src/carbins/Titulo_2025_Algeciras.ts +13 -4
- package/src/carbins/Titulo_2025_Santorini.ts +3 -3
- package/src/components/Astro/Author_2025_Algarve.astro +4 -4
- package/src/components/Astro/Boton_2026_Elx.astro +5 -5
- package/src/components/Astro/Button.astro +1 -1
- package/src/components/Astro/CTA_2025_Formentera.astro +2 -2
- package/src/components/Astro/Cabecera_2025_Barcelona.astro +6 -6
- package/src/components/Astro/Cabecera_2025_Madrid.astro +15 -15
- package/src/components/Astro/Cabecera_2026_Bilbao.astro +1 -1
- package/src/components/Astro/Cabecera_2026_Dakota.astro +1 -1
- package/src/components/Astro/Cabecera_2026_Madrid.astro +15 -15
- package/src/components/Astro/Cabecera_2027_Guadalajara.astro +15 -15
- package/src/components/Astro/Calculadora_2026_Lisboa.astro +8 -8
- package/src/components/Astro/Card_2025_Malta.astro +4 -4
- package/src/components/Astro/Contenido_2025_Alcorcon.astro +4 -4
- package/src/components/Astro/Contenido_2025_Cordoba.astro +27 -27
- package/src/components/Astro/Contenido_2025_Granada.astro +146 -146
- package/src/components/Astro/Contenido_2025_Malaga.astro +28 -28
- package/src/components/Astro/Contenido_2025_Montevideo.astro +6 -6
- package/src/components/Astro/Contenido_2026_Cabra.astro +9 -9
- package/src/components/Astro/Contenido_2026_Castellon.astro +6 -6
- package/src/components/Astro/Contenido_2026_Denia.astro +10 -10
- package/src/components/Astro/Contenido_2026_Dubai.astro +3 -3
- package/src/components/Astro/Contenido_2026_Estepona.astro +9 -9
- package/src/components/Astro/Contenido_2026_Huesca.astro +8 -8
- package/src/components/Astro/Contenido_2026_Jaen.astro +14 -14
- package/src/components/Astro/Contenido_2026_Leon.astro +1 -1
- package/src/components/Astro/Contenido_2026_Lleida.astro +16 -16
- package/src/components/Astro/Contenido_2026_Marruecos.astro +15 -15
- package/src/components/Astro/Contenido_2026_Moraira.astro +9 -9
- package/src/components/Astro/Contenido_2026_Mostoles.astro +9 -9
- package/src/components/Astro/Contenido_2026_Orcasitas.astro +2 -2
- package/src/components/Astro/Contenido_2026_Oslo.astro +2 -2
- package/src/components/Astro/Contenido_2026_Quito.astro +5 -5
- package/src/components/Astro/Contenido_2026_Sevilla.astro +24 -24
- package/src/components/Astro/Contenido_2026_Tokyo.astro +5 -5
- package/src/components/Astro/Contenido_2026_Ubeda.astro +2 -2
- package/src/components/Astro/Contenido_2026_Yakarta.astro +7 -7
- package/src/components/Astro/CorpFooter.astro +10 -10
- package/src/components/Astro/CorpHero.astro +1 -1
- package/src/components/Astro/CorpNavigation.astro +5 -5
- package/src/components/Astro/Enlace_2025_Venecia.astro +5 -5
- package/src/components/Astro/FAQ_2025_Hiroshima.astro +6 -20
- package/src/components/Astro/FAQ_2026_Takayama.astro +5 -5
- package/src/components/Astro/Footer_2025_Napoles.astro +17 -16
- package/src/components/Astro/Footer_2026_Napoles.astro +24 -23
- package/src/components/Astro/Footer_2027_Napoles.astro +20 -19
- package/src/components/Astro/Formulario_2025_Nara.astro +7 -7
- package/src/components/Astro/Formulario_2025_Seul.astro +18 -20
- package/src/components/Astro/Formulario_2025_Teruel.astro +17 -17
- package/src/components/Astro/Formulario_2026_Carabanchel.astro +8 -8
- package/src/components/Astro/Formulario_2026_Wichita.astro +13 -13
- package/src/components/Astro/GeometricShape.astro +1 -1
- package/src/components/Astro/GeometricShapeCard.astro +2 -2
- package/src/components/Astro/Grid_2026_Aldaia.astro +6 -6
- package/src/components/Astro/HeaderCorporativo.astro +1 -1
- package/src/components/Astro/Hero_2025_Benidorm.astro +3 -3
- package/src/components/Astro/Hero_2026_Benidorm.astro +3 -3
- package/src/components/Astro/Hero_2026_Lliria.astro +4 -4
- package/src/components/Astro/Imagen_2025_Bogota.astro +2 -3
- package/src/components/Astro/Imagen_2025_Fukushima.astro +2 -2
- package/src/components/Astro/Indice_2025_Taiwan.astro +2 -2
- package/src/components/Astro/Mapa_2026_Girona.astro +6 -10
- package/src/components/Astro/Modal_2025_Sagunto.astro +5 -5
- package/src/components/Astro/Modal_2026_Almeria.astro +6 -6
- package/src/components/Astro/Paginacion_2025_Paris.astro +12 -12
- package/src/components/Astro/RRSS_2025_Pisa.astro +23 -23
- package/src/components/Astro/Separador_2025_Reinosa.astro +1 -1
- package/src/components/Astro/Separador_2025_Toledo.astro +1 -1
- package/src/components/Astro/Separador_2026_Teulada.astro +1 -1
- package/src/components/Astro/Share_2025_Florencia.astro +19 -19
- package/src/components/Astro/SpectrumSeparator.astro +1 -1
- package/src/components/Astro/Sumario_2025_Beijing.astro +4 -4
- package/src/components/Astro/Tabla_2025_Fuenlabrada.astro +24 -24
- package/src/components/Astro/Tabla_2026_Cadiz.astro +22 -22
- package/src/components/Astro/Tag_2025_Bolonia.astro +1 -1
- package/src/components/Astro/Test_2026_Gaza.astro +13 -13
- package/src/components/Astro/TextBox.astro +1 -1
- package/src/components/Astro/TextImageBlock.astro +4 -4
- package/src/components/Astro/TextImageCard.astro +3 -3
- package/src/components/Astro/TextImageHeader.astro +2 -2
- package/src/components/Astro/Texto_2025_Kyoto.astro +3 -6
- package/src/components/Astro/Texto_2026_Alicante.astro +4 -5
- package/src/components/Astro/Texto_2026_Castellon.astro +10 -10
- package/src/components/Astro/Tiempo_2025_Londres.astro +3 -3
- package/src/components/Astro/Titulo_2025_Algeciras.astro +24 -27
- package/src/components/Astro/Titulo_2025_Santorini.astro +1 -1
- package/src/components/Astro/VideoAutoplay.astro +2 -2
- package/src/components/Astro/Video_2025_Polop.astro +2 -2
- package/src/components/Astro/Video_2026_Andujar.astro +5 -5
|
@@ -92,25 +92,25 @@ const videoUrl = iframeSrc || '';
|
|
|
92
92
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
93
93
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
94
94
|
<g id="SVGRepo_iconCarrier">
|
|
95
|
-
<circle cx="12" cy="12" r="10" stroke="#
|
|
96
|
-
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#
|
|
95
|
+
<circle cx="12" cy="12" r="10" stroke="#001978" stroke-width="1.5"></circle>
|
|
96
|
+
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#001978" stroke-width="1.5" stroke-linecap="round"></path>
|
|
97
97
|
</g>
|
|
98
98
|
</svg>
|
|
99
99
|
<div class={`w-full ${orientation === 'left' ? `pl-[${paddingLeft}px]` : `pr-[${paddingLeft}px]`}`}>
|
|
100
|
-
{title && <h1 class="font-body text-[#
|
|
101
|
-
<h2 class={`font-heading text-[#
|
|
100
|
+
{title && <h1 class="font-body text-[#262626] text-center lg:text-left text-base font-normal leading-6 rounded bg-[#F2F3F8] mb-8 w-fit py-2 px-3 mx-auto lg:mx-0" set:html={title}></h1>}
|
|
101
|
+
<h2 class={`font-heading text-[#262626] font-normal ${h2AlignClass} ${h2TrackingClass} pr-6 ${h2MarginBottom} mx-auto lg:mx-0 ${h2Size === '40px' ? `text-[36px] leading-[44px] ${h2AltSizeClass} ${h2AltLeadingClass}` : `text-[36px] leading-[44px] ${h2IcoSizeClass} ${h2IcoLeadingClass}`}`} set:html={subtitle}></h2>
|
|
102
102
|
|
|
103
103
|
<div
|
|
104
|
-
class={`text-[#
|
|
104
|
+
class={`text-[#363942] font-body font-normal text-${fontSize} not-italic leading-6 flex flex-col gap-4 mb-8`}
|
|
105
105
|
set:html={description}
|
|
106
106
|
/>
|
|
107
107
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
108
108
|
<Fragment>
|
|
109
109
|
{showBtn && linkBtn && (
|
|
110
|
-
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#
|
|
110
|
+
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6">{txtBtn}</a>
|
|
111
111
|
)}
|
|
112
112
|
{showBtnModal && (
|
|
113
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-flex w-fit h-11 md:h-12 text-[#
|
|
113
|
+
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-flex w-fit h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 mt-0 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6 cursor-pointer`}>{txtBtnModal}</button>
|
|
114
114
|
)}
|
|
115
115
|
</Fragment>
|
|
116
116
|
) : (
|
|
@@ -134,19 +134,19 @@ const videoUrl = iframeSrc || '';
|
|
|
134
134
|
</style>
|
|
135
135
|
<div class={`w-full ${contentFlex1Class} ${contentMinW0Class} ${contentPaddingClass} ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
|
|
136
136
|
style={{ 'padding-left': `${paddingLeft}px` }}>
|
|
137
|
-
{title && <h1 class="font-body text-[#
|
|
138
|
-
<h2 class={`font-heading text-[#
|
|
137
|
+
{title && <h1 class="font-body text-[#262626] text-center lg:text-left text-base font-normal leading-6 rounded bg-[#F2F3F8] mb-8 w-fit py-2 px-3 mx-auto lg:mx-0" set:html={title}></h1>}
|
|
138
|
+
<h2 class={`font-heading text-[#262626] font-normal ${h2AlignClass} ${h2TrackingClass} pr-6 ${h2MarginBottom} mx-auto lg:mx-0 ${h2Size === '40px' ? `text-[36px] leading-[44px] ${h2AltSizeClass} ${h2AltLeadingClass}` : `text-[40px] leading-[48px] ${h2LargeSizeClass} ${h2LargeLeadingClass}`}`} set:html={subtitle}></h2>
|
|
139
139
|
<div
|
|
140
|
-
class={`text-[#
|
|
140
|
+
class={`text-[#363942] font-body font-normal text-${fontSize} not-italic leading-6 flex flex-col gap-4 mb-8`}
|
|
141
141
|
set:html={description}
|
|
142
142
|
/>
|
|
143
143
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
144
144
|
<Fragment>
|
|
145
145
|
{showBtn && linkBtn && (
|
|
146
|
-
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#
|
|
146
|
+
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6">{txtBtn}</a>
|
|
147
147
|
)}
|
|
148
148
|
{showBtnModal && (
|
|
149
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-flex w-fit h-11 md:h-12 text-[#
|
|
149
|
+
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-flex w-fit h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 mt-0 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6 cursor-pointer`}>{txtBtnModal}</button>
|
|
150
150
|
)}
|
|
151
151
|
</Fragment>
|
|
152
152
|
) : (
|
|
@@ -180,25 +180,25 @@ const videoUrl = iframeSrc || '';
|
|
|
180
180
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
181
181
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
182
182
|
<g id="SVGRepo_iconCarrier">
|
|
183
|
-
<circle cx="12" cy="12" r="10" stroke="#
|
|
184
|
-
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#
|
|
183
|
+
<circle cx="12" cy="12" r="10" stroke="#001978" stroke-width="1.5"></circle>
|
|
184
|
+
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#001978" stroke-width="1.5" stroke-linecap="round"></path>
|
|
185
185
|
</g>
|
|
186
186
|
</svg>
|
|
187
187
|
|
|
188
188
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
189
|
-
{title && <h1 class="font-body text-[#
|
|
190
|
-
<h2 class={`font-heading text-[#
|
|
189
|
+
{title && <h1 class="font-body text-[#262626] text-center lg:text-left text-base font-normal leading-6 rounded bg-[#F2F3F8] mb-8 w-fit py-2 px-3 mx-auto lg:mx-0" set:html={title}></h1>}
|
|
190
|
+
<h2 class={`font-heading text-[#262626] font-normal ${h2AlignClass} ${h2TrackingClass} pr-6 ${h2MarginBottom} mx-auto lg:mx-0 ${h2Size === '40px' ? `text-[36px] leading-[44px] ${h2AltSizeClass} ${h2AltLeadingClass}` : `text-[40px] leading-[48px] ${h2LargeSizeClass} ${h2LargeLeadingClass}`}`} set:html={subtitle}></h2>
|
|
191
191
|
<div
|
|
192
|
-
class="text-[#
|
|
192
|
+
class="text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8"
|
|
193
193
|
set:html={description}
|
|
194
194
|
/>
|
|
195
195
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
196
196
|
<Fragment>
|
|
197
197
|
{showBtn && linkBtn && (
|
|
198
|
-
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#
|
|
198
|
+
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6">{txtBtn}</a>
|
|
199
199
|
)}
|
|
200
200
|
{showBtnModal && (
|
|
201
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#
|
|
201
|
+
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 mt-0 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6 cursor-pointer`}>{txtBtnModal}</button>
|
|
202
202
|
)}
|
|
203
203
|
</Fragment>
|
|
204
204
|
) : (
|
|
@@ -209,19 +209,19 @@ const videoUrl = iframeSrc || '';
|
|
|
209
209
|
|
|
210
210
|
) : (
|
|
211
211
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
212
|
-
{title && <h1 class="font-body text-[#
|
|
213
|
-
<h2 class={`font-heading text-[#
|
|
212
|
+
{title && <h1 class="font-body text-[#262626] text-center lg:text-left text-base font-normal leading-6 rounded bg-[#F2F3F8] mb-8 w-fit py-2 px-3 mx-auto lg:mx-0" set:html={title}></h1>}
|
|
213
|
+
<h2 class={`font-heading text-[#262626] font-normal ${h2AlignClass} ${h2TrackingClass} pr-6 ${h2MarginBottom} mx-auto lg:mx-0 ${h2Size === '40px' ? `text-[36px] leading-[44px] ${h2AltSizeClass} ${h2AltLeadingClass}` : `text-[40px] leading-[48px] ${h2LargeSizeClass} ${h2LargeLeadingClass}`}`} set:html={subtitle}></h2>
|
|
214
214
|
<div
|
|
215
|
-
class="text-[#
|
|
215
|
+
class="text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8"
|
|
216
216
|
set:html={description}
|
|
217
217
|
/>
|
|
218
218
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
219
219
|
<Fragment>
|
|
220
220
|
{showBtn && linkBtn && (
|
|
221
|
-
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#
|
|
221
|
+
<a href={linkBtn} target="_self" class="inline-flex w-fit mr-3 h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6">{txtBtn}</a>
|
|
222
222
|
)}
|
|
223
223
|
{showBtnModal && (
|
|
224
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-flex w-fit h-11 md:h-12 text-[#
|
|
224
|
+
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-flex w-fit h-11 md:h-12 text-[#001978] font-body font-semibold bg-[#ffffff] px-3.5 md:px-5 py-2.5 md:py-3 mt-0 border border-[#001978] rounded-lg shadow-md hover:bg-[#DDE0EC] transition-all duration-300 hover:text-[#001978] hover:border-[#001978] text-sm leading-[21px] md:text-base md:leading-6 cursor-pointer`}>{txtBtnModal}</button>
|
|
225
225
|
)}
|
|
226
226
|
</Fragment>
|
|
227
227
|
) : (
|
|
@@ -237,8 +237,8 @@ const videoUrl = iframeSrc || '';
|
|
|
237
237
|
|
|
238
238
|
|
|
239
239
|
<!--POPUP-->
|
|
240
|
-
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-
|
|
241
|
-
<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-[#
|
|
240
|
+
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-gray-100/60 backdrop-blur-sm flex items-center justify-center">
|
|
241
|
+
<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-[#B6B7BB] overflow-y-auto modal-guia">
|
|
242
242
|
<div class="w-full flex justify-end">
|
|
243
243
|
<button id={`js-close-teruel-popup-${randomId}`} class="js-close-popup w-auto transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
244
244
|
</div>
|
|
@@ -247,8 +247,8 @@ const videoUrl = iframeSrc || '';
|
|
|
247
247
|
<img src={imageModalUrl} alt={altModal} width="300" height="400" class="w-fit" loading="lazy"/>
|
|
248
248
|
</div>
|
|
249
249
|
<div class="w-full lg:w-2/3">
|
|
250
|
-
<h2 class="font-heading text-[#
|
|
251
|
-
<!-- <h3 class="font-heading text-[#
|
|
250
|
+
<h2 class="font-heading text-[#262626] text-[28px] leading-9 lg:text-[32px] lg:leading-10 font-normal text-left mb-8">{titleModal}</h2>
|
|
251
|
+
<!-- <h3 class="font-heading text-[#262626] text-[20px] lg:text-[24px] font-semibold text-left leading-8 mb-2">{subtitleModal}</h3> -->
|
|
252
252
|
<div class="font-body text-base font-normal leading-6 mb-8" set:html={descriptionModal} />
|
|
253
253
|
<div id={`lf2-form-container-${randomId}`} class="w-full">
|
|
254
254
|
<!--FORMULARIO -->
|
|
@@ -16,7 +16,7 @@ const imageUrl = extractImageUrl(image);
|
|
|
16
16
|
---
|
|
17
17
|
|
|
18
18
|
<div class="w-full flex flex-col px-0">
|
|
19
|
-
<article class="relative w-full md:max-w-[400px] h-full flex flex-col rounded-lg border border-
|
|
19
|
+
<article class="relative w-full md:max-w-[400px] h-full flex flex-col rounded-lg border border-gray-200 items-center shadow-article hover:bg-[#001978] transition-all duration-300 p-px">
|
|
20
20
|
<div class="w-full bg-white mt-px rounded-tl-[7px] rounded-tr-[7px] h-full">
|
|
21
21
|
<div class="w-full">
|
|
22
22
|
<img class="cursor-pointer rounded-tr-lg rounded-tl-lg mx-auto w-full" src={imageUrl} alt={altImage} width="400" height="225" loading="lazy" />
|
|
@@ -24,17 +24,17 @@ const imageUrl = extractImageUrl(image);
|
|
|
24
24
|
<div class="p-6 flex-grow flex flex-col">
|
|
25
25
|
{tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
|
|
26
26
|
<div class="mt-2 flex flex-col items-start gap-2 flex-grow">
|
|
27
|
-
<div class="flex flex-col text-[#
|
|
28
|
-
<a href={link} class="cursor-pointer no-underline after:absolute after:inset-0 after:content-['']"><h3 class="font-heading text-xl leading-7 font-semibold text-[#
|
|
29
|
-
<p class="font-body text-base leading-6 font-normal text-[#
|
|
27
|
+
<div class="flex flex-col text-[#262626] h-full">
|
|
28
|
+
<a href={link} class="cursor-pointer no-underline after:absolute after:inset-0 after:content-['']"><h3 class="font-heading text-xl leading-7 font-semibold text-[#262626] overflow-hidden text-ellipsis mb-2">{title}</h3></a>
|
|
29
|
+
<p class="font-body text-base leading-6 font-normal text-[#363942] overflow-hidden text-ellipsis mb-2">{description}</p>
|
|
30
30
|
{author && author !== '' &&
|
|
31
|
-
<p class="font-body text-base leading-6 font-normal mt-6 text-[#
|
|
31
|
+
<p class="font-body text-base leading-6 font-normal mt-6 text-[#363942] text-left"><span class="font-body text-[#363942]">Por {author}</span></p>
|
|
32
32
|
}
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
</div>
|
|
37
|
-
<div class="bg-
|
|
37
|
+
<div class="bg-red-100 h-3"></div>
|
|
38
38
|
</article>
|
|
39
39
|
</div>
|
|
40
40
|
|
|
@@ -65,18 +65,18 @@ const structuredData = `<script type="application/ld+json">
|
|
|
65
65
|
<section class="w-full flex items-center justify-center">
|
|
66
66
|
<article class="w-full flex flex-col items-center justify-center">
|
|
67
67
|
<div class="w-full flex justify-center items-center relative text-[56px] text-center font-body leading-[64px] mt-10">
|
|
68
|
-
<!-- <div class="flex bg-transparent md:bg-
|
|
68
|
+
<!-- <div class="flex bg-transparent md:bg-gray-50 md:border md:border-[#B6B7BB] rounded-lg"> -->
|
|
69
69
|
<div class="flex gap-1 md:gap-8 items-center">
|
|
70
70
|
{tabs.map((tab: Tab, index: number) => (
|
|
71
71
|
<p class="font-body text-base">
|
|
72
72
|
<button data-linkedto={`${identifier}${index + 1}`}
|
|
73
73
|
class={`
|
|
74
74
|
btn py-3.5 px-5 font-body
|
|
75
|
-
cursor-pointer border border-[#
|
|
76
|
-
hover:border hover:border-[#
|
|
75
|
+
cursor-pointer border border-[#b6b7bb]
|
|
76
|
+
hover:border hover:border-[#5F6168] hover:!bg-[#ffffff] rounded-lg ${identifier}button
|
|
77
77
|
${index === 0 ? 'active' : ''}
|
|
78
|
-
bg-
|
|
79
|
-
md:bg-
|
|
78
|
+
bg-F2F3F8 text-gray-100 max-w-10 max-h-5 text-[0px] md:w-[150px]
|
|
79
|
+
md:bg-gray-50 md:text-black md:max-w-none md:max-h-none md:text-[16px]
|
|
80
80
|
`}
|
|
81
81
|
>{tab.name}</button>
|
|
82
82
|
</p>
|
|
@@ -121,12 +121,12 @@ const structuredData = `<script type="application/ld+json">
|
|
|
121
121
|
|
|
122
122
|
|
|
123
123
|
<style>
|
|
124
|
-
.bg-
|
|
125
|
-
background-color: #
|
|
124
|
+
.bg-F2F3F8 {
|
|
125
|
+
background-color: #F2F3F8;
|
|
126
126
|
}
|
|
127
127
|
.active{
|
|
128
128
|
background-color: #ffffff;
|
|
129
|
-
border: 1px solid #
|
|
129
|
+
border: 1px solid #5F6168;
|
|
130
130
|
color: black;
|
|
131
131
|
max-width: none;
|
|
132
132
|
max-height: none;
|
|
@@ -134,7 +134,7 @@ const structuredData = `<script type="application/ld+json">
|
|
|
134
134
|
|
|
135
135
|
&:hover{
|
|
136
136
|
background-color: #ffffff;
|
|
137
|
-
border: 1px solid #
|
|
137
|
+
border: 1px solid #5F6168;
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
</style>
|
|
@@ -35,29 +35,29 @@ const imageUrl = imageBase || extractImageUrl(image) || DEFAULT_IMAGE;
|
|
|
35
35
|
<div class="flex flex-col md:flex-row w-full items-center gap-6 md:gap-16">
|
|
36
36
|
|
|
37
37
|
<div class="w-full md:flex-1 md:min-w-0 p-4">
|
|
38
|
-
{title && <h1 class="font-heading text-[#
|
|
38
|
+
{title && <h1 class="font-heading text-[#262626] text-[40px] md:text-[56px] font-normal text-left leading-[48px] md:leading-[64px] mb-8" set:html={title}></h1>}
|
|
39
39
|
|
|
40
40
|
{meta && (
|
|
41
|
-
<p class="font-mono text-[#
|
|
41
|
+
<p class="font-mono text-[#262626] text-sm font-normal leading-5 tracking-[2px] uppercase mb-3">{meta}</p>
|
|
42
42
|
)}
|
|
43
43
|
|
|
44
44
|
{tags.length > 0 && (
|
|
45
45
|
<div class="flex flex-wrap gap-2 mb-4">
|
|
46
46
|
{tags.map((tag: { title: string }) => (
|
|
47
|
-
<span class="inline-flex items-center rounded-full border border-[#
|
|
47
|
+
<span class="inline-flex items-center rounded-full border border-[#DDE0EC] bg-[#F2F3F8] px-3 py-1 font-body text-sm leading-[21px] font-normal text-[#262626]">{tag.title}</span>
|
|
48
48
|
))}
|
|
49
49
|
</div>
|
|
50
50
|
)}
|
|
51
51
|
|
|
52
|
-
{subtitle && <h3 class="font-heading text-[#
|
|
52
|
+
{subtitle && <h3 class="font-heading text-[#262626] text-2xl font-normal text-left leading-8 mb-2" set:html={subtitle}></h3>}
|
|
53
53
|
|
|
54
54
|
<div
|
|
55
|
-
class="text-[#
|
|
55
|
+
class="text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-6"
|
|
56
56
|
set:html={description}
|
|
57
57
|
/>
|
|
58
58
|
|
|
59
59
|
{showBtn && linkBtn && (
|
|
60
|
-
<a href={linkBtn} target="_self" class="inline-flex w-fit items-center h-10 text-[#ffffff] font-body font-semibold text-sm leading-[21px] bg-[#
|
|
60
|
+
<a href={linkBtn} target="_self" class="inline-flex w-fit items-center h-10 text-[#ffffff] font-body font-semibold text-sm leading-[21px] bg-[#001978] px-4 py-2 border border-[#001978] rounded-lg hover:bg-[#ffffff] hover:text-[#001978] transition-all duration-300">{txtBtn}</a>
|
|
61
61
|
)}
|
|
62
62
|
</div>
|
|
63
63
|
|
|
@@ -28,8 +28,8 @@ const structuredData = `<script type="application/ld+json">
|
|
|
28
28
|
<section class="w-full flex items-center justify-center rounded-2xl bg-white shadow-[inset_0_1px_4px_0_rgba(0,0,0,0.08)] p-12">
|
|
29
29
|
<article class="w-full flex flex-col md:flex-row items-center justify-center">
|
|
30
30
|
<div class="w-full flex flex-col justify-center">
|
|
31
|
-
<h2 class="text-[28px] leading-9 md:text-[32px] md:leading-10 mb-8 text-[#
|
|
32
|
-
<p class="text-[#
|
|
31
|
+
<h2 class="text-[28px] leading-9 md:text-[32px] md:leading-10 mb-8 text-[#262626] font-normal not-italic font-heading" set:html={title}></h2>
|
|
32
|
+
<p class="text-[#363942] font-body font-normal text-base not-italic leading-6" set:html={description}></p>
|
|
33
33
|
{contentHTML && <div class="font-body text-content mt-4 listIco" set:html={contentHTML}></div>}
|
|
34
34
|
</div>
|
|
35
35
|
<div class="w-full lg:w-1/2 flex items-start">
|
|
@@ -49,9 +49,9 @@ const structuredData = `<script type="application/ld+json">
|
|
|
49
49
|
|
|
50
50
|
.listIco :global(ul li) {
|
|
51
51
|
position: relative;
|
|
52
|
-
padding-left:
|
|
52
|
+
padding-left: 28px;
|
|
53
53
|
margin-bottom: 12px;
|
|
54
|
-
color: #
|
|
54
|
+
color: #363942;
|
|
55
55
|
font-family: 'IBM Plex Sans', sans-serif;
|
|
56
56
|
font-size: 1em;
|
|
57
57
|
line-height: 1.5em;
|
|
@@ -61,16 +61,16 @@ const structuredData = `<script type="application/ld+json">
|
|
|
61
61
|
content: "";
|
|
62
62
|
position: absolute;
|
|
63
63
|
left: 0;
|
|
64
|
-
top:
|
|
65
|
-
width:
|
|
66
|
-
height:
|
|
67
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='
|
|
64
|
+
top: 2px;
|
|
65
|
+
width: 20px;
|
|
66
|
+
height: 20px;
|
|
67
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.17788 0.00580546C9.12701 0.0108677 8.96575 0.025754 8.81951 0.0389066C5.20138 0.363884 2.01164 2.75985 0.671987 6.15893C0.200921 7.35413 0 8.42681 0 9.74663C0 10.5144 0.0444848 11 0.174609 11.6536C0.68334 14.2087 2.19721 16.4507 4.39222 17.8999C6.63897 19.3832 9.42877 19.8642 12.0564 19.2212C15.3567 18.4137 17.9874 15.9659 19.0345 12.7285C19.9357 9.94188 19.5131 6.83849 17.8996 4.39581C16.7833 2.70576 15.1898 1.40798 13.3329 0.676495C12.4733 0.337879 11.6783 0.144728 10.7039 0.0378433C10.4708 0.0122547 9.34953 -0.0112536 9.17788 0.00580546ZM9.1432 1.462C7.5796 1.59533 6.13149 2.11736 4.92363 2.98312C4.24438 3.47 3.46618 4.24801 2.97918 4.92709C2.2656 5.92213 1.74702 7.18032 1.55005 8.39438C1.46638 8.9102 1.4563 9.05576 1.4563 9.74663C1.4563 10.4375 1.46638 10.5831 1.55005 11.0989C1.61077 11.4731 1.78586 12.1885 1.8598 12.3643C1.87185 12.393 1.92949 12.5465 1.98789 12.7054C2.16248 13.1804 2.47595 13.8021 2.7747 14.2657C3.36847 15.1871 4.32602 16.1416 5.24732 16.7303C5.69737 17.0179 6.32256 17.3313 6.78486 17.5012C6.94382 17.5596 7.09732 17.6172 7.12599 17.6292C7.30187 17.7032 8.01742 17.8782 8.39177 17.9389C8.90771 18.0226 9.05331 18.0326 9.74434 18.0326C10.4354 18.0326 10.581 18.0226 11.0969 17.9389C11.4713 17.8782 12.1868 17.7032 12.3627 17.6292C12.3914 17.6172 12.5449 17.5596 12.7038 17.5012C13.1661 17.3313 13.7913 17.0179 14.2414 16.7303C14.9909 16.2514 15.8059 15.4939 16.3721 14.75C17.1657 13.7074 17.7281 12.3967 17.9386 11.0989C18.0223 10.5831 18.0324 10.4375 18.0324 9.74663C18.0324 9.05576 18.0223 8.9102 17.9386 8.39438C17.8779 8.02012 17.7028 7.30475 17.6289 7.12891C17.6168 7.10025 17.5592 6.94679 17.5008 6.78787C17.3262 6.31283 17.0127 5.69119 16.714 5.22759C16.1202 4.30612 15.1627 3.35165 14.2414 2.76295C13.7913 2.47535 13.1661 2.16191 12.7038 1.99208C12.5449 1.93369 12.3914 1.87606 12.3627 1.86402C12.2774 1.82817 11.7609 1.68783 11.5247 1.63633C10.9249 1.50557 10.5953 1.47043 9.88307 1.46128C9.53336 1.4568 9.20042 1.45712 9.1432 1.462ZM12.6669 6.80699C12.6021 6.82939 12.5085 6.8804 12.4588 6.92034C12.4092 6.96029 11.4741 7.88793 10.3808 8.98179L8.39299 10.9706L7.70854 10.2898C6.92315 9.50865 6.88699 9.48283 6.57664 9.48193C6.43294 9.48149 6.38041 9.49252 6.27112 9.54596C5.93369 9.711 5.77866 10.101 5.90911 10.4565C5.95498 10.5816 6.02347 10.6558 6.95533 11.591C8.09016 12.7298 8.07402 12.7172 8.39177 12.7166C8.53422 12.7163 8.6033 12.7042 8.69234 12.6637C8.78804 12.6203 9.2145 12.2045 11.1694 10.2485C13.4275 7.98936 13.5331 7.87997 13.5798 7.75205C13.7912 7.17318 13.2446 6.60734 12.6669 6.80699Z' fill='%23001978'/%3E%3C/svg%3E");
|
|
68
68
|
background-repeat: no-repeat;
|
|
69
69
|
background-size: contain;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
.text-content :global(p) {
|
|
73
|
-
color: #
|
|
73
|
+
color: #363942;
|
|
74
74
|
font-family: 'IBM Plex Sans', sans-serif;
|
|
75
75
|
font-size: 1em;
|
|
76
76
|
font-weight: 400;
|
|
@@ -79,7 +79,7 @@ const structuredData = `<script type="application/ld+json">
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.text-content :global(h2) {
|
|
82
|
-
color: #
|
|
82
|
+
color: #262626;
|
|
83
83
|
font-family: 'IBM Plex Serif', serif;
|
|
84
84
|
font-size: 1.5em;
|
|
85
85
|
font-weight: 600;
|
|
@@ -11,8 +11,8 @@ const {
|
|
|
11
11
|
import Contenido_2026_Orcasitas from './Contenido_2026_Orcasitas.astro';
|
|
12
12
|
---
|
|
13
13
|
<article class="w-full flex flex-col text-center items-center justify-center p-12 pb-4 bg-[#ffffff] rounded-2xl">
|
|
14
|
-
<h2 class="text-[36px] md:text-[40px] font-heading leading-[44px] md:leading-[48px] mb-[23px] text-[#
|
|
15
|
-
<div class="max-w-[900px] text-[#
|
|
14
|
+
<h2 class="text-[36px] md:text-[40px] font-heading leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-normal not-italic">{title}</h2>
|
|
15
|
+
<div class="max-w-[900px] text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8">
|
|
16
16
|
<p class="font-body md:font-heading text-lg leading-7 md:text-xl md:leading-7" set:html={description}></p>
|
|
17
17
|
</div>
|
|
18
18
|
<div class="max-w-7xl flex-wrap md:flex-nowrap w-full flex items-center ">
|
|
@@ -21,7 +21,7 @@ import Contenido_2026_Orcasitas from './Contenido_2026_Orcasitas.astro';
|
|
|
21
21
|
<div class="w-full flex justify-center mt-4">
|
|
22
22
|
{showBtn ? (
|
|
23
23
|
<div class="flex justify-center">
|
|
24
|
-
<a href={buttonUrl} class="px-5 py-3 font-body font-semibold text-base leading-6 border-1 border-[#
|
|
24
|
+
<a href={buttonUrl} class="px-5 py-3 font-body font-semibold text-base leading-6 border-1 border-[#001978] text-[#001978] hover:text-[#262626] hover:border-[#262626] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{buttonText}</a>
|
|
25
25
|
</div>
|
|
26
26
|
) : null}
|
|
27
27
|
</div>
|
|
@@ -71,18 +71,18 @@ const structuredData = `<script type="application/ld+json">
|
|
|
71
71
|
<article class="w-full flex flex-col items-center justify-center">
|
|
72
72
|
{showTabBar && (
|
|
73
73
|
<div class="w-full flex justify-center items-center relative text-[56px] text-center font inter leading-[64px] mt-10">
|
|
74
|
-
<!-- <div class="flex bg-transparent md:bg-
|
|
74
|
+
<!-- <div class="flex bg-transparent md:bg-gray-50 md:border md:border-[#B6B7BB] rounded-lg"> -->
|
|
75
75
|
<div class="flex gap-1 md:gap-8 items-center">
|
|
76
76
|
{tabs.map((tab: Tab, index: number) => (
|
|
77
77
|
<p class="font-body text-base">
|
|
78
78
|
<button data-linkedto={`${identifier}${index + 1}`}
|
|
79
79
|
class={`
|
|
80
80
|
btn py-3.5 px-5 font-body
|
|
81
|
-
cursor-pointer border border-[#
|
|
82
|
-
hover:border hover:border-[#
|
|
81
|
+
cursor-pointer border border-[#b6b7bb]
|
|
82
|
+
hover:border hover:border-[#5F6168] hover:!bg-[#ffffff] rounded-lg ${identifier}button
|
|
83
83
|
${index === 0 ? 'active' : ''}
|
|
84
|
-
bg-
|
|
85
|
-
md:bg-
|
|
84
|
+
bg-F2F3F8 text-gray-100 max-w-10 max-h-5 text-[0px] md:w-[150px]
|
|
85
|
+
md:bg-gray-50 md:text-black md:max-w-none md:max-h-none md:text-[16px]
|
|
86
86
|
`}
|
|
87
87
|
>{tab.name || `Pestaña ${index + 1}`}</button>
|
|
88
88
|
</p>
|
|
@@ -123,12 +123,12 @@ const structuredData = `<script type="application/ld+json">
|
|
|
123
123
|
|
|
124
124
|
|
|
125
125
|
<style>
|
|
126
|
-
.bg-
|
|
127
|
-
background-color: #
|
|
126
|
+
.bg-F2F3F8 {
|
|
127
|
+
background-color: #F2F3F8;
|
|
128
128
|
}
|
|
129
129
|
.active{
|
|
130
130
|
background-color: #ffffff;
|
|
131
|
-
border: 1px solid #
|
|
131
|
+
border: 1px solid #5F6168;
|
|
132
132
|
color: black;
|
|
133
133
|
max-width: none;
|
|
134
134
|
max-height: none;
|
|
@@ -136,7 +136,7 @@ const structuredData = `<script type="application/ld+json">
|
|
|
136
136
|
|
|
137
137
|
&:hover{
|
|
138
138
|
background-color: #ffffff;
|
|
139
|
-
border: 1px solid #
|
|
139
|
+
border: 1px solid #5F6168;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
</style>
|
|
@@ -21,25 +21,25 @@ const videoUrl = iframeSrc || '';
|
|
|
21
21
|
const randomId = Math.floor(Math.random() * 1000);
|
|
22
22
|
---
|
|
23
23
|
|
|
24
|
-
<section class="w-full max-w-7xl flex justify-center [background:conic-gradient(from_180deg_at_50%_44.39%,rgba(
|
|
24
|
+
<section class="w-full max-w-7xl flex justify-center [background:conic-gradient(from_180deg_at_50%_44.39%,rgba(0,25,120,0.01)_0.07096946937963367deg,rgba(255,255,255,0.17)_177.9798674583435deg),var(--Background-Base,#FFF)]" id={`comp-ContHuesca-${randomId}`}>
|
|
25
25
|
<article class="w-full justify-center max-w-7xl flex flex-col py-6 px-4">
|
|
26
26
|
{tag && (
|
|
27
|
-
<span class="text-[#
|
|
27
|
+
<span class="text-[#363942] text-center font-body text-base not-italic font-normal leading-6 flex items-center justify-center gap-2.5 w-fit py-2 px-3 rounded bg-[#001978]/10 mb-8">{tag}</span>
|
|
28
28
|
)}
|
|
29
29
|
|
|
30
30
|
<div class="flex flex-col md:flex-row items-center gap-6">
|
|
31
31
|
<div class="w-full md:w-1/2 flex flex-col">
|
|
32
32
|
{title && (
|
|
33
|
-
<h2 class="font-heading text-[#
|
|
33
|
+
<h2 class="font-heading text-[#020618] text-left text-[28px] leading-9 md:text-[32px] md:leading-10 not-italic font-normal mb-8" set:html={title}></h2>
|
|
34
34
|
)}
|
|
35
35
|
{description && (
|
|
36
|
-
<p class="text-[#
|
|
36
|
+
<p class="text-[#363942] font-body font-normal text-base not-italic leading-6 mb-6">{description}</p>
|
|
37
37
|
)}
|
|
38
38
|
{text && (
|
|
39
|
-
<div class="text-[#
|
|
39
|
+
<div class="text-[#020618]/90 font-body text-base not-italic font-normal leading-6 flex flex-col gap-4 listIco" set:html={text} />
|
|
40
40
|
)}
|
|
41
41
|
{textBtn && linkBtn && (
|
|
42
|
-
<a href={linkBtn} target="_self" class="flex flex-col justify-center items-start w-fit h-12 min-w-[120px] px-5 mt-6 rounded-lg bg-[#
|
|
42
|
+
<a href={linkBtn} target="_self" class="flex flex-col justify-center items-start w-fit h-12 min-w-[120px] px-5 mt-6 rounded-lg bg-[#001978] shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)] text-white font-body font-semibold text-sm leading-[21px] md:text-base md:leading-6 transition-all duration-300 hover:bg-[linear-gradient(rgba(255,255,255,0.10),rgba(255,255,255,0.10))]">{textBtn}</a>
|
|
43
43
|
)}
|
|
44
44
|
</div>
|
|
45
45
|
|
|
@@ -72,7 +72,7 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
72
72
|
position: relative;
|
|
73
73
|
padding-left: 28px;
|
|
74
74
|
margin-bottom: 12px;
|
|
75
|
-
color: #
|
|
75
|
+
color: #363942;
|
|
76
76
|
font-family: 'IBM Plex Sans', sans-serif;
|
|
77
77
|
font-size: 1em;
|
|
78
78
|
line-height: 1.5em;
|
|
@@ -85,7 +85,7 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
85
85
|
top: 2px;
|
|
86
86
|
width: 20px;
|
|
87
87
|
height: 20px;
|
|
88
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.17788 0.00580546C9.12701 0.0108677 8.96575 0.025754 8.81951 0.0389066C5.20138 0.363884 2.01164 2.75985 0.671987 6.15893C0.200921 7.35413 0 8.42681 0 9.74663C0 10.5144 0.0444848 11 0.174609 11.6536C0.68334 14.2087 2.19721 16.4507 4.39222 17.8999C6.63897 19.3832 9.42877 19.8642 12.0564 19.2212C15.3567 18.4137 17.9874 15.9659 19.0345 12.7285C19.9357 9.94188 19.5131 6.83849 17.8996 4.39581C16.7833 2.70576 15.1898 1.40798 13.3329 0.676495C12.4733 0.337879 11.6783 0.144728 10.7039 0.0378433C10.4708 0.0122547 9.34953 -0.0112536 9.17788 0.00580546ZM9.1432 1.462C7.5796 1.59533 6.13149 2.11736 4.92363 2.98312C4.24438 3.47 3.46618 4.24801 2.97918 4.92709C2.2656 5.92213 1.74702 7.18032 1.55005 8.39438C1.46638 8.9102 1.4563 9.05576 1.4563 9.74663C1.4563 10.4375 1.46638 10.5831 1.55005 11.0989C1.61077 11.4731 1.78586 12.1885 1.8598 12.3643C1.87185 12.393 1.92949 12.5465 1.98789 12.7054C2.16248 13.1804 2.47595 13.8021 2.7747 14.2657C3.36847 15.1871 4.32602 16.1416 5.24732 16.7303C5.69737 17.0179 6.32256 17.3313 6.78486 17.5012C6.94382 17.5596 7.09732 17.6172 7.12599 17.6292C7.30187 17.7032 8.01742 17.8782 8.39177 17.9389C8.90771 18.0226 9.05331 18.0326 9.74434 18.0326C10.4354 18.0326 10.581 18.0226 11.0969 17.9389C11.4713 17.8782 12.1868 17.7032 12.3627 17.6292C12.3914 17.6172 12.5449 17.5596 12.7038 17.5012C13.1661 17.3313 13.7913 17.0179 14.2414 16.7303C14.9909 16.2514 15.8059 15.4939 16.3721 14.75C17.1657 13.7074 17.7281 12.3967 17.9386 11.0989C18.0223 10.5831 18.0324 10.4375 18.0324 9.74663C18.0324 9.05576 18.0223 8.9102 17.9386 8.39438C17.8779 8.02012 17.7028 7.30475 17.6289 7.12891C17.6168 7.10025 17.5592 6.94679 17.5008 6.78787C17.3262 6.31283 17.0127 5.69119 16.714 5.22759C16.1202 4.30612 15.1627 3.35165 14.2414 2.76295C13.7913 2.47535 13.1661 2.16191 12.7038 1.99208C12.5449 1.93369 12.3914 1.87606 12.3627 1.86402C12.2774 1.82817 11.7609 1.68783 11.5247 1.63633C10.9249 1.50557 10.5953 1.47043 9.88307 1.46128C9.53336 1.4568 9.20042 1.45712 9.1432 1.462ZM12.6669 6.80699C12.6021 6.82939 12.5085 6.8804 12.4588 6.92034C12.4092 6.96029 11.4741 7.88793 10.3808 8.98179L8.39299 10.9706L7.70854 10.2898C6.92315 9.50865 6.88699 9.48283 6.57664 9.48193C6.43294 9.48149 6.38041 9.49252 6.27112 9.54596C5.93369 9.711 5.77866 10.101 5.90911 10.4565C5.95498 10.5816 6.02347 10.6558 6.95533 11.591C8.09016 12.7298 8.07402 12.7172 8.39177 12.7166C8.53422 12.7163 8.6033 12.7042 8.69234 12.6637C8.78804 12.6203 9.2145 12.2045 11.1694 10.2485C13.4275 7.98936 13.5331 7.87997 13.5798 7.75205C13.7912 7.17318 13.2446 6.60734 12.6669 6.80699Z' fill='%
|
|
88
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.17788 0.00580546C9.12701 0.0108677 8.96575 0.025754 8.81951 0.0389066C5.20138 0.363884 2.01164 2.75985 0.671987 6.15893C0.200921 7.35413 0 8.42681 0 9.74663C0 10.5144 0.0444848 11 0.174609 11.6536C0.68334 14.2087 2.19721 16.4507 4.39222 17.8999C6.63897 19.3832 9.42877 19.8642 12.0564 19.2212C15.3567 18.4137 17.9874 15.9659 19.0345 12.7285C19.9357 9.94188 19.5131 6.83849 17.8996 4.39581C16.7833 2.70576 15.1898 1.40798 13.3329 0.676495C12.4733 0.337879 11.6783 0.144728 10.7039 0.0378433C10.4708 0.0122547 9.34953 -0.0112536 9.17788 0.00580546ZM9.1432 1.462C7.5796 1.59533 6.13149 2.11736 4.92363 2.98312C4.24438 3.47 3.46618 4.24801 2.97918 4.92709C2.2656 5.92213 1.74702 7.18032 1.55005 8.39438C1.46638 8.9102 1.4563 9.05576 1.4563 9.74663C1.4563 10.4375 1.46638 10.5831 1.55005 11.0989C1.61077 11.4731 1.78586 12.1885 1.8598 12.3643C1.87185 12.393 1.92949 12.5465 1.98789 12.7054C2.16248 13.1804 2.47595 13.8021 2.7747 14.2657C3.36847 15.1871 4.32602 16.1416 5.24732 16.7303C5.69737 17.0179 6.32256 17.3313 6.78486 17.5012C6.94382 17.5596 7.09732 17.6172 7.12599 17.6292C7.30187 17.7032 8.01742 17.8782 8.39177 17.9389C8.90771 18.0226 9.05331 18.0326 9.74434 18.0326C10.4354 18.0326 10.581 18.0226 11.0969 17.9389C11.4713 17.8782 12.1868 17.7032 12.3627 17.6292C12.3914 17.6172 12.5449 17.5596 12.7038 17.5012C13.1661 17.3313 13.7913 17.0179 14.2414 16.7303C14.9909 16.2514 15.8059 15.4939 16.3721 14.75C17.1657 13.7074 17.7281 12.3967 17.9386 11.0989C18.0223 10.5831 18.0324 10.4375 18.0324 9.74663C18.0324 9.05576 18.0223 8.9102 17.9386 8.39438C17.8779 8.02012 17.7028 7.30475 17.6289 7.12891C17.6168 7.10025 17.5592 6.94679 17.5008 6.78787C17.3262 6.31283 17.0127 5.69119 16.714 5.22759C16.1202 4.30612 15.1627 3.35165 14.2414 2.76295C13.7913 2.47535 13.1661 2.16191 12.7038 1.99208C12.5449 1.93369 12.3914 1.87606 12.3627 1.86402C12.2774 1.82817 11.7609 1.68783 11.5247 1.63633C10.9249 1.50557 10.5953 1.47043 9.88307 1.46128C9.53336 1.4568 9.20042 1.45712 9.1432 1.462ZM12.6669 6.80699C12.6021 6.82939 12.5085 6.8804 12.4588 6.92034C12.4092 6.96029 11.4741 7.88793 10.3808 8.98179L8.39299 10.9706L7.70854 10.2898C6.92315 9.50865 6.88699 9.48283 6.57664 9.48193C6.43294 9.48149 6.38041 9.49252 6.27112 9.54596C5.93369 9.711 5.77866 10.101 5.90911 10.4565C5.95498 10.5816 6.02347 10.6558 6.95533 11.591C8.09016 12.7298 8.07402 12.7172 8.39177 12.7166C8.53422 12.7163 8.6033 12.7042 8.69234 12.6637C8.78804 12.6203 9.2145 12.2045 11.1694 10.2485C13.4275 7.98936 13.5331 7.87997 13.5798 7.75205C13.7912 7.17318 13.2446 6.60734 12.6669 6.80699Z' fill='%23001978'/%3E%3C/svg%3E");
|
|
89
89
|
background-repeat: no-repeat;
|
|
90
90
|
background-size: contain;
|
|
91
91
|
}
|
|
@@ -23,30 +23,30 @@ import RRSS_2025_Pisa from "./RRSS_2025_Pisa.astro";
|
|
|
23
23
|
<div class={`w-full flex ${image ? `flex-col ${imagePosition === 'left' ? 'md:flex-row-reverse' : 'md:flex-row'} items-start gap-8` : ''} px-8 md:px-0`}>
|
|
24
24
|
<div class={`w-full flex ${flexJustify === 'justify-center' ? 'justify-center' : 'justify-start'} flex-col order-2 md:order-1`}>
|
|
25
25
|
{
|
|
26
|
-
tipo === "h1-blog-categoria" ? <h1 class="font-heading text-[#
|
|
27
|
-
: tipo === "h1-blog-autor" ? <h1 class="font-heading text-[#
|
|
28
|
-
: tipo === "h1-blog-post" ? <h1 class="font-heading text-[#
|
|
29
|
-
: tipo === "h1-blog-postenriquecido" ? <h1 class="font-heading text-[#
|
|
30
|
-
: tipo === "h2-blog" ? <h2 class="font-heading text-[#
|
|
31
|
-
: tipo === "h2" ? <h2 class="font-heading text-[#
|
|
32
|
-
: tipo === "h3" ? <h3 class="font-heading text-[#
|
|
33
|
-
: tipo === "h4" ? <h4 class="font-heading text-[#
|
|
34
|
-
: tipo === "h3-p" ? <p class="font-heading text-[#
|
|
26
|
+
tipo === "h1-blog-categoria" ? <h1 class="font-heading text-[#262626] text-[36px] md:text-[40px] mb-4 font-normal text-center leading-[44px] md:leading-[48px]" set:html={title}></h1>
|
|
27
|
+
: tipo === "h1-blog-autor" ? <h1 class="font-heading text-[#262626] text-[36px] md:text-[40px] mb-1 font-semibold text-left leading-[44px] md:leading-[48px]" set:html={title}></h1>
|
|
28
|
+
: tipo === "h1-blog-post" ? <h1 class="font-heading text-[#262626] text-[36px] md:text-[40px] mb-6 font-semibold text-center leading-[44px] md:leading-[48px]" set:html={title}></h1>
|
|
29
|
+
: tipo === "h1-blog-postenriquecido" ? <h1 class="font-heading text-[#262626] text-[36px] md:text-[40px] mb-6 font-semibold text-left leading-[44px] md:leading-[48px]" set:html={title}></h1>
|
|
30
|
+
: tipo === "h2-blog" ? <h2 class="font-heading text-[#262626] text-[28px] md:text-[32px] font-normal text-left leading-9 md:leading-10 mb-4" set:html={title}></h2>
|
|
31
|
+
: tipo === "h2" ? <h2 class="font-heading text-[#262626] text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] my-8 md:mb-8" set:html={title}></h2>
|
|
32
|
+
: tipo === "h3" ? <h3 class="font-heading text-[#262626] text-2xl font-semibold text-left leading-8 my-4" set:html={title}></h3>
|
|
33
|
+
: tipo === "h4" ? <h4 class="font-heading text-[#262626] text-xl leading-7 font-semibold text-left my-1" set:html={title}></h4>
|
|
34
|
+
: tipo === "h3-p" ? <p class="font-heading text-[#262626] text-2xl font-semibold text-left leading-8 my-4" set:html={title}></p>
|
|
35
35
|
: <p>{title}</p>
|
|
36
36
|
}
|
|
37
37
|
<div class="w-full flex gap-8 justify-start items-center">
|
|
38
38
|
{subtitle && (
|
|
39
|
-
<p class="font-heading text-[#
|
|
39
|
+
<p class="font-heading text-[#363942] text-xl leading-7 font-normal mb-6" set:html={subtitle}></p>
|
|
40
40
|
)}
|
|
41
41
|
{number && (
|
|
42
|
-
<p class="font-body text-[#
|
|
42
|
+
<p class="font-body text-[#363942] text-sm font-normal leading-[21px] mb-6">Nº colegiado: {number}</p>
|
|
43
43
|
)}
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
{descriptionStyle === "inter" ? (
|
|
47
|
-
<p class={`w-full text-[#
|
|
47
|
+
<p class={`w-full text-[#363942] font-body text-base leading-6 font-normal mb-0 text-${textAlign}`} set:html={description}></p>
|
|
48
48
|
) : (
|
|
49
|
-
<p class={`w-full text-[#
|
|
49
|
+
<p class={`w-full text-[#363942] font-heading text-xl font-normal leading-7 mb-0 md:mb-8 text-${textAlign}`} set:html={description}></p>
|
|
50
50
|
)}
|
|
51
51
|
|
|
52
52
|
{items.length > 0 && (
|
|
@@ -77,7 +77,7 @@ import RRSS_2025_Pisa from "./RRSS_2025_Pisa.astro";
|
|
|
77
77
|
|
|
78
78
|
<style>
|
|
79
79
|
.moreDescription h2 {
|
|
80
|
-
color: #
|
|
80
|
+
color: #262626;
|
|
81
81
|
font-family: 'IBM Plex Serif', serif;
|
|
82
82
|
font-size: 1.5em;
|
|
83
83
|
font-style: normal;
|