libreria-astro-lefebvre 0.0.6 → 0.0.8

package/src/carbins/VueButton.ts

@@ -1,35 +1,35 @@
-
-import type { ComponentMetadata } from '../interfaces/types';
-
-export const metadata: ComponentMetadata = {
-  component_name: 'VueButton',
-  category: 'Call to Action',
-  name: 'Botón en Vue',
-  description: 'Botón de prueba en Vue',
-  framework: 'Vue',
-  priority: 2,
-  tags: ['boton', 'interactivo', 'ejemplo'],
-   fields: [
-    {
-      name: 'label',
-      type: 'text',
-      label: 'Texto del botón',
-      mandatory: true,
-      example_value: 'Botón en Vue'
-    },    
-    {
-      name: 'href',
-      type: 'text',
-      label: 'Url de destino',
-      mandatory: true,
-      example_value: 'https://lefebvre.es'
-    },
-    {
-      name: 'target',
-      type: 'text',
-      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
-      mandatory: false,
-      example_value: '_blank'
-    },
-  ]
-};
+
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'VueButton',
+  category: 'Call to Action',
+  name: 'Botón en Vue',
+  description: 'Botón de prueba en Vue',
+  framework: 'Vue',
+  priority: 2,
+  tags: ['boton', 'interactivo', 'ejemplo'],
+   fields: [
+    {
+      name: 'label',
+      type: 'text',
+      label: 'Texto del botón',
+      mandatory: true,
+      example_value: 'Botón en Vue'
+    },    
+    {
+      name: 'href',
+      type: 'text',
+      label: 'Url de destino',
+      mandatory: true,
+      example_value: 'https://lefebvre.es'
+    },
+    {
+      name: 'target',
+      type: 'text',
+      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
+      mandatory: false,
+      example_value: '_blank'
+    },
+  ]
+};

package/src/components/Astro/Button.astro

@@ -1,6 +1,6 @@
----
-
-const { label } = Astro.props;
-
----
+---
+
+const { label } = Astro.props;
+
+---
 <button class="btn bg-cyan-600 text-gray-200 p-2 rounded-lg font-bold m-4 cursor-pointer transition-colors duration-300 hover:bg-red-600">{label}</button>

package/src/components/Astro/CTA_2025_Formentera.astro

@@ -0,0 +1,20 @@
+---
+
+const {
+    buttonText = "xxx",
+    buttonUrl = "#",
+    frontColor = 'white',
+    backColor = '#2134F1',
+    borderColor = '#2134F1',
+} = Astro.props;
+
+---
+<a 
+    href={buttonUrl} 
+    class="font-bold block m-8 p-3 px-5 rounded-xl transition-colors duration-300"
+    style={`border: 1px solid ${borderColor}; background-color: ${backColor}; color: ${frontColor};`}
+    onmouseover={`this.style.backgroundColor='${frontColor}'; this.style.color='${backColor}';`}
+    onmouseout={`this.style.backgroundColor='${backColor}'; this.style.color='${frontColor}';`}
+>
+    {buttonText}
+</a>

package/src/components/Astro/Cabecera_2025_Barcelona.astro

@@ -0,0 +1,17 @@
+---
+const {
+    text,
+    link = "#",
+    subdirectory = "",
+    } = Astro.props;
+
+---
+
+<section class="w-full flex pb-12">
+    <div class="max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] py-2 text-[14px]">
+        <a href={subdirectory + '/'}><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.607 2.26475C11.1639 2.32582 10.6509 2.48899 10.1624 2.72428C9.60055 2.99492 9.00859 3.34706 6.66084 4.80718C4.31852 6.26394 3.93572 6.53182 3.40193 7.08788C2.90464 7.60592 2.64374 8.07514 2.46575 8.77158C2.28122 9.49354 2.26758 9.74391 2.2535 12.6665C2.24172 15.1104 2.25893 16.3111 2.31649 17.061C2.44485 18.7333 2.80188 19.7175 3.55237 20.4678C4.28974 21.2051 5.2235 21.5501 6.83418 21.6806C7.50612 21.735 8.61888 21.75 11.9999 21.75C15.3809 21.75 16.4937 21.735 17.1656 21.6806C18.7575 21.5516 19.699 21.2081 20.4254 20.4911C20.9976 19.9264 21.341 19.2288 21.5307 18.2464C21.724 17.2457 21.7637 16.2126 21.7463 12.6447C21.7321 9.7458 21.7182 9.49232 21.534 8.77158C21.356 8.07514 21.0951 7.60592 20.5979 7.08788C20.0641 6.53182 19.6813 6.26394 17.3389 4.80718C14.9942 3.34893 14.4021 2.99663 13.8362 2.72324C13.4707 2.54669 13.003 2.3831 12.6586 2.3114C12.3947 2.25643 11.8444 2.23204 11.607 2.26475ZM11.6269 3.73267C11.5426 3.74947 11.3777 3.79614 11.2605 3.83636C10.6997 4.02896 10.2326 4.29571 7.66624 5.88901C5.52292 7.21964 5.04514 7.53681 4.65608 7.88712C3.98123 8.49478 3.78607 9.00003 3.72514 10.2972C3.69616 10.9139 3.69657 15.5359 3.72565 16.2378C3.80342 18.1147 4.03097 18.9336 4.63227 19.501C5.0201 19.867 5.59984 20.0807 6.49905 20.189C7.24869 20.2793 7.46553 20.283 11.9999 20.283C16.5343 20.283 16.7511 20.2793 17.5007 20.189C19.2668 19.9762 19.925 19.3378 20.1684 17.6016C20.2815 16.7945 20.3028 15.9639 20.291 12.8283C20.284 10.9976 20.272 10.0331 20.254 9.86956C20.1456 8.88351 19.9347 8.41609 19.3684 7.90674C18.9506 7.53089 18.535 7.25522 16.2312 5.82558C13.7693 4.29779 13.2896 4.02434 12.7476 3.83985C12.3354 3.69954 11.9691 3.6645 11.6269 3.73267Z" fill="#363942"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5553 14.1632C10.1564 14.1632 9.83307 14.4866 9.83307 14.8856V20.6644C9.83307 21.0634 9.50969 21.3868 9.11079 21.3868C8.71189 21.3868 8.38852 21.0634 8.38852 20.6644V14.8856C8.38852 13.6888 9.35864 12.7185 10.5553 12.7185H13.4444C14.6411 12.7185 15.6113 13.6888 15.6113 14.8856V20.6644C15.6113 21.0634 15.2879 21.3868 14.889 21.3868C14.4901 21.3868 14.1667 21.0634 14.1667 20.6644V14.8856C14.1667 14.4866 13.8433 14.1632 13.4444 14.1632H10.5553Z" fill="#363942"/>
+        </svg></a> / <a href={link}><span class="text-[#363942] font-normal" set:html={text}></span></a>
+    </div>
+</section>

package/src/components/Astro/Cabecera_2025_Madrid.astro

