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
|
@@ -85,16 +85,16 @@ const hasButtons = Array.isArray(buttons) && buttons.length > 0;
|
|
|
85
85
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
86
86
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
87
87
|
<g id="SVGRepo_iconCarrier">
|
|
88
|
-
<circle cx="12" cy="12" r="10" stroke="#
|
|
89
|
-
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#
|
|
88
|
+
<circle cx="12" cy="12" r="10" stroke="#001978" stroke-width="1.5"></circle>
|
|
89
|
+
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#001978" stroke-width="1.5" stroke-linecap="round"></path>
|
|
90
90
|
</g>
|
|
91
91
|
</svg>
|
|
92
92
|
<div class={`w-full ${orientation === 'left' ? `pl-[${paddingLeft}px]` : `pr-[${paddingLeft}px]`}`}>
|
|
93
|
-
{title && <h1 class="font-body text-[#
|
|
94
|
-
<h2 class={`font-heading text-[#
|
|
93
|
+
{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>}
|
|
94
|
+
<h2 class={`font-heading text-[#262626] font-normal ${h2AlignClass} ${h2TrackingClass} pr-6 ${h2MarginBottom} mx-auto lg:mx-0 text-[36px] ${h2Size === '40px' ? `${h2AltSizeClass} leading-[44px] ${h2AltLeadingClass}` : `${h2IcoSizeClass} leading-[44px] ${h2IcoLeadingClass}`}`} set:html={subtitle}></h2>
|
|
95
95
|
|
|
96
96
|
<div
|
|
97
|
-
class={`text-[#
|
|
97
|
+
class={`text-[#363942] font-body font-normal text-${fontSize} not-italic leading-6 flex flex-col gap-4 mb-8`}
|
|
98
98
|
set:html={description}
|
|
99
99
|
/>
|
|
100
100
|
{hasButtons && (
|
|
@@ -118,10 +118,10 @@ const hasButtons = Array.isArray(buttons) && buttons.length > 0;
|
|
|
118
118
|
</style>
|
|
119
119
|
<div class={`w-full ${contentFlex1Class} ${contentMinW0Class} ${contentPaddingClass} ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
|
|
120
120
|
style={{ 'padding-left': `${paddingLeft}px` }}>
|
|
121
|
-
{title && <h1 class="font-body text-[#
|
|
122
|
-
<h2 class={`font-heading text-[#
|
|
121
|
+
{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>}
|
|
122
|
+
<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>
|
|
123
123
|
<div
|
|
124
|
-
class={`text-[#
|
|
124
|
+
class={`text-[#363942] font-body font-normal text-${fontSize} not-italic leading-6 flex flex-col gap-4 mb-8`}
|
|
125
125
|
set:html={description}
|
|
126
126
|
/>
|
|
127
127
|
{hasButtons && (
|
|
@@ -151,16 +151,16 @@ const hasButtons = Array.isArray(buttons) && buttons.length > 0;
|
|
|
151
151
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
152
152
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
153
153
|
<g id="SVGRepo_iconCarrier">
|
|
154
|
-
<circle cx="12" cy="12" r="10" stroke="#
|
|
155
|
-
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#
|
|
154
|
+
<circle cx="12" cy="12" r="10" stroke="#001978" stroke-width="1.5"></circle>
|
|
155
|
+
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#001978" stroke-width="1.5" stroke-linecap="round"></path>
|
|
156
156
|
</g>
|
|
157
157
|
</svg>
|
|
158
158
|
|
|
159
159
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
160
|
-
{title && <h1 class="font-body text-[#
|
|
161
|
-
<h2 class={`font-heading text-[#
|
|
160
|
+
{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>}
|
|
161
|
+
<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>
|
|
162
162
|
<div
|
|
163
|
-
class="text-[#
|
|
163
|
+
class="text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8"
|
|
164
164
|
set:html={description}
|
|
165
165
|
/>
|
|
166
166
|
{hasButtons && (
|
|
@@ -171,10 +171,10 @@ const hasButtons = Array.isArray(buttons) && buttons.length > 0;
|
|
|
171
171
|
|
|
172
172
|
) : (
|
|
173
173
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
174
|
-
{title && <h1 class="font-body text-[#
|
|
175
|
-
<h2 class={`font-heading text-[#
|
|
174
|
+
{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>}
|
|
175
|
+
<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>
|
|
176
176
|
<div
|
|
177
|
-
class="text-[#
|
|
177
|
+
class="text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8"
|
|
178
178
|
set:html={description}
|
|
179
179
|
/>
|
|
180
180
|
{hasButtons && (
|
|
@@ -14,22 +14,22 @@ const {
|
|
|
14
14
|
---
|
|
15
15
|
|
|
16
16
|
<div class="w-full p-4 md:p-0">
|
|
17
|
-
<div class="w-full rounded-lg bg-[#
|
|
17
|
+
<div class="w-full rounded-lg bg-[#001978] p-px">
|
|
18
18
|
<div class="w-full rounded-lg bg-white p-8 flex flex-col gap-8">
|
|
19
|
-
<h2 class="font-heading text-[#
|
|
19
|
+
<h2 class="font-heading text-[#262626] text-2xl font-semibold leading-8">{title}</h2>
|
|
20
20
|
|
|
21
21
|
<div class="flex flex-col gap-6">
|
|
22
22
|
{items.map((item: RepetidorItem) => (
|
|
23
23
|
<div class="flex flex-row items-start gap-4">
|
|
24
|
-
<div class="flex items-center justify-center bg-[
|
|
24
|
+
<div class="flex items-center justify-center bg-[#F2F3F8] p-3 w-12 h-12 rounded-full shrink-0">
|
|
25
25
|
{item.icon === "chat" ? (
|
|
26
26
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
27
27
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5068 0.00615572C11.7749 0.0702933 11.2324 0.183858 10.6571 0.393387C9.16016 0.938615 7.87344 2.04829 7.12344 3.44084L7.00386 3.66286L6.80167 3.69061C4.64525 3.98641 2.63504 5.24395 1.38113 7.08151C0.0471932 9.03633 -0.345184 11.4905 0.312061 13.7681C0.420033 14.1422 0.552144 14.4977 0.728021 14.8876C0.898488 15.2654 0.897124 15.3337 0.704669 16.0511C0.620025 16.3667 0.535774 16.7032 0.51744 16.7991C0.402046 17.4024 0.61221 18.0492 1.06586 18.4868C1.33507 18.7465 1.64271 18.9107 1.99703 18.9838C2.40088 19.0672 2.56223 19.0478 3.45952 18.8075C4.23336 18.6003 4.20698 18.599 4.83456 18.8745C5.51552 19.1734 6.25452 19.3675 7.10813 19.4718C7.41549 19.5094 8.47499 19.5094 8.78436 19.4718C9.59302 19.3736 10.2864 19.1967 10.9792 18.9118C13.5567 17.8519 15.425 15.4597 15.814 12.7213C15.837 12.5595 15.8479 12.5306 15.8905 12.5192C15.9896 12.4926 16.1319 12.5064 16.346 12.5634C16.765 12.675 16.8852 12.6947 17.1424 12.6942C17.4564 12.6935 17.6833 12.6393 17.9747 12.4955C18.5834 12.1951 18.977 11.5967 19.0196 10.9071C19.0349 10.6582 19.0162 10.5295 18.8953 10.0535C18.8019 9.68615 18.8072 9.60691 18.9474 9.27262C19.1958 8.68025 19.3684 8.06416 19.4578 7.45148C19.5079 7.10783 19.5151 6.15511 19.4701 5.82087C19.3595 4.99936 19.1696 4.36835 18.8183 3.65525C18.4926 2.99412 18.0545 2.39498 17.5093 1.86506C17.1605 1.52612 16.9472 1.35353 16.5457 1.08532C15.7272 0.538755 14.7891 0.188507 13.7668 0.047858C13.521 0.0140429 12.7195 -0.0124865 12.5068 0.00615572ZM12.2755 1.48428C11.327 1.60081 10.4427 1.97967 9.6745 2.59865C9.40371 2.81683 9.03496 3.1931 8.83708 3.45316L8.69727 3.6369L9.07027 3.68867C10.8676 3.93807 12.5449 4.8177 13.7833 6.16034C14.9902 7.46892 15.7051 9.08492 15.8715 10.8804L15.887 11.0481H16.0102C16.1895 11.0481 16.4539 11.0888 16.6977 11.154C17.0766 11.2553 17.1467 11.2658 17.2463 11.2359C17.4288 11.1812 17.5701 10.9988 17.5701 10.8178C17.5701 10.7665 17.533 10.5834 17.4876 10.4108C17.3142 9.75142 17.3454 9.33176 17.6154 8.6889C18.1222 7.48271 18.1958 6.28123 17.8358 5.0931C17.2379 3.11989 15.5084 1.69249 13.4498 1.47332C13.1531 1.44175 12.5781 1.44709 12.2755 1.48428ZM7.39091 5.08038C6.502 5.16675 5.76012 5.38386 4.96429 5.79054C3.1756 6.70464 1.89315 8.44757 1.54928 10.4318C1.47204 10.8775 1.44753 11.2529 1.46233 11.7635C1.48861 12.6707 1.65584 13.3971 2.0371 14.26C2.23483 14.7076 2.28983 14.9109 2.30446 15.2483C2.31954 15.5955 2.30391 15.6877 2.10105 16.4488C2.01287 16.7795 1.94073 17.0975 1.94073 17.1554C1.94071 17.2808 2.01974 17.4174 2.13996 17.4998C2.28729 17.6008 2.37949 17.592 3.05209 17.4131C3.85908 17.1984 3.89568 17.192 4.24723 17.2065C4.60063 17.221 4.79456 17.2728 5.24999 17.4741C6.11279 17.8556 6.84007 18.0232 7.74394 18.0487C8.41679 18.0678 8.90993 18.0175 9.51265 17.8684C11.8691 17.2857 13.7165 15.4165 14.2759 13.0488C14.3977 12.5333 14.4341 12.1901 14.4341 11.5569C14.4341 10.8895 14.3951 10.5513 14.2527 9.98415C13.6099 7.42463 11.5039 5.51769 8.8884 5.12713C8.52248 5.07247 7.72757 5.04765 7.39091 5.08038ZM4.53672 10.8873C4.38177 10.9487 4.21914 11.1074 4.14481 11.2699C4.09399 11.3809 4.0874 11.4227 4.09477 11.5872C4.10784 11.8791 4.23227 12.0777 4.48396 12.2084C4.57161 12.2539 4.62259 12.2624 4.80765 12.2624C4.99277 12.2624 5.04364 12.2539 5.13133 12.2083C5.34617 12.0967 5.48498 11.9113 5.51969 11.6898C5.57046 11.3656 5.43005 11.0732 5.15054 10.921C4.98438 10.8305 4.71722 10.8159 4.53672 10.8873ZM7.70309 10.8774C7.57206 10.9253 7.3754 11.1083 7.30493 11.2479C7.22475 11.4067 7.21437 11.6393 7.27966 11.8132C7.34151 11.9778 7.49951 12.1442 7.66674 12.2208C7.78026 12.2728 7.81716 12.2783 7.99473 12.2693C8.22327 12.2577 8.32718 12.2149 8.46962 12.0738C8.67701 11.8684 8.74311 11.5274 8.62624 11.2655C8.56467 11.1276 8.42259 10.9817 8.27571 10.9055C8.14339 10.8369 7.85305 10.8226 7.70309 10.8774ZM10.8856 10.8719C10.5739 10.9833 10.3948 11.2333 10.3948 11.5569C10.3948 11.7638 10.4528 11.9156 10.5831 12.0499C10.7501 12.222 10.8794 12.2755 11.1295 12.2759C11.4056 12.2763 11.6434 12.1233 11.7795 11.8576C11.8457 11.7283 11.8516 11.4583 11.7916 11.2993C11.7263 11.1263 11.5516 10.9504 11.3819 10.8869C11.2377 10.8329 11.0136 10.8261 10.8856 10.8719Z" fill="url(#paint0_linear_756_1311)"/>
|
|
28
28
|
<defs>
|
|
29
29
|
<linearGradient id="paint0_linear_756_1311" x1="8.98568e-07" y1="9.75" x2="19.5" y2="9.75" gradientUnits="userSpaceOnUse">
|
|
30
|
-
<stop stop-color="#
|
|
31
|
-
<stop offset="0.5" stop-color="#
|
|
32
|
-
<stop offset="0.95" stop-color="#
|
|
30
|
+
<stop stop-color="#001978"/>
|
|
31
|
+
<stop offset="0.5" stop-color="#001978"/>
|
|
32
|
+
<stop offset="0.95" stop-color="#001978"/>
|
|
33
33
|
</linearGradient>
|
|
34
34
|
</defs>
|
|
35
35
|
</svg>
|
|
@@ -38,9 +38,9 @@ const {
|
|
|
38
38
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7797 3.75459C16.9781 3.87183 16.0096 4.06223 14.9365 4.51009C14.5965 4.65201 13.7536 5.06151 13.3928 5.26009C13.2332 5.34792 13.0346 5.44962 12.9516 5.48606C12.5672 5.65481 12.083 5.73126 11.6724 5.68803C11.2787 5.64659 11.072 5.57649 10.4439 5.27143C9.23424 4.68382 8.34274 4.3369 7.54434 4.14308C6.62345 3.91954 4.77633 3.72929 4.27565 3.80643C3.31681 3.95415 2.57438 4.6157 2.31082 5.55717L2.25997 5.7388L2.25277 10.8741C2.24629 15.5052 2.24924 16.0307 2.28288 16.2273C2.34365 16.5825 2.45392 16.856 2.65753 17.1563C2.97015 17.6176 3.4832 18.0021 4.01253 18.1718C4.27013 18.2543 4.49333 18.2919 4.89454 18.32C6.99363 18.4671 7.77161 18.6758 9.75897 19.6254C10.9381 20.1888 11.1576 20.25 11.9996 20.25C12.8417 20.25 13.0612 20.1888 14.2403 19.6254C16.2277 18.6758 17.0056 18.4671 19.1047 18.32C19.6695 18.2804 19.9834 18.2046 20.3504 18.019C20.956 17.7129 21.4031 17.2137 21.6251 16.5957C21.7598 16.2207 21.7543 16.4809 21.7469 10.8517L21.7401 5.69415L21.6762 5.47088C21.5154 4.90886 21.1635 4.42355 20.6977 4.12156C20.4778 3.97902 20.2906 3.89491 20.0169 3.81572C19.8305 3.7618 19.7738 3.75624 19.3601 3.75148C19.1111 3.74862 18.8499 3.75003 18.7797 3.75459ZM18.768 5.07214C16.8914 5.20219 16.1064 5.39153 14.7976 6.02984C14.5677 6.14197 14.2591 6.29951 14.1117 6.37995C13.5804 6.67001 13.201 6.82835 12.8413 6.91007L12.7194 6.93775V12.8967V18.8557L12.8726 18.8002C12.9568 18.7697 13.2363 18.64 13.4937 18.512C14.4421 18.0403 15.3641 17.6615 16.0543 17.4601C16.7521 17.2566 17.632 17.1151 18.6868 17.0369C19.3038 16.9911 19.5077 16.9549 19.7162 16.8541C19.9186 16.7563 20.1553 16.5336 20.2496 16.3521C20.39 16.0824 20.3812 16.4418 20.3815 10.9513C20.3818 5.50629 20.3883 5.80253 20.2629 5.56608C20.1824 5.41441 19.973 5.22081 19.8027 5.14066C19.6509 5.06921 19.6491 5.06899 19.2673 5.06653C19.0565 5.06519 18.8319 5.06769 18.768 5.07214ZM4.34889 5.13378C4.00766 5.23783 3.76362 5.48537 3.65491 5.83776C3.62096 5.94772 3.6175 6.42648 3.61776 10.973C3.61806 16.4397 3.60931 16.0824 3.74962 16.3521C3.84401 16.5336 4.08068 16.7563 4.28304 16.8541C4.49155 16.9549 4.6955 16.9911 5.31249 17.0369C6.36724 17.1151 7.24718 17.2566 7.94495 17.4601C8.64329 17.6639 9.56405 18.0434 10.552 18.5349C10.8094 18.6629 11.0785 18.787 11.1499 18.8107L11.2799 18.8537L11.2741 12.9124L11.2682 6.97125L11.0128 6.91002C10.6276 6.81772 10.4663 6.75405 9.77058 6.41976C8.11083 5.62228 7.35093 5.37835 6.02021 5.21592C5.15764 5.11065 4.52651 5.07962 4.34889 5.13378ZM5.50165 8.92128C5.10351 8.99981 4.83714 9.42378 4.95045 9.79861C5.00281 9.97175 5.14972 10.1428 5.3126 10.2203C5.39714 10.2604 6.07097 10.4325 7.30934 10.73C9.36933 11.225 9.35361 11.2224 9.58762 11.1129C9.72206 11.05 9.87219 10.9058 9.9367 10.7777C10.0056 10.6408 10.02 10.4107 9.96883 10.2626C9.9155 10.1082 9.78062 9.94952 9.64039 9.87619C9.55794 9.8331 9.00001 9.68987 7.66854 9.37004C6.64729 9.12473 5.76468 8.91889 5.70721 8.91266C5.64975 8.90646 5.55724 8.91032 5.50165 8.92128ZM18.2456 8.91349C18.2137 8.91932 17.352 9.12477 16.3307 9.37008C15.0096 9.6874 14.4411 9.83324 14.3602 9.87557C14.2436 9.93661 14.1284 10.0552 14.0517 10.1931C13.9845 10.3139 13.9901 10.638 14.0618 10.7779C14.1797 11.0081 14.4104 11.1573 14.6698 11.1711C14.8038 11.1783 15.0304 11.1288 16.6899 10.73C17.9283 10.4325 18.6021 10.2604 18.6867 10.2203C18.8495 10.1428 18.9965 9.97175 19.0488 9.79861C19.1454 9.47917 18.9746 9.12446 18.6535 8.97752C18.5342 8.92291 18.3514 8.89422 18.2456 8.91349ZM5.34135 12.4713C5.17974 12.5489 5.05009 12.6759 4.98029 12.825C4.91209 12.9706 4.91188 13.2251 4.97987 13.3675C5.04502 13.5039 5.19878 13.6626 5.32017 13.7186C5.37341 13.7431 6.25809 13.9656 7.28612 14.2129C8.71905 14.5575 9.1888 14.6624 9.29891 14.6622C9.5595 14.6616 9.81022 14.5105 9.92574 14.2843C9.98204 14.174 9.99112 14.1297 9.99084 13.9664C9.99056 13.8035 9.98158 13.7602 9.92734 13.6608C9.85115 13.5211 9.72905 13.4028 9.59939 13.343C9.54668 13.3187 8.66516 13.0973 7.64045 12.8511C5.55385 12.3498 5.58385 12.3547 5.34135 12.4713ZM16.3114 12.8609C14.3471 13.3358 14.339 13.3382 14.1878 13.4946C14.1565 13.5269 14.1035 13.6036 14.0699 13.665C14.0179 13.7599 14.0087 13.805 14.0084 13.9664C14.0081 14.1297 14.0172 14.174 14.0735 14.2843C14.189 14.5105 14.4398 14.6616 14.7004 14.6622C14.8105 14.6624 15.2802 14.5575 16.7131 14.2129C17.7412 13.9656 18.6259 13.7431 18.6791 13.7186C18.8005 13.6626 18.9542 13.5039 19.0194 13.3675C19.0874 13.2251 19.0872 12.9706 19.019 12.825C18.9492 12.6759 18.8195 12.5489 18.6579 12.4713C18.41 12.3521 18.4297 12.3489 16.3114 12.8609Z" fill="url(#paint0_linear_756_1665)"/>
|
|
39
39
|
<defs>
|
|
40
40
|
<linearGradient id="paint0_linear_756_1665" x1="2.25" y1="12" x2="21.75" y2="12" gradientUnits="userSpaceOnUse">
|
|
41
|
-
<stop stop-color="#
|
|
42
|
-
<stop offset="0.5" stop-color="#
|
|
43
|
-
<stop offset="0.95" stop-color="#
|
|
41
|
+
<stop stop-color="#001978"/>
|
|
42
|
+
<stop offset="0.5" stop-color="#001978"/>
|
|
43
|
+
<stop offset="0.95" stop-color="#001978"/>
|
|
44
44
|
</linearGradient>
|
|
45
45
|
</defs>
|
|
46
46
|
</svg>
|
|
@@ -49,9 +49,9 @@ const {
|
|
|
49
49
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4279 2.25581C11.377 2.26087 11.2157 2.27575 11.0695 2.28891C7.45138 2.61388 4.26164 5.00985 2.92199 8.40893C2.45092 9.60413 2.25 10.6768 2.25 11.9966C2.25 12.7644 2.29448 13.25 2.42461 13.9036C2.93334 16.4587 4.44721 18.7007 6.64222 20.1499C8.88897 21.6332 11.6788 22.1142 14.3064 21.4712C17.6067 20.6637 20.2374 18.2159 21.2845 14.9785C22.1857 12.1919 21.7631 9.08849 20.1496 6.64581C19.0333 4.95576 17.4398 3.65798 15.5829 2.92649C14.7233 2.58788 13.9283 2.39473 12.9539 2.28784C12.7208 2.26225 11.5995 2.23875 11.4279 2.25581ZM11.3932 3.712C9.8296 3.84533 8.38149 4.36736 7.17363 5.23312C6.49438 5.72 5.71618 6.49801 5.22918 7.17709C4.5156 8.17213 3.99702 9.43032 3.80005 10.6444C3.71638 11.1602 3.7063 11.3058 3.7063 11.9966C3.7063 12.6875 3.71638 12.8331 3.80005 13.3489C3.86077 13.7231 4.03586 14.4385 4.1098 14.6143C4.12185 14.643 4.17949 14.7965 4.23789 14.9554C4.41248 15.4304 4.72595 16.0521 5.0247 16.5157C5.61847 17.4371 6.57602 18.3916 7.49732 18.9803C7.94737 19.2679 8.57256 19.5813 9.03486 19.7512C9.19382 19.8096 9.34732 19.8672 9.37599 19.8792C9.55187 19.9532 10.2674 20.1282 10.6418 20.1889C11.1577 20.2726 11.3033 20.2826 11.9943 20.2826C12.6854 20.2826 12.831 20.2726 13.3469 20.1889C13.7213 20.1282 14.4368 19.9532 14.6127 19.8792C14.6414 19.8672 14.7949 19.8096 14.9538 19.7512C15.4161 19.5813 16.0413 19.2679 16.4914 18.9803C17.2409 18.5014 18.0559 17.7439 18.6221 17C19.4157 15.9574 19.9781 14.6467 20.1886 13.3489C20.2723 12.8331 20.2824 12.6875 20.2824 11.9966C20.2824 11.3058 20.2723 11.1602 20.1886 10.6444C20.1279 10.2701 19.9528 9.55475 19.8789 9.37891C19.8668 9.35025 19.8092 9.19679 19.7508 9.03787C19.5762 8.56283 19.2627 7.94119 18.964 7.47759C18.3702 6.55612 17.4127 5.60165 16.4914 5.01295C16.0413 4.72535 15.4161 4.41191 14.9538 4.24208C14.7949 4.18369 14.6414 4.12606 14.6127 4.11402C14.5274 4.07817 14.0109 3.93783 13.7747 3.88633C13.1749 3.75557 12.8453 3.72043 12.1331 3.71128C11.7834 3.7068 11.4504 3.70712 11.3932 3.712ZM14.9169 9.05699C14.8521 9.07939 14.7585 9.1304 14.7088 9.17034C14.6592 9.21029 13.7241 10.1379 12.6308 11.2318L10.643 13.2206L9.95854 12.5398C9.17315 11.7587 9.13699 11.7328 8.82664 11.7319C8.68294 11.7315 8.63041 11.7425 8.52112 11.796C8.18369 11.961 8.02866 12.351 8.15911 12.7065C8.20498 12.8316 8.27347 12.9058 9.20533 13.841C10.3402 14.9798 10.324 14.9672 10.6418 14.9666C10.7842 14.9663 10.8533 14.9542 10.9423 14.9137C11.038 14.8703 11.4645 14.4545 13.4194 12.4985C15.6775 10.2394 15.7831 10.13 15.8298 10.0021C16.0412 9.42318 15.4946 8.85734 14.9169 9.05699Z" fill="url(#paint0_linear_756_1688)"/>
|
|
50
50
|
<defs>
|
|
51
51
|
<linearGradient id="paint0_linear_756_1688" x1="2.25" y1="12" x2="21.75" y2="12" gradientUnits="userSpaceOnUse">
|
|
52
|
-
<stop stop-color="#
|
|
53
|
-
<stop offset="0.5" stop-color="#
|
|
54
|
-
<stop offset="0.95" stop-color="#
|
|
52
|
+
<stop stop-color="#001978"/>
|
|
53
|
+
<stop offset="0.5" stop-color="#001978"/>
|
|
54
|
+
<stop offset="0.95" stop-color="#001978"/>
|
|
55
55
|
</linearGradient>
|
|
56
56
|
</defs>
|
|
57
57
|
</svg>
|
|
@@ -60,8 +60,8 @@ const {
|
|
|
60
60
|
)}
|
|
61
61
|
</div>
|
|
62
62
|
<div class="flex flex-col">
|
|
63
|
-
<h3 class="font-body text-[#
|
|
64
|
-
<p class="text-[#
|
|
63
|
+
<h3 class="font-body text-[#262626] text-lg font-semibold leading-7 mb-1">{item.subtitle}</h3>
|
|
64
|
+
<p class="text-[#363942] font-body text-base font-normal leading-6">{item.description}</p>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
))}
|
|
@@ -70,7 +70,7 @@ const {
|
|
|
70
70
|
<div class="flex justify-end">
|
|
71
71
|
<a
|
|
72
72
|
href={buttonHref}
|
|
73
|
-
class="inline-flex items-center justify-center px-6 py-3 rounded-lg border border-[#
|
|
73
|
+
class="inline-flex items-center justify-center px-6 py-3 rounded-lg border border-[#001978] bg-white/[0.01] shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)] text-[#001978] text-center font-body text-base font-semibold leading-6 no-underline transition-opacity hover:opacity-90"
|
|
74
74
|
>
|
|
75
75
|
{buttonText}
|
|
76
76
|
</a>
|
|
@@ -27,7 +27,7 @@ const srcUrl = extractImageUrl(src);
|
|
|
27
27
|
const backgroundStyle = showImage && srcUrl ? `background-image: url('${srcUrl}');` : '';
|
|
28
28
|
const hasBorder = !(showImage && srcUrl);
|
|
29
29
|
const borderBgStyle = hasBorder
|
|
30
|
-
? `background: #
|
|
30
|
+
? `background: #001978;`
|
|
31
31
|
: '';
|
|
32
32
|
const hasContent = title || description;
|
|
33
33
|
---
|
|
@@ -38,17 +38,17 @@ const hasContent = title || description;
|
|
|
38
38
|
<section class={`w-full flex flex-col ${hasContent ? 'justify-between' : 'justify-center'} items-center p-6 rounded-2xl bg-cover bg-center min-h-[289px] bg-white`} style={backgroundStyle}>
|
|
39
39
|
{hasContent && (
|
|
40
40
|
<div class="w-full max-w-7xl flex flex-col items-center justify-center text-left gap-4">
|
|
41
|
-
{title && <p class="text-[#
|
|
42
|
-
{description && <p class="text-[#
|
|
41
|
+
{title && <p class="text-[#262626] font-heading text-2xl font-semibold leading-8">{title}</p>}
|
|
42
|
+
{description && <p class="text-[#363942] font-body text-base font-normal leading-6" set:html={description}></p>}
|
|
43
43
|
</div>
|
|
44
44
|
)}
|
|
45
45
|
|
|
46
46
|
<div class="w-full max-w-7xl flex flex-col items-center justify-center text-center">
|
|
47
47
|
{showBtn && linkBtn && (
|
|
48
|
-
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit py-3 px-6 mx-auto gap-4 shrink-0 rounded-lg border border-[#
|
|
48
|
+
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit py-3 px-6 mx-auto gap-4 shrink-0 rounded-lg border border-[#001978] bg-[#001978] text-white text-center font-body text-base font-semibold leading-6 no-underline hover:bg-white hover:text-[#001978] transition-all duration-300 cursor-pointer shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)]">{txtBtn}</a>
|
|
49
49
|
)}
|
|
50
50
|
{showBtnModal && (
|
|
51
|
-
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#ffffff" backColor="#
|
|
51
|
+
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#ffffff" backColor="#001978" borderColor="#001978" imageModal={imageModal} altModal={altModal} titleModal={titleModal} descriptionModal={descriptionModal} lf2FormTitle={lf2FormTitle} idebook={idebook} />
|
|
52
52
|
)}
|
|
53
53
|
</div>
|
|
54
54
|
</section>
|
|
@@ -60,16 +60,16 @@ const hasContent = title || description;
|
|
|
60
60
|
<section class={`w-full flex flex-col items-center p-6 rounded-2xl bg-cover bg-center min-h-[289px] my-8 ${hasContent ? 'justify-between gap-6' : ''}`} style={backgroundStyle}>
|
|
61
61
|
{hasContent && (
|
|
62
62
|
<div class={`w-full max-w-7xl flex flex-col items-center justify-center text-left gap-4 ${darkImage ? 'bg-white/50 backdrop-blur-sm rounded-2xl p-6' : ''}`}>
|
|
63
|
-
{title && <p class="text-[#
|
|
64
|
-
{description && <p class="text-[#
|
|
63
|
+
{title && <p class="text-[#262626] font-heading text-2xl font-semibold leading-8">{title}</p>}
|
|
64
|
+
{description && <p class="text-[#363942] font-body text-base font-normal leading-6" set:html={description}></p>}
|
|
65
65
|
</div>
|
|
66
66
|
)}
|
|
67
67
|
<div class={`w-full max-w-7xl flex flex-col items-center justify-center text-center ${hasContent ? '' : 'my-auto'}`}>
|
|
68
68
|
{showBtn && linkBtn && (
|
|
69
|
-
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit py-3 px-6 mx-auto gap-4 shrink-0 rounded-lg border border-[#
|
|
69
|
+
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit py-3 px-6 mx-auto gap-4 shrink-0 rounded-lg border border-[#001978] bg-[#001978] text-white text-center font-body text-base font-semibold leading-6 no-underline hover:bg-white hover:text-[#001978] transition-all duration-300 cursor-pointer shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)]">{txtBtn}</a>
|
|
70
70
|
)}
|
|
71
71
|
{showBtnModal && (
|
|
72
|
-
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#ffffff" backColor="#
|
|
72
|
+
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#ffffff" backColor="#001978" borderColor="#001978" imageModal={imageModal} altModal={altModal} titleModal={titleModal} descriptionModal={descriptionModal} lf2FormTitle={lf2FormTitle} idebook={idebook} />
|
|
73
73
|
)}
|
|
74
74
|
</div>
|
|
75
75
|
</section>
|
|
@@ -29,7 +29,7 @@ const srcUrl = extractImageUrl(src);
|
|
|
29
29
|
const backgroundStyle = showImage && srcUrl ? `background-image: url('${srcUrl}');` : '';
|
|
30
30
|
const hasBorder = !(showImage && srcUrl);
|
|
31
31
|
const borderBgStyle = hasBorder
|
|
32
|
-
? `background: #
|
|
32
|
+
? `background: #001978;`
|
|
33
33
|
: '';
|
|
34
34
|
const hasContent = title || description;
|
|
35
35
|
const TitleTag = titleTag === 'p' ? 'p' : 'h3';
|
|
@@ -41,17 +41,17 @@ const TitleTag = titleTag === 'p' ? 'p' : 'h3';
|
|
|
41
41
|
<section class={`w-full flex flex-col ${hasContent ? 'justify-between' : 'justify-center'} items-center p-6 rounded-2xl bg-cover bg-center min-h-[289px] bg-white`} style={backgroundStyle}>
|
|
42
42
|
{hasContent && (
|
|
43
43
|
<div class="w-full max-w-7xl flex flex-col items-center justify-center text-left gap-4">
|
|
44
|
-
{title && <TitleTag class="text-[#
|
|
45
|
-
{description && <p class="text-[#
|
|
44
|
+
{title && <TitleTag class="text-[#262626] font-heading text-2xl font-semibold leading-8">{title}</TitleTag>}
|
|
45
|
+
{description && <p class="text-[#627384] font-body text-base font-normal leading-6" set:html={description}></p>}
|
|
46
46
|
</div>
|
|
47
47
|
)}
|
|
48
48
|
|
|
49
49
|
<div class="w-full max-w-7xl flex flex-col items-center justify-center text-center">
|
|
50
50
|
{showBtn && linkBtn && (
|
|
51
|
-
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit mx-auto px-6 py-4 h-12 gap-4 shrink-0 self-stretch rounded-lg border border-[#
|
|
51
|
+
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit mx-auto px-6 py-4 h-12 gap-4 shrink-0 self-stretch rounded-lg border border-[#001978] bg-[rgba(255,255,255,0.01)] text-[#001978] text-center font-body text-base font-semibold leading-6 no-underline hover:underline hover:bg-white transition-all duration-300 cursor-pointer shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)]">{txtBtn}</a>
|
|
52
52
|
)}
|
|
53
53
|
{showBtnModal && (
|
|
54
|
-
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#
|
|
54
|
+
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#001978" backColor="#fffffff" borderColor="#001978" imageModal={imageModal} altModal={altModal} titleModal={titleModal} descriptionModal={descriptionModal} lf2FormTitle={lf2FormTitle} idebook={idebook} nomprod={nomprod} />
|
|
55
55
|
)}
|
|
56
56
|
</div>
|
|
57
57
|
</section>
|
|
@@ -63,8 +63,8 @@ const TitleTag = titleTag === 'p' ? 'p' : 'h3';
|
|
|
63
63
|
<section class={`w-full flex flex-col items-center p-6 rounded-2xl bg-cover bg-center min-h-[289px] my-8 ${hasContent ? 'justify-between' : ''}`} style={backgroundStyle}>
|
|
64
64
|
{hasContent && (
|
|
65
65
|
<div class="w-full max-w-7xl flex flex-col items-center justify-center text-left gap-4">
|
|
66
|
-
{title && <TitleTag class="text-[#
|
|
67
|
-
{description && <p class="text-[#
|
|
66
|
+
{title && <TitleTag class="text-[#262626] font-heading text-2xl font-semibold leading-8">{title}</TitleTag>}
|
|
67
|
+
{description && <p class="text-[#627384] font-body text-base font-normal leading-6" set:html={description}></p>}
|
|
68
68
|
</div>
|
|
69
69
|
)}
|
|
70
70
|
{showLogo && (
|
|
@@ -98,10 +98,10 @@ const TitleTag = titleTag === 'p' ? 'p' : 'h3';
|
|
|
98
98
|
|
|
99
99
|
<div class={`w-full max-w-7xl flex flex-col items-center justify-center text-center ${hasContent ? '' : 'mt-auto'}`}>
|
|
100
100
|
{showBtn && linkBtn && (
|
|
101
|
-
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit mx-auto px-6 py-4 h-12 gap-4 shrink-0 self-stretch rounded-lg border border-[#
|
|
101
|
+
<a href={linkBtn} target="_self" class="flex items-center justify-center w-fit mx-auto px-6 py-4 h-12 gap-4 shrink-0 self-stretch rounded-lg border border-[#001978] bg-[rgba(255,255,255,0.01)] text-[#001978] text-center font-body text-base font-semibold leading-6 no-underline hover:underline hover:bg-white transition-all duration-300 cursor-pointer shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)]">{txtBtn}</a>
|
|
102
102
|
)}
|
|
103
103
|
{showBtnModal && (
|
|
104
|
-
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#
|
|
104
|
+
<Modal_2025_Sagunto buttonText={txtBtnModal} frontColor="#001978" backColor="#ffffff" borderColor="#001978" imageModal={imageModal} altModal={altModal} titleModal={titleModal} descriptionModal={descriptionModal} lf2FormTitle={lf2FormTitle} idebook={idebook} nomprod={nomprod} />
|
|
105
105
|
)}
|
|
106
106
|
</div>
|
|
107
107
|
</section>
|
|
@@ -108,7 +108,7 @@ const structuredData = items.length > 0 ? `<script type="application/ld+json">
|
|
|
108
108
|
{(item.description || item.author || item.positionCompany) && (
|
|
109
109
|
<div class="p-6 w-full flex-grow flex flex-col">
|
|
110
110
|
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
111
|
-
<div class="flex flex-col text-[#
|
|
111
|
+
<div class="flex flex-col text-[#262626] h-full">
|
|
112
112
|
{item.description && (
|
|
113
113
|
<p class="text-base font-body font-normal leading-6 mb-6">{item.description}</p>
|
|
114
114
|
)}
|
|
@@ -137,7 +137,7 @@ const structuredData = items.length > 0 ? `<script type="application/ld+json">
|
|
|
137
137
|
</div>
|
|
138
138
|
|
|
139
139
|
<div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
|
|
140
|
-
<div class="flex flex-col justify-center items-center w-full h-full bg-
|
|
140
|
+
<div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
|
|
141
141
|
<div class="w-full flex justify-end">
|
|
142
142
|
<button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
143
143
|
</div>
|
|
@@ -41,14 +41,14 @@ const structuredDataScript = `<script type="application/ld+json">${structuredDat
|
|
|
41
41
|
<p class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
|
|
42
42
|
<img src={item.imageSrc} alt={item.description?.replace(/<[^>]*>/g, '') || 'Video thumbnail'} width="400" height="225" class="w-full h-full rounded-2xl p-2 transition-transform hover:scale-105 cursor-pointer" loading="lazy"/>
|
|
43
43
|
</p>
|
|
44
|
-
<p set:html={item.description} class="font-body text-sm text-[#
|
|
44
|
+
<p set:html={item.description} class="font-body text-sm text-[#363942] text-center font-semibold"></p>
|
|
45
45
|
</article>
|
|
46
46
|
))}
|
|
47
47
|
</div>
|
|
48
48
|
</div>
|
|
49
49
|
|
|
50
50
|
<div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
|
|
51
|
-
<div class="flex flex-col justify-center items-center w-full h-full bg-
|
|
51
|
+
<div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
|
|
52
52
|
<div class="w-full flex justify-end">
|
|
53
53
|
<button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
54
54
|
</div>
|
|
@@ -45,23 +45,23 @@ const {
|
|
|
45
45
|
<h2 class="font-heading text-[28px] leading-9 md:text-[32px] md:leading-10 font-normal mb-12">{title}</h2>
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
|
-
<div class="max-w-[900px] text-[#
|
|
48
|
+
<div class="max-w-[900px] text-[#363942] font-body font-normal text-lg not-italic flex flex-col gap-2 mb-8">
|
|
49
49
|
{items.map((item: QuitoItem) => (
|
|
50
|
-
<div class="w-auto flex flex-row gap-4 items-center last:text-[#
|
|
50
|
+
<div class="w-auto flex flex-row gap-4 items-center last:text-[#001978]">
|
|
51
51
|
{
|
|
52
52
|
item.icon === "locator" ? (
|
|
53
53
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none">
|
|
54
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.59358 0.880542C6.19288 0.919951 6.06251 0.93667 5.83919 0.977253C3.69458 1.36718 1.8469 2.86738 0.978631 4.9238C0.559268 5.91699 0.383028 6.99046 0.452088 8.13081C0.546969 9.69783 0.960831 11.226 1.67532 12.6476C2.61302 14.5133 3.90078 15.9076 5.41746 16.6994C5.76355 16.8801 5.95602 16.9564 6.24809 17.0288C6.76524 17.1571 7.24316 17.1571 7.7603 17.0288C8.05237 16.9564 8.24485 16.8801 8.59093 16.6994C9.24801 16.3564 9.84843 15.9102 10.4149 15.3442C11.1913 14.5682 11.7955 13.7186 12.3326 12.6476C12.9864 11.3438 13.3758 10.0017 13.5284 8.52566C13.5686 8.13685 13.5746 7.23423 13.5391 6.91734C13.355 5.27382 12.6782 3.85657 11.5473 2.74691C10.5017 1.72087 9.23518 1.10472 7.78557 0.916888C7.56258 0.887996 6.76507 0.863689 6.59358 0.880542ZM6.47899 2.10325C5.61914 2.1928 4.77715 2.50015 4.05271 2.98894C3.45995 3.38888 2.84754 4.02907 2.46897 4.64451C2.13494 5.18754 1.88166 5.82783 1.75271 6.45507C1.68344 6.79213 1.65586 7.04322 1.64383 7.44703C1.5843 9.44216 2.33979 11.7913 3.59196 13.5047C4.10032 14.2003 4.79296 14.8809 5.41962 15.3004C6.06614 15.7332 6.52995 15.9124 7.0042 15.9124C7.37721 15.9124 7.704 15.815 8.14072 15.5736C9.32144 14.9211 10.3762 13.7848 11.1427 12.3394C11.9589 10.8004 12.4062 9.01783 12.3655 7.46629C12.3339 6.26271 11.9562 5.16616 11.2476 4.22103C11.0468 3.95324 10.6355 3.52181 10.3751 3.30591C9.61755 2.67783 8.73976 2.28498 7.74903 2.13064C7.51 2.09339 6.7343 2.07667 6.47899 2.10325ZM6.7619 4.64526C5.6027 4.74124 4.60842 5.56404 4.28296 6.69669C4.14706 7.16969 4.13714 7.71505 4.25578 8.19275C4.3765 8.67881 4.61487 9.10757 4.96898 9.47567C5.52262 10.0512 6.21182 10.3459 7.0042 10.3459C7.64012 10.3459 8.20337 10.1566 8.7226 9.76837C8.90863 9.62926 9.21417 9.30182 9.35086 9.09505C9.68261 8.59319 9.83238 8.09627 9.83309 7.49518C9.83401 6.71379 9.54171 6.00625 8.99125 5.4574C8.61169 5.07895 8.09955 4.8001 7.58851 4.69365C7.45717 4.66629 7.03737 4.62223 6.966 4.62829C6.95024 4.62964 6.8584 4.63727 6.7619 4.64526ZM6.6923 5.8681C6.08793 5.98358 5.58012 6.46644 5.41662 7.08107C5.35881 7.29841 5.35854 7.69011 5.41607 7.9093C5.55499 8.43864 5.98476 8.90072 6.4897 9.06361C6.79457 9.16198 7.1947 9.16506 7.49814 9.07141C8.00841 8.91391 8.45243 8.44232 8.59232 7.9093C8.64991 7.68986 8.64958 7.29829 8.59166 7.08107C8.46633 6.61117 8.14918 6.22159 7.72039 6.01081C7.61535 5.95917 7.47354 5.90331 7.40526 5.88669C7.22402 5.84254 6.87385 5.83341 6.6923 5.8681Z" fill="#
|
|
54
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.59358 0.880542C6.19288 0.919951 6.06251 0.93667 5.83919 0.977253C3.69458 1.36718 1.8469 2.86738 0.978631 4.9238C0.559268 5.91699 0.383028 6.99046 0.452088 8.13081C0.546969 9.69783 0.960831 11.226 1.67532 12.6476C2.61302 14.5133 3.90078 15.9076 5.41746 16.6994C5.76355 16.8801 5.95602 16.9564 6.24809 17.0288C6.76524 17.1571 7.24316 17.1571 7.7603 17.0288C8.05237 16.9564 8.24485 16.8801 8.59093 16.6994C9.24801 16.3564 9.84843 15.9102 10.4149 15.3442C11.1913 14.5682 11.7955 13.7186 12.3326 12.6476C12.9864 11.3438 13.3758 10.0017 13.5284 8.52566C13.5686 8.13685 13.5746 7.23423 13.5391 6.91734C13.355 5.27382 12.6782 3.85657 11.5473 2.74691C10.5017 1.72087 9.23518 1.10472 7.78557 0.916888C7.56258 0.887996 6.76507 0.863689 6.59358 0.880542ZM6.47899 2.10325C5.61914 2.1928 4.77715 2.50015 4.05271 2.98894C3.45995 3.38888 2.84754 4.02907 2.46897 4.64451C2.13494 5.18754 1.88166 5.82783 1.75271 6.45507C1.68344 6.79213 1.65586 7.04322 1.64383 7.44703C1.5843 9.44216 2.33979 11.7913 3.59196 13.5047C4.10032 14.2003 4.79296 14.8809 5.41962 15.3004C6.06614 15.7332 6.52995 15.9124 7.0042 15.9124C7.37721 15.9124 7.704 15.815 8.14072 15.5736C9.32144 14.9211 10.3762 13.7848 11.1427 12.3394C11.9589 10.8004 12.4062 9.01783 12.3655 7.46629C12.3339 6.26271 11.9562 5.16616 11.2476 4.22103C11.0468 3.95324 10.6355 3.52181 10.3751 3.30591C9.61755 2.67783 8.73976 2.28498 7.74903 2.13064C7.51 2.09339 6.7343 2.07667 6.47899 2.10325ZM6.7619 4.64526C5.6027 4.74124 4.60842 5.56404 4.28296 6.69669C4.14706 7.16969 4.13714 7.71505 4.25578 8.19275C4.3765 8.67881 4.61487 9.10757 4.96898 9.47567C5.52262 10.0512 6.21182 10.3459 7.0042 10.3459C7.64012 10.3459 8.20337 10.1566 8.7226 9.76837C8.90863 9.62926 9.21417 9.30182 9.35086 9.09505C9.68261 8.59319 9.83238 8.09627 9.83309 7.49518C9.83401 6.71379 9.54171 6.00625 8.99125 5.4574C8.61169 5.07895 8.09955 4.8001 7.58851 4.69365C7.45717 4.66629 7.03737 4.62223 6.966 4.62829C6.95024 4.62964 6.8584 4.63727 6.7619 4.64526ZM6.6923 5.8681C6.08793 5.98358 5.58012 6.46644 5.41662 7.08107C5.35881 7.29841 5.35854 7.69011 5.41607 7.9093C5.55499 8.43864 5.98476 8.90072 6.4897 9.06361C6.79457 9.16198 7.1947 9.16506 7.49814 9.07141C8.00841 8.91391 8.45243 8.44232 8.59232 7.9093C8.64991 7.68986 8.64958 7.29829 8.59166 7.08107C8.46633 6.61117 8.14918 6.22159 7.72039 6.01081C7.61535 5.95917 7.47354 5.90331 7.40526 5.88669C7.22402 5.84254 6.87385 5.83341 6.6923 5.8681Z" fill="#363942"/>
|
|
55
55
|
</svg>
|
|
56
56
|
)
|
|
57
57
|
: item.icon === "phone" ? (
|
|
58
58
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
59
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.571 1.9087C10.3925 1.97036 10.2507 2.10949 10.1747 2.29759C10.1281 2.41315 10.1385 2.65484 10.1948 2.76338C10.3174 2.99985 10.4434 3.085 10.7665 3.14967C12.2033 3.4372 14.0236 4.73676 15.4193 6.47133C16.166 7.39933 16.7099 8.44797 16.8571 9.2436C16.8745 9.33808 16.9085 9.45584 16.9324 9.50532C17.147 9.94796 17.7857 9.96726 18.0422 9.53885C18.1651 9.33354 18.1532 9.0908 17.9931 8.53515C17.5485 6.99267 16.2225 5.16622 14.5153 3.74483C13.3773 2.79733 12.114 2.12568 11.0702 1.91325C10.8262 1.8636 10.7048 1.8625 10.571 1.9087ZM4.9978 2.73497C4.79873 2.7709 4.5777 2.84437 4.40018 2.93364C4.12298 3.07306 3.96227 3.21788 3.22191 3.99536C2.82806 4.40893 2.46248 4.80124 2.40952 4.86718C2.18502 5.14654 2.02096 5.47018 1.92758 5.81797C1.88045 5.99347 1.875 6.05062 1.875 6.36821C1.87504 7.54239 2.32611 9.121 3.07542 10.5692C4.15674 12.6592 6.03958 14.8483 7.89447 16.1722C9.42238 17.2627 10.9532 17.8844 12.6092 18.087C13.029 18.1383 13.9739 18.1375 14.2619 18.0855C14.6288 18.0194 14.9443 17.8771 15.2606 17.6351C15.3842 17.5406 15.9595 16.9527 16.6825 16.1823C16.9699 15.8761 17.179 15.4798 17.266 15.0765C17.2936 14.9484 17.3028 14.8214 17.3021 14.5803C17.3012 14.3005 17.2937 14.227 17.2476 14.0414C17.1121 13.496 16.8077 13.0184 16.3972 12.7072C16.3005 12.6339 16.0406 12.4701 15.8196 12.3431C15.5986 12.2162 15.2141 11.9955 14.9653 11.8527C14.7164 11.7099 14.4478 11.5654 14.3683 11.5316C13.8132 11.2957 13.1679 11.3036 12.6347 11.5528C12.3603 11.681 12.1909 11.8078 11.8977 12.1044C11.5841 12.4215 11.6019 12.4141 11.3241 12.3431C10.8674 12.2265 10.3119 11.8499 9.6266 11.1923C8.60257 10.2096 7.8923 9.16709 7.81307 8.53035C7.78914 8.33808 7.80899 8.28646 7.97509 8.10908C8.43099 7.62222 8.63438 7.11888 8.63456 6.47718C8.63469 5.97636 8.50028 5.53343 8.22423 5.12499C8.08366 4.91702 7.21465 3.69219 7.12208 3.57157C6.94505 3.34089 6.62429 3.07767 6.35331 2.94073C5.95145 2.73764 5.42548 2.65779 4.9978 2.73497ZM5.1286 3.92955C4.86514 4.00028 4.84375 4.01894 3.96888 4.94046C3.33756 5.60544 3.25527 5.70324 3.16791 5.89229C3.04123 6.16646 3.03135 6.39411 3.11969 7.00422C3.3714 8.74294 4.30522 10.6818 5.74492 12.4548C6.12784 12.9264 6.45902 13.2904 6.97087 13.8023C7.51729 14.3488 7.73054 14.5406 8.20904 14.9163C9.93911 16.2747 11.8607 16.9878 13.6434 16.9332C14.3591 16.9112 14.3375 16.9248 15.3309 15.8764C16.0007 15.1696 16.0052 15.1635 16.078 14.8792C16.2024 14.3936 15.9963 13.859 15.58 13.5873C15.3301 13.4242 13.9655 12.6541 13.8539 12.6133C13.5938 12.5181 13.3578 12.5312 13.106 12.6551C12.9875 12.7133 12.9145 12.775 12.6642 13.0277C12.3302 13.3651 12.2108 13.4446 11.9258 13.5191C11.7382 13.5681 11.3911 13.5775 11.1897 13.5389C10.4132 13.39 9.55342 12.824 8.55323 11.8033C7.79478 11.0293 7.28169 10.3509 6.96205 9.69963C6.60941 8.9811 6.52649 8.4089 6.69987 7.89058C6.76579 7.69353 6.8541 7.56037 7.07283 7.32835C7.2926 7.09521 7.38505 6.92487 7.42936 6.67142C7.46469 6.46933 7.45329 6.32177 7.38562 6.10494C7.32704 5.9172 7.32227 5.90969 6.71076 5.04171C6.40133 4.60253 6.16113 4.28282 6.07931 4.20126C5.82198 3.94475 5.45863 3.8409 5.1286 3.92955ZM11.1356 4.70454C10.6746 4.86366 10.555 5.45943 10.9198 5.7801C10.9673 5.82188 11.0498 5.87224 11.103 5.89205C11.3902 5.99884 11.8115 6.25788 12.1935 6.56265C12.4733 6.78586 13.1986 7.50709 13.4134 7.77571C13.7344 8.17708 13.9212 8.47148 14.079 8.82467C14.1552 8.99523 14.1962 9.06051 14.2656 9.12148C14.5058 9.33263 14.8193 9.35191 15.069 9.17088C15.3106 8.99572 15.3832 8.72216 15.2745 8.39695C15.1714 8.0883 14.8102 7.48502 14.4844 7.07702C13.6018 5.9719 12.3377 4.95368 11.5445 4.70902C11.3793 4.65804 11.2737 4.65689 11.1356 4.70454Z" fill="#
|
|
59
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.571 1.9087C10.3925 1.97036 10.2507 2.10949 10.1747 2.29759C10.1281 2.41315 10.1385 2.65484 10.1948 2.76338C10.3174 2.99985 10.4434 3.085 10.7665 3.14967C12.2033 3.4372 14.0236 4.73676 15.4193 6.47133C16.166 7.39933 16.7099 8.44797 16.8571 9.2436C16.8745 9.33808 16.9085 9.45584 16.9324 9.50532C17.147 9.94796 17.7857 9.96726 18.0422 9.53885C18.1651 9.33354 18.1532 9.0908 17.9931 8.53515C17.5485 6.99267 16.2225 5.16622 14.5153 3.74483C13.3773 2.79733 12.114 2.12568 11.0702 1.91325C10.8262 1.8636 10.7048 1.8625 10.571 1.9087ZM4.9978 2.73497C4.79873 2.7709 4.5777 2.84437 4.40018 2.93364C4.12298 3.07306 3.96227 3.21788 3.22191 3.99536C2.82806 4.40893 2.46248 4.80124 2.40952 4.86718C2.18502 5.14654 2.02096 5.47018 1.92758 5.81797C1.88045 5.99347 1.875 6.05062 1.875 6.36821C1.87504 7.54239 2.32611 9.121 3.07542 10.5692C4.15674 12.6592 6.03958 14.8483 7.89447 16.1722C9.42238 17.2627 10.9532 17.8844 12.6092 18.087C13.029 18.1383 13.9739 18.1375 14.2619 18.0855C14.6288 18.0194 14.9443 17.8771 15.2606 17.6351C15.3842 17.5406 15.9595 16.9527 16.6825 16.1823C16.9699 15.8761 17.179 15.4798 17.266 15.0765C17.2936 14.9484 17.3028 14.8214 17.3021 14.5803C17.3012 14.3005 17.2937 14.227 17.2476 14.0414C17.1121 13.496 16.8077 13.0184 16.3972 12.7072C16.3005 12.6339 16.0406 12.4701 15.8196 12.3431C15.5986 12.2162 15.2141 11.9955 14.9653 11.8527C14.7164 11.7099 14.4478 11.5654 14.3683 11.5316C13.8132 11.2957 13.1679 11.3036 12.6347 11.5528C12.3603 11.681 12.1909 11.8078 11.8977 12.1044C11.5841 12.4215 11.6019 12.4141 11.3241 12.3431C10.8674 12.2265 10.3119 11.8499 9.6266 11.1923C8.60257 10.2096 7.8923 9.16709 7.81307 8.53035C7.78914 8.33808 7.80899 8.28646 7.97509 8.10908C8.43099 7.62222 8.63438 7.11888 8.63456 6.47718C8.63469 5.97636 8.50028 5.53343 8.22423 5.12499C8.08366 4.91702 7.21465 3.69219 7.12208 3.57157C6.94505 3.34089 6.62429 3.07767 6.35331 2.94073C5.95145 2.73764 5.42548 2.65779 4.9978 2.73497ZM5.1286 3.92955C4.86514 4.00028 4.84375 4.01894 3.96888 4.94046C3.33756 5.60544 3.25527 5.70324 3.16791 5.89229C3.04123 6.16646 3.03135 6.39411 3.11969 7.00422C3.3714 8.74294 4.30522 10.6818 5.74492 12.4548C6.12784 12.9264 6.45902 13.2904 6.97087 13.8023C7.51729 14.3488 7.73054 14.5406 8.20904 14.9163C9.93911 16.2747 11.8607 16.9878 13.6434 16.9332C14.3591 16.9112 14.3375 16.9248 15.3309 15.8764C16.0007 15.1696 16.0052 15.1635 16.078 14.8792C16.2024 14.3936 15.9963 13.859 15.58 13.5873C15.3301 13.4242 13.9655 12.6541 13.8539 12.6133C13.5938 12.5181 13.3578 12.5312 13.106 12.6551C12.9875 12.7133 12.9145 12.775 12.6642 13.0277C12.3302 13.3651 12.2108 13.4446 11.9258 13.5191C11.7382 13.5681 11.3911 13.5775 11.1897 13.5389C10.4132 13.39 9.55342 12.824 8.55323 11.8033C7.79478 11.0293 7.28169 10.3509 6.96205 9.69963C6.60941 8.9811 6.52649 8.4089 6.69987 7.89058C6.76579 7.69353 6.8541 7.56037 7.07283 7.32835C7.2926 7.09521 7.38505 6.92487 7.42936 6.67142C7.46469 6.46933 7.45329 6.32177 7.38562 6.10494C7.32704 5.9172 7.32227 5.90969 6.71076 5.04171C6.40133 4.60253 6.16113 4.28282 6.07931 4.20126C5.82198 3.94475 5.45863 3.8409 5.1286 3.92955ZM11.1356 4.70454C10.6746 4.86366 10.555 5.45943 10.9198 5.7801C10.9673 5.82188 11.0498 5.87224 11.103 5.89205C11.3902 5.99884 11.8115 6.25788 12.1935 6.56265C12.4733 6.78586 13.1986 7.50709 13.4134 7.77571C13.7344 8.17708 13.9212 8.47148 14.079 8.82467C14.1552 8.99523 14.1962 9.06051 14.2656 9.12148C14.5058 9.33263 14.8193 9.35191 15.069 9.17088C15.3106 8.99572 15.3832 8.72216 15.2745 8.39695C15.1714 8.0883 14.8102 7.48502 14.4844 7.07702C13.6018 5.9719 12.3377 4.95368 11.5445 4.70902C11.3793 4.65804 11.2737 4.65689 11.1356 4.70454Z" fill="#363942"/>
|
|
60
60
|
</svg>
|
|
61
61
|
)
|
|
62
62
|
: item.icon === "email" ? (
|
|
63
63
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
64
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.72747 3.44347C4.6094 3.48792 3.63668 3.76584 2.88543 4.54121C2.51203 4.92659 2.26038 5.40914 2.10815 6.03157C1.92232 6.79149 1.875 7.59688 1.875 10.0007C1.875 12.4045 1.92232 13.2099 2.10815 13.9698C2.38674 15.109 3.06036 15.8701 4.10378 16.2247C4.59894 16.3929 5.14477 16.4796 6.0631 16.5358C6.64419 16.5714 13.3582 16.5714 13.9393 16.5358C15.4165 16.4454 16.1482 16.2438 16.7986 15.7482C17.4121 15.2808 17.7864 14.6065 17.9616 13.6528C18.0856 12.9782 18.1103 12.4872 18.122 10.4686C18.1375 7.80704 18.0965 6.94772 17.9141 6.10955C17.6615 4.94897 16.9605 4.13751 15.8986 3.77673C15.4194 3.61389 14.8846 3.52686 13.9971 3.46734C13.7009 3.44746 7.50593 3.42712 6.72747 3.44347ZM6.32307 4.65556C4.2817 4.7348 3.57124 5.1239 3.27928 6.32265C3.12349 6.96226 3.08836 7.63914 3.08836 10.0007C3.08836 11.6378 3.1019 12.2871 3.14689 12.808C3.2902 14.4674 3.79647 15.0565 5.25429 15.26C5.92506 15.3537 6.49702 15.3665 10.0012 15.3665C13.5054 15.3665 14.0774 15.3537 14.7481 15.26C15.7057 15.1263 16.2311 14.8221 16.5253 14.2307C16.7496 13.78 16.8471 13.2288 16.8951 12.1396C16.9197 11.5823 16.9197 8.41907 16.8951 7.86181C16.8302 6.38959 16.6574 5.76658 16.1878 5.31192C15.7453 4.88355 15.0672 4.71097 13.6023 4.654C13.0243 4.63152 6.90893 4.63284 6.32307 4.65556ZM5.36304 6.4304C5.19005 6.46527 5.01013 6.61494 4.93067 6.79004C4.90267 6.85172 4.89044 6.91858 4.89004 7.0121C4.88942 7.15734 4.91374 7.23563 4.99792 7.35938C5.04881 7.43417 6.88051 8.96301 7.60368 9.53427C8.44316 10.1974 8.89742 10.4569 9.48127 10.6068C9.66155 10.6531 9.71792 10.6587 10.0012 10.6587C10.2845 10.6587 10.3409 10.6531 10.5212 10.6068C11.1051 10.4569 11.5602 10.1969 12.3987 9.53415C13.1291 8.95694 14.9535 7.4343 15.0044 7.35952C15.0885 7.23582 15.1129 7.15756 15.1129 7.01143C15.1129 6.68667 14.8459 6.42343 14.5162 6.42324C14.4116 6.42318 14.3564 6.4342 14.2754 6.47131C14.2042 6.50398 13.8518 6.78282 13.1787 7.33924C11.7835 8.49253 11.6665 8.58733 11.3184 8.84686C10.2106 9.67276 9.78763 9.67259 8.68209 8.84581C8.33324 8.58493 8.20293 8.47928 6.82376 7.33924C6.18792 6.81364 5.79746 6.50392 5.73572 6.47618C5.62112 6.42467 5.47843 6.40714 5.36304 6.4304Z" fill="#
|
|
64
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.72747 3.44347C4.6094 3.48792 3.63668 3.76584 2.88543 4.54121C2.51203 4.92659 2.26038 5.40914 2.10815 6.03157C1.92232 6.79149 1.875 7.59688 1.875 10.0007C1.875 12.4045 1.92232 13.2099 2.10815 13.9698C2.38674 15.109 3.06036 15.8701 4.10378 16.2247C4.59894 16.3929 5.14477 16.4796 6.0631 16.5358C6.64419 16.5714 13.3582 16.5714 13.9393 16.5358C15.4165 16.4454 16.1482 16.2438 16.7986 15.7482C17.4121 15.2808 17.7864 14.6065 17.9616 13.6528C18.0856 12.9782 18.1103 12.4872 18.122 10.4686C18.1375 7.80704 18.0965 6.94772 17.9141 6.10955C17.6615 4.94897 16.9605 4.13751 15.8986 3.77673C15.4194 3.61389 14.8846 3.52686 13.9971 3.46734C13.7009 3.44746 7.50593 3.42712 6.72747 3.44347ZM6.32307 4.65556C4.2817 4.7348 3.57124 5.1239 3.27928 6.32265C3.12349 6.96226 3.08836 7.63914 3.08836 10.0007C3.08836 11.6378 3.1019 12.2871 3.14689 12.808C3.2902 14.4674 3.79647 15.0565 5.25429 15.26C5.92506 15.3537 6.49702 15.3665 10.0012 15.3665C13.5054 15.3665 14.0774 15.3537 14.7481 15.26C15.7057 15.1263 16.2311 14.8221 16.5253 14.2307C16.7496 13.78 16.8471 13.2288 16.8951 12.1396C16.9197 11.5823 16.9197 8.41907 16.8951 7.86181C16.8302 6.38959 16.6574 5.76658 16.1878 5.31192C15.7453 4.88355 15.0672 4.71097 13.6023 4.654C13.0243 4.63152 6.90893 4.63284 6.32307 4.65556ZM5.36304 6.4304C5.19005 6.46527 5.01013 6.61494 4.93067 6.79004C4.90267 6.85172 4.89044 6.91858 4.89004 7.0121C4.88942 7.15734 4.91374 7.23563 4.99792 7.35938C5.04881 7.43417 6.88051 8.96301 7.60368 9.53427C8.44316 10.1974 8.89742 10.4569 9.48127 10.6068C9.66155 10.6531 9.71792 10.6587 10.0012 10.6587C10.2845 10.6587 10.3409 10.6531 10.5212 10.6068C11.1051 10.4569 11.5602 10.1969 12.3987 9.53415C13.1291 8.95694 14.9535 7.4343 15.0044 7.35952C15.0885 7.23582 15.1129 7.15756 15.1129 7.01143C15.1129 6.68667 14.8459 6.42343 14.5162 6.42324C14.4116 6.42318 14.3564 6.4342 14.2754 6.47131C14.2042 6.50398 13.8518 6.78282 13.1787 7.33924C11.7835 8.49253 11.6665 8.58733 11.3184 8.84686C10.2106 9.67276 9.78763 9.67259 8.68209 8.84581C8.33324 8.58493 8.20293 8.47928 6.82376 7.33924C6.18792 6.81364 5.79746 6.50392 5.73572 6.47618C5.62112 6.42467 5.47843 6.40714 5.36304 6.4304Z" fill="#363942"/>
|
|
65
65
|
</svg>
|
|
66
66
|
)
|
|
67
67
|
: (
|
|
@@ -53,24 +53,24 @@ const imageUrl = imageBase || extractImageUrl(image);
|
|
|
53
53
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
54
54
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
55
55
|
<g id="SVGRepo_iconCarrier">
|
|
56
|
-
<circle cx="12" cy="12" r="10" stroke="#
|
|
57
|
-
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#
|
|
56
|
+
<circle cx="12" cy="12" r="10" stroke="#001978" stroke-width="1.5"></circle>
|
|
57
|
+
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#001978" stroke-width="1.5" stroke-linecap="round"></path>
|
|
58
58
|
</g>
|
|
59
59
|
</svg>
|
|
60
60
|
<div class="w-1/2">
|
|
61
|
-
<h1 class="font-heading text-[#
|
|
61
|
+
<h1 class="font-heading text-[#262626] text-left pr-0 md:pr-6 mb-4 md:mb-8 mx-auto lg:mx-0 text-[36px] md:text-[56px] not-italic font-semibold leading-[44px] md:leading-[64px]" set:html={title}></h1>
|
|
62
62
|
|
|
63
63
|
<p
|
|
64
|
-
class="text-[#
|
|
64
|
+
class="text-[#363942] font-body md:font-heading font-normal text-base leading-6 md:text-xl md:leading-7 not-italic mb-8"
|
|
65
65
|
set:html={description}
|
|
66
66
|
/>
|
|
67
67
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
68
68
|
<Fragment>
|
|
69
69
|
{showBtn && linkBtn && (
|
|
70
|
-
<a href={linkBtn} target="_self" class="inline-block w-fit h-11 md:h-12 text-[#
|
|
70
|
+
<a href={linkBtn} target="_self" class="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 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>
|
|
71
71
|
)}
|
|
72
72
|
{showBtnModal && (
|
|
73
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#
|
|
73
|
+
<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>
|
|
74
74
|
)}
|
|
75
75
|
</Fragment>
|
|
76
76
|
) : (
|
|
@@ -81,18 +81,18 @@ const imageUrl = imageBase || extractImageUrl(image);
|
|
|
81
81
|
|
|
82
82
|
) : (
|
|
83
83
|
<div class="w-full lg:w-1/2">
|
|
84
|
-
<h1 class="font-heading text-[#
|
|
84
|
+
<h1 class="font-heading text-[#262626] text-left pr-0 md:pr-6 mb-4 md:mb-8 mx-auto lg:mx-0 text-[36px] md:text-[56px] not-italic font-semibold leading-[44px] md:leading-[64px]" set:html={title}></h1>
|
|
85
85
|
<p
|
|
86
|
-
class="text-[#
|
|
86
|
+
class="text-[#363942] font-body md:font-heading font-normal text-base leading-6 md:text-xl md:leading-7 not-italic mb-8"
|
|
87
87
|
set:html={description}
|
|
88
88
|
/>
|
|
89
89
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
90
90
|
<Fragment>
|
|
91
91
|
{showBtn && linkBtn && (
|
|
92
|
-
<a href={linkBtn} target="_self" class="inline-block w-fit h-11 md:h-12 text-[#
|
|
92
|
+
<a href={linkBtn} target="_self" class="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 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>
|
|
93
93
|
)}
|
|
94
94
|
{showBtnModal && (
|
|
95
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#
|
|
95
|
+
<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>
|
|
96
96
|
)}
|
|
97
97
|
</Fragment>
|
|
98
98
|
) : (
|
|
@@ -120,23 +120,23 @@ const imageUrl = imageBase || extractImageUrl(image);
|
|
|
120
120
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
121
121
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
122
122
|
<g id="SVGRepo_iconCarrier">
|
|
123
|
-
<circle cx="12" cy="12" r="10" stroke="#
|
|
124
|
-
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#
|
|
123
|
+
<circle cx="12" cy="12" r="10" stroke="#001978" stroke-width="1.5"></circle>
|
|
124
|
+
<path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#001978" stroke-width="1.5" stroke-linecap="round"></path>
|
|
125
125
|
</g>
|
|
126
126
|
</svg>
|
|
127
127
|
|
|
128
128
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
129
|
-
<h1 class="font-heading text-[#
|
|
130
|
-
<p class="text-[#
|
|
129
|
+
<h1 class="font-heading text-[#262626] text-left pr-0 md:pr-6 mb-4 md:mb-8 mx-auto lg:mx-0 text-[36px] md:text-[56px] not-italic font-semibold leading-[44px] md:leading-[64px]" set:html={title}></h1>
|
|
130
|
+
<p class="text-[#363942] font-body md:font-heading font-normal text-base leading-6 md:text-xl md:leading-7 not-italic mb-8"
|
|
131
131
|
set:html={description}
|
|
132
132
|
/>
|
|
133
133
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
134
134
|
<Fragment>
|
|
135
135
|
{showBtn && linkBtn && (
|
|
136
|
-
<a href={linkBtn} target="_self" class="inline-block w-fit h-11 md:h-12 text-[#
|
|
136
|
+
<a href={linkBtn} target="_self" class="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 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>
|
|
137
137
|
)}
|
|
138
138
|
{showBtnModal && (
|
|
139
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#
|
|
139
|
+
<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>
|
|
140
140
|
)}
|
|
141
141
|
</Fragment>
|
|
142
142
|
) : (
|
|
@@ -147,16 +147,16 @@ const imageUrl = imageBase || extractImageUrl(image);
|
|
|
147
147
|
|
|
148
148
|
) : (
|
|
149
149
|
<div class="w-1/2 p-4 flex flex-col flex-wrap ">
|
|
150
|
-
<h1 class="font-heading text-[#
|
|
151
|
-
<p class="text-[#
|
|
150
|
+
<h1 class="font-heading text-[#262626] text-left pr-0 md:pr-6 mb-4 md:mb-8 mx-auto lg:mx-0 text-[36px] md:text-[56px] not-italic font-semibold leading-[44px] md:leading-[64px]" set:html={title}></h1>
|
|
151
|
+
<p class="text-[#363942] font-body md:font-heading font-normal text-base leading-6 md:text-xl md:leading-7 not-italic mb-8" set:html={description}
|
|
152
152
|
/>
|
|
153
153
|
{(showBtn && linkBtn) || showBtnModal ? (
|
|
154
154
|
<Fragment>
|
|
155
155
|
{showBtn && linkBtn && (
|
|
156
|
-
<a href={linkBtn} target="_self" class="inline-block w-fit h-11 md:h-12 text-[#
|
|
156
|
+
<a href={linkBtn} target="_self" class="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 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>
|
|
157
157
|
)}
|
|
158
158
|
{showBtnModal && (
|
|
159
|
-
<button id={`js-open-teruel-popup-${randomId}`} class={`popup-modal-trigger-${randomId} inline-block w-fit h-11 md:h-12 text-[#
|
|
159
|
+
<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>
|
|
160
160
|
)}
|
|
161
161
|
</Fragment>
|
|
162
162
|
) : (
|
|
@@ -170,8 +170,8 @@ const imageUrl = imageBase || extractImageUrl(image);
|
|
|
170
170
|
)}
|
|
171
171
|
</section>
|
|
172
172
|
|
|
173
|
-
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-
|
|
174
|
-
<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-[#
|
|
173
|
+
<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">
|
|
174
|
+
<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">
|
|
175
175
|
<div class="w-full flex justify-end">
|
|
176
176
|
<button id={`js-close-teruel-popup-${randomId}`} class="js-close-popup w-auto transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
177
177
|
</div>
|
|
@@ -180,8 +180,8 @@ const imageUrl = imageBase || extractImageUrl(image);
|
|
|
180
180
|
<img src={imageModalUrl} alt={altModal} width="300" height="400" class="w-fit" loading="lazy"/>
|
|
181
181
|
</div>
|
|
182
182
|
<div class="w-full lg:w-2/3">
|
|
183
|
-
<h2 class="font-heading text-[#
|
|
184
|
-
<!-- <h3 class="font-heading text-[#
|
|
183
|
+
<h2 class="font-heading text-[#262626] text-[28px] leading-9 lg:text-[32px] lg:leading-10 font-normal text-left mb-8">{titleModal}</h2>
|
|
184
|
+
<!-- <h3 class="font-heading text-[#262626] text-[20px] lg:text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{subtitleModal}</h3> -->
|
|
185
185
|
<div class="font-body text-base font-normal leading-6 mb-8" set:html={descriptionModal} />
|
|
186
186
|
<div id={`lf2-form-container-${randomId}`} class="w-full">
|
|
187
187
|
<!--FORMULARIO -->
|
|
@@ -12,19 +12,19 @@ const {
|
|
|
12
12
|
} = Astro.props;
|
|
13
13
|
|
|
14
14
|
---
|
|
15
|
-
<article class="w-full max-w-7xl flex flex-col md:flex-row text-center items-center justify-center p-6 md:p-12 bg-cover bg-[#
|
|
15
|
+
<article class="w-full max-w-7xl flex flex-col md:flex-row text-center items-center justify-center p-6 md:p-12 bg-cover bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl" style={`background-image: url(${subdirectory}/images/genial/ico-shield.webp)`}>
|
|
16
16
|
<div class={`w-full ${items.length === 1 ? 'md:w-2/3' : items.length === 2 ? 'md:w-1/2' : 'md:w-1/3'} flex flex-col text-left p-0 mb-4 md:pl-[140px]`}>
|
|
17
|
-
<h2 class="text-[28px] leading-9 md:text-[32px] md:leading-10 mb-4 font-heading text-[#
|
|
18
|
-
<div class="max-w-[900px] text-[#
|
|
17
|
+
<h2 class="text-[28px] leading-9 md:text-[32px] md:leading-10 mb-4 font-heading text-[#262626] font-normal">{title}</h2>
|
|
18
|
+
<div class="max-w-[900px] text-[#363942] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8">
|
|
19
19
|
<p set:html={description}></p>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="w-full flex">
|
|
22
22
|
{showBtn ? (
|
|
23
23
|
<div class="flex justify-center gap-2">
|
|
24
|
-
<a href={buttonUrl} class="pl-0 lg:pl-5 font-body font-semibold text-base leading-6 text-[#
|
|
24
|
+
<a href={buttonUrl} class="pl-0 lg:pl-5 font-body font-semibold text-base leading-6 text-[#001978] hover:text-[#262626] transition-all duration-300 cursor-pointer">{buttonText}</a>
|
|
25
25
|
<div class="flex justify-center">
|
|
26
26
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
27
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7455 20.8049C7.43901 20.5263 7.41642 20.052 7.69505 19.7455L14.7364 12L7.69505 4.2545C7.41642 3.94801 7.43901 3.47367 7.7455 3.19504C8.05199 2.91641 8.52633 2.939 8.80496 3.24549L16.305 11.4955C16.565 11.7816 16.565 12.2184 16.305 12.5045L8.80496 20.7545C8.52633 21.061 8.05199 21.0836 7.7455 20.8049Z" fill="#
|
|
27
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7455 20.8049C7.43901 20.5263 7.41642 20.052 7.69505 19.7455L14.7364 12L7.69505 4.2545C7.41642 3.94801 7.43901 3.47367 7.7455 3.19504C8.05199 2.91641 8.52633 2.939 8.80496 3.24549L16.305 11.4955C16.565 11.7816 16.565 12.2184 16.305 12.5045L8.80496 20.7545C8.52633 21.061 8.05199 21.0836 7.7455 20.8049Z" fill="#001978"/>
|
|
28
28
|
</svg>
|
|
29
29
|
</div>
|
|
30
30
|
</div>
|
|
@@ -29,11 +29,11 @@ const { pageId = PAGE_ENTITY_ID, itemListId = '' } = Astro.props;
|
|
|
29
29
|
}
|
|
30
30
|
</script>`;
|
|
31
31
|
---
|
|
32
|
-
<section class="w-full flex items-center justify-center bg-[
|
|
32
|
+
<section class="w-full flex items-center justify-center bg-[#001978]/4 py-12">
|
|
33
33
|
<article class="flex flex-col items-center justify-center p-4">
|
|
34
34
|
<div class="flex flex-col md:flex-row items-center gap-4">
|
|
35
35
|
{items.map(item => (
|
|
36
|
-
<div class="w-full md:w-1/3 content-center flex flex-col flex-wrap h-full text-[#
|
|
36
|
+
<div class="w-full md:w-1/3 content-center flex flex-col flex-wrap h-full text-[#262626] nth-of-type-2:p-4 nth-of-type-2:border nth-of-type-2:border-y-1 nth-of-type-2:border-x-0 md:nth-of-type-2:border md:nth-of-type-2:border-x-1 md:nth-of-type-2:border-y-0 ">
|
|
37
37
|
<p class="text-[40px] md:text-[56px] text-center leading-[48px] md:leading-[64px] mb-4 font-heading font-semibold">{item.title}</p>
|
|
38
38
|
<p
|
|
39
39
|
class="text-xl text-center font-heading font-xl leading-7 flex flex-col gap-4"
|