@@ -0,0 +1,147 @@
+---
+const {
+    label = 'Pruébalo ya',
+    url = '#',
+    subdirectory = ''
+    } = Astro.props;
+
+const categories = [
+    // {
+    //     name: 'Conócenos',
+    //     link: subdirectory + '/conocenos',
+    //     subcategories: [{name: 'Quiénes somos', link: '#'}, {name: 'Nuestra cultura', link: '#'}, {name: 'Equipo', link: '#'}],
+    // },
+    {
+        name: 'GenIA-L',
+        link: subdirectory + '/conoce-genia-l',
+        subcategories: [],
+    },
+    // {
+    //     name: 'IA Jurídica',
+    //     link: subdirectory + '/ia-juridica',
+    //     subcategories: [],
+    // },
+    {
+        name: 'Casos reales',
+        link: subdirectory + '/casos-reales',
+        subcategories: [],
+    },
+    // {
+    //     name: 'Novedades y recursos',
+    //     link: subdirectory + '/novedades-y-recursos',
+    //     subcategories: [],
+    // },
+    // {
+    //     name: 'FAQs',
+    //     link: subdirectory + '/faqs',
+    //     subcategories: [],
+    // },
+    {
+        name: 'Contacto',
+        link: subdirectory + '/contacto',
+        subcategories: [],
+    },
+    ];
+---
+
+<header class="sticky top-0 w-full bg-white z-50 flex flex-col justify-center align-center items-center p-0">
+    <nav class="px-4 py-2 w-full border-b-1 border-gray-400">
+        
+        <div class="max-w-7xl flex items-center justify-between py-2 mx-auto">
+            <a href={subdirectory + '/'} class="hidden md:flex items-center">
+                <svg xmlns="http://www.w3.org/2000/svg" class="logo-svg" width="149" height="40" viewBox="0 0 149 40" fill="none">
+                    <path d="M22.9413 11.6973H19.6725V28.3047H29.5979V25.4978H22.9413V11.6973Z" fill="#1D1D1B"/>
+                    <path d="M14.3234 25.4978H7.66687V28.3047H17.5923V11.6973H14.3234V25.4978Z" fill="#1D1D1B"/>
+                    <path d="M72.925 18.3636C72.3901 17.8373 71.7958 17.3695 71.0826 17.0771C70.3694 16.7848 69.5967 16.6093 68.7647 16.6093C67.9326 16.6093 67.16 16.7848 66.3873 17.0771C65.6741 17.3695 65.0204 17.8373 64.4855 18.3636C63.9506 18.8899 63.5345 19.5332 63.2374 20.2349C62.9402 20.9366 62.7619 21.7553 62.7619 22.574C62.7619 23.3926 62.9402 24.2113 63.2374 24.913C63.5345 25.6148 64.01 26.258 64.5449 26.7843C65.0798 27.3106 65.793 27.7199 66.5656 28.0708C67.3383 28.3632 68.1703 28.5386 69.0618 28.5386C69.9533 28.5386 70.8448 28.4216 71.5581 28.1293C72.3307 27.8369 73.0439 27.4275 73.7571 26.8428L71.7364 25.03C71.4392 25.3224 71.0232 25.5563 70.6071 25.7317C70.1317 25.9071 69.6562 25.9656 69.1807 25.9656C68.3486 25.9656 67.6949 25.7317 67.1005 25.3224C66.5062 24.8546 66.0902 24.3283 65.9119 23.5681H74.5892V22.7494C74.5892 21.8722 74.4703 21.0536 74.1731 20.2934C73.876 19.5332 73.4599 18.8899 72.9845 18.3636M65.8524 21.4044C66.0307 20.7027 66.3873 20.1179 66.9222 19.7086C67.4571 19.2993 68.0515 19.0654 68.7647 19.0654C69.4779 19.0654 70.0128 19.2993 70.5477 19.7086C71.0826 20.1179 71.4392 20.7027 71.6175 21.346H65.8524V21.4044ZM84.0985 16.5509C82.9693 16.5509 82.0778 17.428 82.0778 18.5391C82.0778 19.6501 82.9693 20.5273 84.0985 20.5273C85.2278 20.5273 86.1193 19.6501 86.1193 18.5391C86.1193 17.428 85.2278 16.5509 84.0985 16.5509ZM55.1544 11.6973H51.8855V28.3047H61.8109V25.4978H55.095V11.7558L55.1544 11.6973ZM79.641 11.9312C78.8684 12.5744 77.858 13.8609 77.858 15.9661V17.0187H76.1344V20.001H77.858V28.2462H80.9486V15.9661C80.9486 14.1533 82.1372 13.5101 83.8014 13.744C84.3957 13.744 85.0495 13.9779 85.4655 14.1533L86.2976 11.4634C85.8815 11.288 85.3466 11.1125 84.5146 10.9371C82.5533 10.5862 80.8297 10.9371 79.641 11.8727M134.558 16.5509C133.428 16.5509 132.537 17.428 132.537 18.5391C132.537 19.6501 133.428 20.5273 134.558 20.5273C135.687 20.5273 136.578 19.6501 136.578 18.5391C136.578 17.428 135.687 16.5509 134.558 16.5509ZM96.5796 18.3636C96.0447 17.8373 95.4503 17.3695 94.7372 17.0771C94.0239 16.7848 93.2513 16.6093 92.4192 16.6093C91.5872 16.6093 90.8145 16.7848 90.0419 17.0771C89.3287 17.3695 88.6749 17.8373 88.14 18.3636C87.6051 18.8899 87.1891 19.5332 86.8919 20.2349C86.5947 20.9366 86.4165 21.7553 86.4165 22.574C86.4165 23.3926 86.5947 24.2113 86.8919 24.913C87.1891 25.6148 87.6646 26.258 88.1995 26.7843C88.7344 27.3106 89.4476 27.7199 90.2202 28.0708C90.9928 28.3632 91.8249 28.5386 92.7164 28.5386C93.6079 28.5386 94.4994 28.4216 95.2126 28.1293C95.9852 27.8369 96.6985 27.4275 97.4117 26.8428L95.3909 25.03C95.0938 25.3224 94.6777 25.5563 94.2617 25.7317C93.7862 25.9071 93.3107 25.9656 92.8353 25.9656C92.0032 25.9656 91.3494 25.7317 90.7551 25.3224C90.1608 24.8546 89.7447 24.3283 89.5664 23.5681H98.2437V22.7494C98.2437 21.8722 98.1249 21.0536 97.8277 20.2934C97.5305 19.5332 97.1145 18.8899 96.639 18.3636M89.507 21.4044C89.6853 20.7027 90.0419 20.1179 90.5768 19.7086C91.1117 19.2993 91.706 19.0654 92.4192 19.0654C93.1324 19.0654 93.6674 19.2993 94.2022 19.7086C94.7372 20.1179 95.0938 20.7027 95.272 21.346H89.507V21.4044ZM147.336 18.3636C146.801 17.8373 146.207 17.3695 145.493 17.0771C144.78 16.7848 144.008 16.6093 143.176 16.6093C142.343 16.6093 141.571 16.7848 140.798 17.0771C140.085 17.3695 139.431 17.8373 138.896 18.3636C138.361 18.8899 137.945 19.5332 137.648 20.2349C137.351 20.9366 137.173 21.7553 137.173 22.574C137.173 23.3926 137.351 24.2113 137.648 24.913C137.945 25.6148 138.421 26.258 138.956 26.7843C139.491 27.3106 140.204 27.7199 140.976 28.0708C141.749 28.3632 142.581 28.5386 143.473 28.5386C144.364 28.5386 145.256 28.4216 145.969 28.1293C146.742 27.8369 147.455 27.4275 148.168 26.8428L146.147 25.03C145.85 25.3224 145.434 25.5563 145.018 25.7317C144.542 25.9071 144.067 25.9656 143.592 25.9656C142.759 25.9656 142.106 25.7317 141.511 25.3224C140.917 24.8546 140.501 24.3283 140.323 23.5681H149V22.7494C149 21.8722 148.881 21.0536 148.584 20.2934C148.287 19.5332 147.871 18.8899 147.395 18.3636M140.263 21.4044C140.442 20.7027 140.798 20.1179 141.333 19.7086C141.868 19.2993 142.462 19.0654 143.176 19.0654C143.889 19.0654 144.424 19.2993 144.959 19.7086C145.493 20.1179 145.85 20.7027 146.028 21.346H140.263V21.4044ZM128.198 28.3047H131.289V16.7848H128.198V28.3047ZM119.878 24.4452L116.668 16.7848H113.34L118.392 28.3047H121.363L126.415 16.7848H123.146L119.937 24.4452H119.878ZM111.141 18.3636C110.606 17.8373 109.952 17.428 109.239 17.0771C108.526 16.7848 107.753 16.6093 106.921 16.6093C106.089 16.6093 105.732 16.7263 105.197 16.9017C104.663 17.0771 104.128 17.3695 103.652 17.6619V11.6388H100.562V28.2462H103.593V27.486C104.068 27.7784 104.544 28.0123 105.138 28.1877C105.673 28.3632 106.267 28.4216 106.862 28.4216C107.456 28.4216 108.466 28.2462 109.239 27.9538C109.952 27.6614 110.606 27.2521 111.141 26.7258C111.676 26.1995 112.092 25.5563 112.448 24.8546C112.746 24.1528 112.924 23.3342 112.924 22.5155C112.924 21.6968 112.746 20.9366 112.448 20.1764C112.151 19.4747 111.735 18.8315 111.2 18.3052M108.882 24.913C108.229 25.5563 107.396 25.8487 106.446 25.8487C105.495 25.8487 105.376 25.7317 104.9 25.5563C104.425 25.3808 104.009 25.0885 103.652 24.7961V20.2934C104.009 19.9425 104.425 19.6501 104.9 19.4747C105.376 19.2993 105.911 19.1823 106.446 19.1823C107.396 19.1823 108.169 19.4747 108.882 20.1179C109.536 20.7612 109.893 21.5214 109.893 22.5155C109.893 23.5096 109.536 24.2698 108.882 24.913Z" fill="#1D1D1B"/>
+                    <path d="M34.7092 40L2.49621 38.7135C1.0698 38.7135 0 37.4855 0 36.1405V3.74443C0 2.45794 1.30754 1.34688 2.61508 1.28841L34.8281 0.00191719C36.4922 -0.0565595 37.8592 1.22993 37.8592 2.86728V36.9007C37.8592 38.5966 36.4328 40 34.6498 39.9415H34.7092V40ZM3.86318 35.7897L33.8771 36.6083C34.2932 36.6083 34.7092 36.2575 34.7092 35.8481V3.91986C34.7092 3.51052 34.412 3.21814 33.996 3.21814L3.80375 4.27072C3.26885 4.27072 2.85281 4.73853 2.85281 5.26482V34.7956C2.85281 35.3219 3.26885 35.7312 3.80375 35.7897H3.86318Z" fill="#1D1D1B"/>
+                </svg>
+            </a>
+            <a href="#" class="flex md:hidden items-center">
+                <svg xmlns="http://www.w3.org/2000/svg" width="39" height="40" viewBox="0 0 39 40" fill="none">
+                    <path d="M23.672 11.6973H20.4178V28.3047H30.2988V25.4978H23.672V11.6973Z" fill="#1D1D1B"/>
+                    <path d="M15.0927 25.4978H8.46588V28.3047H18.3469V11.6973H15.0927V25.4978Z" fill="#1D1D1B"/>
+                    <path d="M35.3872 40L3.31835 38.7135C1.89833 38.7135 0.833313 37.4855 0.833313 36.1405V3.74443C0.833313 2.45794 2.135 1.34688 3.43669 1.28841L35.5056 0.00191719C37.1623 -0.0565595 38.5231 1.22993 38.5231 2.86728V36.9007C38.5231 38.5966 37.1031 40 35.3281 39.9415H35.3872V40ZM4.67921 35.7897L34.5589 36.6083C34.973 36.6083 35.3872 36.2575 35.3872 35.8481V3.91986C35.3872 3.51052 35.0914 3.21814 34.6772 3.21814L4.62004 4.27072C4.08753 4.27072 3.67336 4.73853 3.67336 5.26482V34.7956C3.67336 35.3219 4.08753 35.7312 4.62004 35.7897H4.67921Z" fill="#1D1D1B"/>
+                </svg>
+            </a>
+            
+            <div class="flex items-center gap-4">
+                <div class="flex items-center gap-4">
+                    <a href={url} class="px-5 py-3 font-inter font-semibold text-base border-1 border-[#2134F1] text-[#2134F1] hover:text-[#262626] hover:border-[#262626] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
+                </div>
+                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');" 
+                type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 
+                focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
+                aria-controls="navbar-default" aria-expanded="false">
+                    <span class="sr-only pointer-events-none">Abrir menú</span>
+                    <svg class="w-5 h-5 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
+                    </svg>
+                </button>
+
+            </div>
+            
+        </div>
+    </nav>
+    <nav class="w-full flex items-center border-b-1 border-gray-300">
+        <ul class="max-w-7xl hidden lg:flex items-center justify-start gap-8 mx-auto">
+            {categories.map(category => (
+                <li class="relative group px-8 py-6 border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600">
+                    <a href={category.link} class="flex items-center">
+                        <span>
+                            {category.name}
+                        </span>
+                        {category.subcategories.length > 0 && (
+                            <span class="ml-1 text-xs">∨</span>
+                        )}
+                    </a>
+                    {category.subcategories.length > 0 && (
+                        <ul class="absolute left-0 mt-6 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
+                           
+                        >
+                            {category.subcategories.map(sub => (
+                                <li class="hover:text-indigo-900 hover:font-semibold">
+                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
+                                </li>
+                            ))}
+                        </ul>
+                    )}
+                </li>
+            ))}
+        </ul>
+    </nav>
+
+    <nav class="hidden w-full bg-white border-gray-200" id="navbar-default">
+        <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
+            
+            <div class="w-full lg:flex lg:w-auto">
+                <ul>
+                {categories.map(category => (
+                <li class="relative group px-6 py-4 border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600">
+                    <a href={category.link} class="flex items-center">
+                        <span class="hover:underline">
+                            {category.name}
+                        </span>
+                        {category.subcategories.length > 0 && (
+                            <span class="ml-1 text-xs">∨</span>
+                        )}
+                    </a>
+                    {category.subcategories.length > 0 && (
+                        <ul class="absolute left-0 mt-6 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
+                           
+                        >
+                            {category.subcategories.map(sub => (
+                                <li class="hover:text-indigo-900 hover:font-semibold">
+                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
+                                </li>
+                            ))}
+                        </ul>
+                    )}
+                </li>
+                ))}
+                </ul>
+            </div>
+        </div>
+    </nav>
+    
+   
+</header>

package/src/components/Astro/Contenido_2025_Alcorcon.astro

@@ -0,0 +1,46 @@
+---
+const {
+    title,
+    subtitle,
+    description,
+    txtBtn,
+    linkBtn,
+    alt,
+    src,
+    iframeSrc,
+    showBtn = true
+    } = Astro.props;
+
+---
+
+<section class="w-full flex items-center justify-center">
+
+    <article class="w-full flex flex-col items-center justify-center p-6">
+
+        <div class="max-w-7xl h-full flex justify-center items-center aspect-auto relative md:w-4/5 lg:aspect-video">
+            <div class="absolute inset-0">
+
+                {src && src !== "" ? (
+                    <img src={src} alt={alt} title={title} class="object-cover object-center w-full h-full rounded-2xl"> 
+                ) : (
+                    <video autoplay loop muted playsinline class="object-cover object-center w-full h-full rounded-2xl">
+                        <source src={iframeSrc} type="video/mp4" />
+                    </video> 
+                )}                
+            </div>
+            
+            <div class="w-4/5 relative z-10 flex flex-col justify-center items-center h-full text-center p-0 py-8 md:p-6">
+                <h2 class="text-[#262626] font-poppins text-[72px] font-semibold text-center leading-none">{title}</h2>
+                <p class="text-[#262626] font-poppins text-[36px] font-normal leading-[32px] text-center mb-8">{subtitle}</p>
+                <div class="text-[#363942] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
+                
+                 {showBtn ? (
+                    <a href={linkBtn} target="_self" class="text-[#ffffff] font-poppins font-semibold bg-[#2134F1] px-[28px] py-[14px] border-[#2134F1] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border border-[#262626]">{txtBtn}</a>
+                ) : (
+                    <div class="flex justify-center"></div>
+                )}
+            </div>
+        </div>          
+    </article>
+</section>
+

package/src/components/Astro/Contenido_2025_Granada.astro

@@ -0,0 +1,67 @@
+---
+const {
+    title = "",
+    description = "",
+    tipo = "h3",
+    icon, 
+    positionFlex = "items-start",
+    flexOrientationIcoText = "flex-row",
+} = Astro.props;
+---
+
+
+    <div class={`flex ${positionFlex === 'items-start' ? 'items-start' : 'items-center'} p-0 md:p-4 gap-4 mb-4 md:mb-6 ${flexOrientationIcoText === 'flex-row'? 'flex-row w-full': 'flex-col w-full lg:w-1/4 md:w-2/4'}`}>
+        <div class="flex justify-center bg-[#F2F3F8] p-[12px] w-[48px] h-[48px] rounded-[48px]">
+            {
+                icon === "more" ? (
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="#2134F1" class="ico-more">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.10053 0.0262231C7.26143 0.0776467 5.95935 0.218206 4.94664 0.474615C2.57009 1.07638 1.0814 2.5652 0.479685 4.94196C0.096276 6.45648 0 8.07297 0 12.996C0 17.9191 0.096276 19.5356 0.479685 21.0501C0.816913 22.3822 1.46823 23.4913 2.34571 24.2279C3.58187 25.2655 5.05491 25.7256 7.7164 25.9055C9.58071 26.0315 16.4194 26.0315 18.2837 25.9055C20.1635 25.7785 21.3846 25.5217 22.3899 25.0421C24.0231 24.2629 25.0642 22.9158 25.5404 20.9654C25.9076 19.4616 25.9998 17.8585 26 12.9806C26.0001 8.13703 25.9072 6.529 25.5404 5.02669C24.9456 2.59084 23.4604 1.08409 21.0534 0.474615C20.0048 0.209117 18.8061 0.0835007 16.7586 0.0245901C15.5906 -0.00902473 10.321 -0.00788462 9.10053 0.0262231ZM9.1952 1.95413C5.81991 2.06646 4.41271 2.42249 3.42006 3.41525C2.51735 4.31801 2.16003 5.52648 1.99472 8.23575C1.93886 9.1513 1.93886 16.8408 1.99472 17.7563C2.16003 20.4656 2.51735 21.6741 3.42006 22.5768C4.32275 23.4796 5.53111 23.837 8.24015 24.0023C9.15561 24.0582 16.8444 24.0582 17.7599 24.0023C20.469 23.837 21.6773 23.4796 22.58 22.5768C23.4827 21.6741 23.84 20.4656 24.0053 17.7563C24.0612 16.8408 24.0612 9.1513 24.0053 8.23575C23.84 5.52648 23.4827 4.31801 22.58 3.41525C21.6878 2.52296 20.5175 2.17085 17.8523 1.99286C17.3792 1.96128 9.97607 1.92815 9.1952 1.95413ZM12.8416 8.43824C12.5508 8.48405 12.3016 8.66288 12.1518 8.93334L12.0604 9.09846L12.045 10.562L12.0296 12.0255L10.5662 12.0409L9.10278 12.0563L8.93768 12.1478C8.6641 12.2993 8.49031 12.5436 8.44293 12.8433C8.37835 13.252 8.5706 13.641 8.93768 13.8443L9.10278 13.9358L10.5662 13.9512L12.0296 13.9666L12.045 15.4301C12.0618 17.0315 12.0518 16.944 12.2498 17.2086C12.5658 17.6309 13.2332 17.6823 13.6501 17.3163C13.7095 17.2641 13.799 17.1476 13.8489 17.0575L13.9397 16.8936L13.9551 15.4301L13.9705 13.9666L15.4339 13.9512L16.8973 13.9358L17.0612 13.845C17.3744 13.6715 17.5634 13.3602 17.5654 13.0145C17.5677 12.6095 17.3859 12.3171 17.0051 12.1139C16.9054 12.0607 16.7865 12.0551 15.4339 12.0409L13.9705 12.0255L13.9551 10.562C13.9409 9.20925 13.9353 9.09029 13.8821 8.99062C13.6579 8.57054 13.279 8.36938 12.8416 8.43824Z" fill="#2134F1"/>
+                                    </svg>
+                                )
+                : icon === "shop" ? (
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#2134F1" class="ico-shop">
+                                      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.296 2.54772C14.0426 2.73553 12.8409 3.47757 12.1097 4.51514C11.8821 4.83809 11.6216 5.34685 11.5227 5.66138C11.4641 5.84781 11.4522 5.93933 11.4676 6.08669C11.5093 6.48557 11.771 6.81789 12.1422 6.94352C12.3721 7.02129 12.5091 7.02429 12.7373 6.95652C13.062 6.8601 13.2641 6.67249 13.4058 6.33588C13.6232 5.81953 13.8119 5.54196 14.1669 5.21645C15.2023 4.26708 16.8136 4.27338 17.8478 5.23089C18.1613 5.52113 18.2833 5.6945 18.544 6.2201C18.7413 6.61793 18.7868 6.68577 18.926 6.78986C19.5659 7.26842 20.4495 6.87943 20.5328 6.08244C20.5579 5.84218 20.4752 5.56589 20.2386 5.09994C19.5422 3.72829 18.1957 2.76481 16.6679 2.54484C16.2544 2.48532 15.7048 2.48647 15.296 2.54772ZM7.59999 7.52112C6.28406 7.5656 5.54623 7.73629 4.83199 8.16148C4.05747 8.62257 3.44246 9.27313 3.04179 10.0551C2.7127 10.6975 2.57673 11.3458 2.52425 12.5229C2.47564 13.6141 2.50268 15.3769 2.57219 15.6442C2.63891 15.901 2.83769 16.2855 3.01558 16.5018C3.17135 16.6912 3.49459 16.9603 3.63727 17.0194L3.73379 17.0594L3.75545 18.4896C3.8094 22.0453 3.99564 23.9679 4.43113 25.4649C4.83103 26.8395 5.39545 27.6485 6.39039 28.2732C7.54278 28.9968 8.80025 29.2937 11.36 29.4468C12.3296 29.5047 19.6704 29.5047 20.64 29.4468C23.5401 29.2733 24.8583 28.9035 26.103 27.9139C26.9232 27.2619 27.4438 26.2341 27.7743 24.6141C28.0743 23.1438 28.1979 21.5341 28.2442 18.4932L28.266 17.0665L28.4027 16.994C28.7241 16.8234 29.0462 16.4797 29.2481 16.0919C29.485 15.6367 29.4883 15.6062 29.4861 13.8559C29.4837 11.8845 29.432 11.3308 29.18 10.5759C28.8615 9.62154 28.1141 8.72474 27.168 8.16148C26.4296 7.72189 25.7501 7.57117 24.272 7.51911C23.3122 7.48532 8.60755 7.48711 7.59999 7.52112ZM7.40799 9.53664C6.2694 9.59783 5.71635 9.82804 5.16422 10.4707C4.75228 10.9501 4.61164 11.3662 4.5446 12.3039C4.50252 12.8923 4.50179 15.121 4.54364 15.1992C4.58569 15.2778 4.54595 15.2652 8.47199 16.4427L11.872 17.4625V17.2795C11.872 16.501 12.4086 15.8186 13.1434 15.6629C13.4637 15.595 18.5363 15.595 18.8566 15.6629C19.5914 15.8186 20.128 16.501 20.128 17.2795V17.4625L23.528 16.4427C27.454 15.2652 27.4143 15.2778 27.4563 15.1992C27.4982 15.121 27.4975 12.8923 27.4554 12.3039C27.3883 11.3662 27.2477 10.9501 26.8358 10.4707C26.3842 9.94513 25.9093 9.69389 25.15 9.57892C24.8106 9.52752 24.1684 9.52308 16.32 9.51802C11.6648 9.51501 7.65439 9.5234 7.40799 9.53664ZM13.888 18.6673V19.7027L14.264 19.8482C15.0162 20.1392 15.4074 20.2239 16 20.2239C16.5926 20.2239 16.9838 20.1392 17.736 19.8482L18.112 19.7027V18.6673V17.6319H16H13.888V18.6673ZM5.76031 18.3405C5.76067 19.0746 5.81078 20.6655 5.85689 21.4079C6.01039 23.8786 6.38591 25.5204 6.94153 26.1499C7.34921 26.6118 8.14537 26.9938 9.08799 27.1797C10.3826 27.4351 11.5654 27.4876 16.016 27.4871C20.4645 27.4867 21.6001 27.4362 22.896 27.1814C23.8579 26.9922 24.6474 26.6156 25.0584 26.1499C25.2825 25.896 25.5189 25.3765 25.6747 24.7956C25.9714 23.6897 26.134 22.1975 26.2078 19.9039C26.2535 18.4831 26.2504 17.7171 26.199 17.7368C26.1764 17.7454 24.8012 18.1595 23.143 18.657L20.128 19.5615V19.854C20.128 20.3347 19.9876 20.7248 19.699 21.0458C19.5025 21.2644 19.3164 21.3784 18.8441 21.5697C17.5305 22.102 17.0019 22.2235 16 22.2235C14.9981 22.2235 14.4695 22.102 13.1559 21.5697C12.6796 21.3768 12.495 21.2629 12.295 21.0385C12.0058 20.714 11.872 20.3393 11.872 19.854V19.5615L8.85699 18.657C7.19875 18.1595 5.82355 17.7454 5.80099 17.7368C5.76854 17.7243 5.76006 17.8499 5.76031 18.3405Z" fill="#2134F1"/>
+                                    </svg>
+                                )
+                : icon === "correct" ? (
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="#2134F1" class="ico-correct">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.10053 0.0262231C7.26143 0.0776467 5.95935 0.218206 4.94664 0.474615C2.57009 1.07638 1.0814 2.5652 0.479685 4.94196C0.096276 6.45648 0 8.07297 0 12.996C0 17.9191 0.096276 19.5356 0.479685 21.0501C0.816913 22.3822 1.46823 23.4913 2.34571 24.2279C3.58187 25.2655 5.05491 25.7256 7.7164 25.9055C9.58071 26.0315 16.4194 26.0315 18.2837 25.9055C20.1635 25.7785 21.3846 25.5217 22.3899 25.0421C24.0231 24.2629 25.0642 22.9158 25.5404 20.9654C25.9076 19.4616 25.9998 17.8585 26 12.9806C26.0001 8.13703 25.9072 6.529 25.5404 5.02669C24.9456 2.59084 23.4604 1.08409 21.0534 0.474615C20.0048 0.209117 18.8061 0.0835007 16.7586 0.0245901C15.5906 -0.00902473 10.321 -0.00788462 9.10053 0.0262231ZM9.1952 1.95413C5.81991 2.06646 4.41271 2.42249 3.42006 3.41525C2.51735 4.31801 2.16003 5.52648 1.99472 8.23575C1.93886 9.1513 1.93886 16.8408 1.99472 17.7563C2.16003 20.4656 2.51735 21.6741 3.42006 22.5768C4.32275 23.4796 5.53111 23.837 8.24015 24.0023C9.15561 24.0582 16.8444 24.0582 17.7599 24.0023C20.469 23.837 21.6773 23.4796 22.58 22.5768C23.4827 21.6741 23.84 20.4656 24.0053 17.7563C24.0612 16.8408 24.0612 9.1513 24.0053 8.23575C23.84 5.52648 23.4827 4.31801 22.58 3.41525C21.6878 2.52296 20.5175 2.17085 17.8523 1.99286C17.3792 1.96128 9.97607 1.92815 9.1952 1.95413ZM16.8943 9.07772C16.808 9.10758 16.6832 9.17558 16.6171 9.22882C16.5509 9.28206 15.3049 10.5185 13.8481 11.9766L11.1994 14.6275L10.2874 13.7201C9.24083 12.6788 9.19265 12.6444 8.77911 12.6432C8.58763 12.6426 8.51764 12.6573 8.37201 12.7286C7.92239 12.9486 7.71582 13.4684 7.88964 13.9423C7.95076 14.109 8.04202 14.2079 9.28372 15.4545C10.7959 16.9725 10.7743 16.9556 11.1977 16.9548C11.3876 16.9545 11.4796 16.9383 11.5983 16.8844C11.7258 16.8264 12.294 16.2722 14.899 13.6651C17.9078 10.6537 18.0485 10.5079 18.1107 10.3374C18.3924 9.56583 17.6641 8.81161 16.8943 9.07772Z" fill="#2134F1"/>
+                                    </svg>
+                                )
+                : icon === "formation" ? (
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="24" viewBox="0 0 26 24" fill="none" class="ico-formation">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4772 0.00900656C11.5093 0.121071 10.9223 0.266457 10.2172 0.568671C9.9195 0.696252 2.18767 4.37605 1.79823 4.57547C0.856604 5.05768 0.206313 6.00739 0.0390557 7.14471C0.00148674 7.40022 -0.00439973 8.03374 0.00250383 11.0787L0.0107018 14.7082L0.0873497 14.8608C0.179469 15.0443 0.36266 15.2371 0.533061 15.3298C0.637292 15.3866 0.708824 15.3978 0.966105 15.3978C1.2453 15.3978 1.28758 15.3899 1.41558 15.3134C1.59337 15.2071 1.77037 15.0093 1.85565 14.8217C1.92025 14.6797 1.92169 14.641 1.93057 12.8039C1.93556 11.7737 1.94472 10.9309 1.95094 10.9309C1.95714 10.9309 2.32752 11.1049 2.77401 11.3174L3.58576 11.7039L3.60336 14.9772C3.62037 18.1412 3.62308 18.2604 3.68512 18.5493C3.91827 19.6352 4.46479 20.546 5.24206 21.1439C5.5898 21.4114 5.87654 21.5793 6.77567 22.0417C8.98213 23.1766 10.686 23.7705 12.2614 23.954C12.7883 24.0153 13.2139 24.0153 13.7408 23.954C15.3163 23.7705 17.0201 23.1766 19.2265 22.0417C20.5508 21.3606 20.9428 21.0875 21.3839 20.5387C21.855 19.9525 22.1376 19.3517 22.3125 18.5639C22.3817 18.2523 22.3822 18.2305 22.3993 14.9779L22.4165 11.7055L23.3434 11.2617C23.8531 11.0176 24.3344 10.7797 24.4129 10.7329C24.6364 10.5997 24.9916 10.2999 25.1468 10.1135C25.6909 9.45986 25.9588 8.74898 25.9965 7.85895C26.0498 6.59966 25.4903 5.41553 24.5389 4.77412C24.4138 4.68976 22.9457 3.97048 21.1333 3.10553C16.3976 0.845463 15.8193 0.573216 15.4821 0.445039C15.0975 0.298838 14.4778 0.138406 14.0336 0.0699758C13.7144 0.0208555 12.7136 -0.0183591 12.4772 0.00900656ZM12.2749 2.01397C11.9318 2.06494 11.5809 2.15466 11.2248 2.28249C11.011 2.35926 3.96823 5.69374 2.77968 6.28092C2.46304 6.43737 2.24342 6.64317 2.11324 6.90548C1.76914 7.59871 1.94866 8.58014 2.49167 8.97442C2.72694 9.14523 10.9598 13.0529 11.3806 13.1934C11.9456 13.3822 12.3608 13.4472 13.0011 13.4472C13.6414 13.4472 14.0566 13.3822 14.6216 13.1934C15.0424 13.0529 23.2753 9.14523 23.5105 8.97442C24.0536 8.58014 24.2331 7.59871 23.889 6.90548C23.7588 6.64317 23.5392 6.43737 23.2225 6.28092C22.034 5.69374 14.9912 2.35926 14.7774 2.28249C13.9709 1.99297 13.0684 1.89614 12.2749 2.01397ZM5.54283 15.2646C5.54289 17.9784 5.54973 18.1453 5.67587 18.5028C5.80775 18.8766 6.08479 19.2991 6.34117 19.5174C6.54933 19.6947 6.79515 19.8416 7.51857 20.221C9.23503 21.1211 10.7227 21.6876 12.0303 21.9389C12.5608 22.0409 13.4414 22.0409 13.9719 21.9389C15.2814 21.6872 16.8 21.1075 18.5174 20.2038C19.2156 19.8364 19.4558 19.6923 19.661 19.5174C19.9174 19.2991 20.1945 18.8766 20.3263 18.5028C20.4525 18.1453 20.4593 17.9784 20.4594 15.2646C20.4594 13.8293 20.4513 12.655 20.4415 12.655C20.4316 12.655 19.4296 13.1293 18.2148 13.7089C15.7986 14.8619 15.5102 14.9891 14.9503 15.1498C14.2234 15.3583 13.9167 15.3973 13.0011 15.3973C12.0856 15.3973 11.7788 15.3583 11.0519 15.1498C10.4931 14.9895 10.2062 14.8628 7.78658 13.7088C6.5713 13.1292 5.56927 12.655 5.55987 12.655C5.55047 12.655 5.54283 13.8293 5.54283 15.2646Z" fill="#2134F1"/>
+                                    </svg>
+                                )
+                : icon === "case" ? (
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none" class="ico-case">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.296 0.547717C12.0426 0.735525 10.8409 1.47757 10.1097 2.51514C9.88209 2.83809 9.62155 3.34685 9.52267 3.66138C9.46407 3.84781 9.45223 3.93933 9.46763 4.08669C9.50932 4.48557 9.77099 4.81789 10.1422 4.94352C10.372 5.02129 10.5091 5.02429 10.7373 4.95652C11.062 4.8601 11.2641 4.67249 11.4058 4.33588C11.6232 3.81953 11.8119 3.54196 12.1669 3.21645C13.2023 2.26708 14.8136 2.27338 15.8478 3.23089C16.1613 3.52113 16.2833 3.6945 16.544 4.2201C16.7413 4.61793 16.7868 4.68577 16.926 4.78986C17.5659 5.26842 18.4495 4.87943 18.5327 4.08244C18.5579 3.84218 18.4751 3.56589 18.2386 3.09994C17.5422 1.72829 16.1957 0.764805 14.6679 0.544837C14.2544 0.485317 13.7047 0.486469 13.296 0.547717ZM5.59998 5.52112C4.28404 5.5656 3.54622 5.73629 2.83198 6.16148C2.05745 6.62257 1.44244 7.27313 1.04177 8.05514C0.712682 8.69748 0.576714 9.3458 0.524234 10.5229C0.475626 11.6141 0.502666 13.3769 0.57217 13.6442C0.63889 13.901 0.837674 14.2855 1.01556 14.5018C1.17134 14.6912 1.49457 14.9603 1.63726 15.0194L1.73377 15.0594L1.75543 16.4896C1.80939 20.0453 1.99563 21.9679 2.43111 23.4649C2.83102 24.8395 3.39543 25.6485 4.39038 26.2732C5.54276 26.9968 6.80023 27.2937 9.35998 27.4468C10.3295 27.5047 17.6704 27.5047 18.64 27.4468C21.54 27.2733 22.8583 26.9035 24.103 25.9139C24.9232 25.2619 25.4438 24.2341 25.7743 22.6141C26.0743 21.1438 26.1979 19.5341 26.2442 16.4932L26.266 15.0665L26.4027 14.994C26.7241 14.8234 27.0462 14.4797 27.248 14.0919C27.485 13.6367 27.4882 13.6062 27.4861 11.8559C27.4837 9.88452 27.432 9.33076 27.18 8.57588C26.8615 7.62154 26.1141 6.72474 25.168 6.16148C24.4295 5.72189 23.7501 5.57117 22.272 5.51911C21.3121 5.48532 6.60753 5.48711 5.59998 5.52112ZM5.40798 7.53664C4.26939 7.59783 3.71633 7.82804 3.1642 8.47066C2.75227 8.95012 2.61163 9.36621 2.54459 10.3039C2.50251 10.8923 2.50177 13.121 2.54363 13.1992C2.58567 13.2778 2.54593 13.2652 6.47198 14.4427L9.87198 15.4625V15.2795C9.87198 14.501 10.4086 13.8186 11.1433 13.6629C11.4637 13.595 16.5363 13.595 16.8566 13.6629C17.5913 13.8186 18.128 14.501 18.128 15.2795V15.4625L21.528 14.4427C25.454 13.2652 25.4143 13.2778 25.4563 13.1992C25.4982 13.121 25.4975 10.8923 25.4554 10.3039C25.3883 9.36621 25.2477 8.95012 24.8358 8.47066C24.3842 7.94513 23.9093 7.69389 23.15 7.57892C22.8106 7.52752 22.1684 7.52308 14.32 7.51802C9.66478 7.51501 5.65438 7.5234 5.40798 7.53664ZM11.888 16.6673V17.7027L12.264 17.8482C13.0162 18.1392 13.4074 18.2239 14 18.2239C14.5926 18.2239 14.9838 18.1392 15.736 17.8482L16.112 17.7027V16.6673V15.6319H14H11.888V16.6673ZM3.7603 16.3405C3.76065 17.0746 3.81076 18.6655 3.85687 19.4079C4.01038 21.8786 4.3859 23.5204 4.94151 24.1499C5.34919 24.6118 6.14535 24.9938 7.08798 25.1797C8.38257 25.4351 9.56542 25.4876 14.016 25.4871C18.4645 25.4867 19.6001 25.4362 20.896 25.1814C21.8579 24.9922 22.6474 24.6156 23.0584 24.1499C23.2825 23.896 23.5189 23.3765 23.6747 22.7956C23.9714 21.6897 24.134 20.1975 24.2078 17.9039C24.2535 16.4831 24.2503 15.7171 24.199 15.7368C24.1764 15.7454 22.8012 16.1595 21.143 16.657L18.128 17.5615V17.854C18.128 18.3347 17.9876 18.7248 17.699 19.0458C17.5025 19.2644 17.3164 19.3784 16.8441 19.5697C15.5304 20.102 15.0019 20.2235 14 20.2235C12.9981 20.2235 12.4695 20.102 11.1559 19.5697C10.6796 19.3768 10.495 19.2629 10.295 19.0385C10.0058 18.714 9.87198 18.3393 9.87198 17.854V17.5615L6.85697 16.657C5.19873 16.1595 3.82353 15.7454 3.80097 15.7368C3.76852 15.7243 3.76004 15.8499 3.7603 16.3405Z" fill="#2134F1"/>
+                                    </svg>
+                                )
+                : icon === "medal" ? (
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none" class="ico-medal ">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.3638 0.507985C10.9492 0.645533 9.99822 0.903635 8.88085 1.4533C7.34586 2.2084 6.0627 3.3485 5.12767 4.78796C3.59679 7.14468 3.19258 10.0945 4.03166 12.7861L4.15997 13.1977L3.80767 13.5629C3.07481 14.3225 1.0406 16.4537 0.849312 16.6623C0.416135 17.1346 0.192395 17.4939 0.0755785 17.9051C-0.024625 18.2577 -0.0252722 18.8556 0.0741299 19.2038C0.241403 19.7894 0.589295 20.2581 1.07789 20.556C1.42939 20.7704 1.76702 20.8466 2.96296 20.9818C3.74738 21.0705 3.92455 21.1244 4.07222 21.3196C4.20017 21.4887 4.23395 21.6438 4.31751 22.4458C4.44832 23.7012 4.53329 24.0786 4.76739 24.4437C5.41185 25.4488 6.70109 25.7922 7.72501 25.2314C8.13744 25.0056 8.38214 24.765 11.3128 21.7034C12.2247 20.7507 12.9821 19.9713 12.9957 19.9713C13.0094 19.9713 13.7598 20.7437 14.6633 21.6879C16.7414 23.8595 17.6467 24.7837 17.881 24.9726C18.2816 25.2957 18.7065 25.4643 19.1921 25.4928C20.032 25.5422 20.8304 25.1149 21.2526 24.3903C21.4717 24.0143 21.5415 23.6915 21.6735 22.4442C21.7587 21.6391 21.7917 21.4879 21.919 21.3196C22.0667 21.1244 22.2439 21.0705 23.0283 20.9818C24.222 20.8469 24.555 20.7718 24.9175 20.556C25.1436 20.4214 25.5283 20.0339 25.6592 19.809C26.0372 19.159 26.1042 18.3834 25.843 17.6797C25.7563 17.4461 25.4694 17.0237 25.1838 16.7089C24.9583 16.4605 22.9095 14.3124 22.1689 13.5481L21.8309 13.1992L21.9594 12.7868C22.7983 10.0957 22.3939 7.14384 20.8636 4.78796C19.6358 2.89776 17.7878 1.51501 15.6233 0.866785C15.25 0.754994 14.6585 0.629719 14.206 0.566615C13.8907 0.52265 12.6266 0.482414 12.3638 0.507985ZM12.2097 2.48136C11.1741 2.58855 10.0519 2.96907 9.14284 3.52119C6.84586 4.91634 5.46068 7.48326 5.54732 10.1841C5.56754 10.8145 5.6216 11.2142 5.76597 11.8004C5.90039 12.3464 6.0435 12.7334 6.32299 13.3067C7.18651 15.0778 8.74261 16.4479 10.6069 17.0784C11.4747 17.3719 12.0598 17.4671 12.9956 17.4671C13.8781 17.4671 14.4836 17.3753 15.2518 17.125C16.4259 16.7423 17.3583 16.1721 18.2303 15.3032C18.8659 14.6699 19.2895 14.0816 19.6679 13.3067C20.0435 12.5375 20.255 11.8638 20.3801 11.0385C20.4586 10.521 20.4603 9.41285 20.3834 8.9102C20.075 6.89348 19.0496 5.14362 17.4803 3.95568C16.385 3.12657 15.0845 2.61328 13.7398 2.47934C13.3733 2.44283 12.5715 2.44389 12.2097 2.48136ZM3.74261 16.4395C2.29269 17.9557 2.00028 18.2739 1.95849 18.3809C1.87157 18.6036 1.98354 18.8789 2.17732 18.9189C2.23647 18.9311 2.66087 18.9842 3.1204 19.0369C3.57996 19.0896 4.05848 19.1591 4.18377 19.1915C4.94816 19.3889 5.58665 19.9324 5.92739 20.6759C6.08631 21.0226 6.14496 21.3036 6.23037 22.127C6.35012 23.2816 6.36337 23.3572 6.46348 23.4581C6.55305 23.5484 6.6719 23.5687 6.80604 23.5166C6.84528 23.5014 7.1977 23.1623 7.58921 22.7632C8.6851 21.6458 10.9614 19.2647 10.9613 19.2358C10.9612 19.2216 10.7892 19.1651 10.5789 19.1103C9.77417 18.9004 8.7574 18.459 8.04865 18.0119C6.98176 17.3389 5.85909 16.2551 5.24381 15.3042C5.15905 15.1732 5.08276 15.0653 5.07429 15.0646C5.06581 15.0637 4.46656 15.6825 3.74261 16.4395ZM20.7475 15.3032C20.1215 16.2654 19.0103 17.3384 17.9426 18.0119C17.2339 18.459 16.2171 18.9004 15.4124 19.1103C15.2021 19.1651 15.03 19.2216 15.03 19.2358C15.0299 19.2643 17.2808 21.6194 18.4014 22.7633C18.7925 23.1625 19.1448 23.5015 19.1845 23.5167C19.3199 23.5686 19.4382 23.5484 19.5278 23.4581C19.6279 23.3572 19.6412 23.2816 19.7609 22.127C19.8036 21.7149 19.8665 21.2675 19.9006 21.1328C20.1392 20.1887 20.8847 19.4298 21.8075 19.1915C21.9328 19.1591 22.4113 19.0896 22.8709 19.0369C23.3304 18.9842 23.7548 18.9311 23.8139 18.9189C24.0074 18.8789 24.1189 18.6058 24.0336 18.3809C24.0186 18.3414 23.8535 18.1412 23.6666 17.9361C23.2392 17.467 20.9525 15.0796 20.9233 15.072C20.9113 15.0689 20.8322 15.1729 20.7475 15.3032Z" fill="#2134F1"/>
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5663 7.08956C16.9425 7.46874 16.9425 8.08351 16.5663 8.46269L11.7503 13.3174C11.3742 13.6966 10.7643 13.6966 10.3882 13.3174L8.46175 11.3755C8.0856 10.9964 8.0856 10.3816 8.46175 10.0024C8.83791 9.62323 9.44777 9.62323 9.82392 10.0024L11.0692 11.2577L15.2041 7.08956C15.5803 6.71038 16.1902 6.71038 16.5663 7.08956Z" fill="#2134F1"/>
+                                    </svg>
+                                )
+                
+                : (
+                    <span>xxx</span>
+                )
+            }
+
+
+        </div>
+        <div class="flex flex-col justify-start">
+            {
+                tipo === "h1" ? <h1 class="font-poppins text-[56px] font-normal text-left leading-[64px] mb-[48px]">{title}</h1>
+                : tipo === "h2" ? <h2 class="font-poppins text-[40px] font-normal text-left leading-[48px] mb-[32px]">{title}</h2>
+                : tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{title}</h3>
+                : tipo === "h4" ? <h4>{title}</h4>
+                : tipo === "h5" ? <h5>{title}</h5>
+                : tipo === "h6" ? <h6>{title}</h6>
+                : <span>{title}</span>
+            }
+            <p>{description}</p>
+        </div>
+    </div>

package/src/components/Astro/Contenido_2025_Malaga.astro

@@ -0,0 +1,125 @@
+---
+const {
+    title,
+    description,
+    buttonText,
+    buttonUrl,
+    image,
+    orientation = 'left',
+    width = 'full',
+    flexOrientation = 'row',
+    showBtn = false,
+    showIco = false,
+    showImage = true,
+    paddingLeft = ''
+    } = Astro.props;
+
+---
+
+<section class="w-full flex items-center justify-center">
+    {showImage ? (
+        <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center py-6`}>
+            <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4`}>
+                {showIco ? (
+                    <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2`}>
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
+                            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                            <g id="SVGRepo_iconCarrier"> 
+                                <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"></circle> 
+                                <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> 
+                            </g>
+                        </svg>
+                        <div class={`w-1/2`} style={`
+                            ${orientation === 'left' ? `padding-left: ${paddingLeft}px` : `padding-right: ${paddingLeft}px`}
+                        `}>
+                            <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                            <div 
+                            class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8" 
+                            set:html={description} 
+                            />
+                            {showBtn ? (
+                                <div class="flex justify-start">
+                                    <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
+                                </div>
+                            ) : (
+                                <div class="flex justify-start"></div>
+                            )}  
+                        </div>
+                    </div>
+                    
+                ) : (
+                    <div class={`w-full md:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'max-[767px]:pl-4' : 'pr-[var(--padding-left)] pl-0' }`}
+                    style={{ 'padding-left': `${paddingLeft}px` }}>
+                        <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                        <div 
+                        class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8" 
+                        set:html={description}
+                        />
+                        {showBtn ? (
+                            <div class="flex justify-start">
+                                <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
+                            </div>
+                        ) : (
+                            <div class="flex justify-start"></div>
+                        )}  
+                    </div>
+
+                )}
+                
+                <div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
+                    <img src={image} alt={title} class="w-full md:w-4/5 h-auto rounded-lg" />
+                </div>
+            </div>
+        </article>
+    ) : (
+        <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center p-12`}>
+            <div class={`flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-start gap-4`}>
+                {showIco ? (
+                    <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2 p-4 flex flex-wrap`}>
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
+                            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                            <g id="SVGRepo_iconCarrier"> 
+                                <circle cx="12" cy="12" r="10" stroke="#1C274C" stroke-width="1.5"></circle> 
+                                <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> 
+                            </g>
+                        </svg>
+
+                        <div class="w-1/2 p-4 flex flex-col flex-wrap ">
+                            <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                            <div 
+                            class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8" 
+                            set:html={description} 
+                            />
+                            {showBtn ? (
+                                <div class="flex justify-start">
+                                    <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
+                                </div>
+                            ) : (
+                                <div class="flex justify-start"></div>
+                            )}  
+                        </div>
+                    </div>
+                    
+                ) : (
+                    <div class="w-1/2 p-4 flex flex-col flex-wrap ">
+                        <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                        <div 
+                        class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8" 
+                        set:html={description} 
+                        />
+                        {showBtn ? (
+                            <div class="flex justify-start">
+                                <a href={buttonUrl} class="border-1 border-indigo-800 bg-indigo-900 text-white font-bold block p-4 px-8 rounded-xl hover:bg-white hover:text-indigo-800 transition-colors duration-300">{buttonText}</a>
+                            </div>
+                        ) : (
+                            <div class="flex justify-start"></div>
+                        )}  
+                    </div>
+
+                )}
+            </div>
+        </article>
+    )}
+</section>

package/src/components/Astro/Contenido_2025_Montevideo.astro

@@ -0,0 +1,34 @@
+---
+
+import Titulo_2025_Santorini from './Titulo_2025_Santorini.astro';
+
+const {
+    link='#',
+    image='',
+    altImage='',
+    title='',
+    tag='',
+    description=''
+} = Astro.props;
+
+---
+
+<a href={link} class="w-full flex flex-col cursor-pointer">
+    <article class="w-full h-full flex flex-col rounded-lg border border-gray-200 items-center shadow-sm hover:bg-gradient-to-r from-[#001978] via-[#2134F1] to-[#F81BBD] transition-all duration-300 p-[1px]">
+        <div class="bg-white mt-[1px] rounded-tl-[7px] rounded-tr-[7px] h-full">
+            <div class="w-full">
+                <img class="cursor-pointer rounded-tr-lg rounded-tl-lg mx-auto h-full" src={image} alt={altImage} />
+            </div>
+            <div class="p-6 flex-grow flex flex-col">
+                {tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
+                <div class="mt-2 flex items-center gap-2 flex-grow">
+                    <div class="flex flex-col text-[#262626] h-full">
+                        <p class="text-lg font-semibold leading-tight mb-[8px]">{title}</p>
+                        <p class="text-base font-normal leading-tight mb-[8px]">{description}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="bg-red-100 h-[12px]"></div>
+    </article>
+</a>