libreria-astro-lefebvre 0.0.183 → 0.0.185

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.0.183",
3
+ "version": "0.0.185",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -42,7 +42,7 @@ export const metadata: ComponentMetadata = {
42
42
  mandatory: false,
43
43
  exclusive_group: 'media',
44
44
  exclusive_group_label: 'Contenido multimedia',
45
- example_value: ''
45
+ example_value: 'https://www.youtube.com/embed/3gJIiEdYKR0'
46
46
  },
47
47
  ]
48
48
 
@@ -9,6 +9,14 @@ export const metadata: ComponentMetadata = {
9
9
  priority: 1,
10
10
  tags: ['rrss', 'redes sociales', 'compartir', 'iconos', 'email'],
11
11
  fields: [
12
+ {
13
+ name: 'selectorApiShare',
14
+ type: 'text',
15
+ help: 'Selector CSS para inyectar la botonera de compartir de Atenea/Share (no añadir punto delante). Si se deja vacío, la botonera de Atenea NO se inyecta. La integración de Atenea/Share debe estar configurada para inyectar en ese selector. Si añades un selector, no es necesario completar el resto de campos.',
16
+ label: 'Selector para inyectar botonera de Atenea/Share (opcional)',
17
+ mandatory: false,
18
+ example_value: ''
19
+ },
12
20
  {
13
21
  name: 'facebook',
14
22
  type: 'text',
@@ -39,7 +39,7 @@ export const metadata: ComponentMetadata = {
39
39
  help: 'Imagen al compartir en RRSS',
40
40
  label: 'Src de la imagen para compartir',
41
41
  mandatory: false,
42
- example_value: ''
42
+ example_value: 'https://www.ejemplo.com/imagen.jpg'
43
43
  },
44
44
  {
45
45
  name: 'robots',
@@ -0,0 +1,77 @@
1
+ import type { ComponentMetadata } from '../interfaces/types';
2
+
3
+ export const metadata: ComponentMetadata = {
4
+ component_name: 'Video_2026_Andujar',
5
+ category: 'Contenido de Texto',
6
+ name: 'Enlace con icono play que abre vídeo en popup 2026',
7
+ description: 'Enlace estilizado con icono play a la izquierda que, al hacer clic, abre un popup con un iframe de vídeo (sin imagen de preview). Incluye structured data VideoObject para SEO.',
8
+ framework: 'Astro',
9
+ priority: 1,
10
+ tags: ['enlace', 'link', 'video', 'popup', 'play', 'seo'],
11
+ fields: [
12
+ {
13
+ name: 'text',
14
+ type: 'text',
15
+ label: 'Texto del enlace',
16
+ mandatory: false,
17
+ example_value: 'Ver el vídeo',
18
+ help: 'Texto visible del enlace con icono play.'
19
+ },
20
+ {
21
+ name: 'iframeSrc',
22
+ type: 'text',
23
+ label: 'Url iframe del vídeo',
24
+ mandatory: false,
25
+ example_value: 'https://player.vimeo.com/video/123456',
26
+ help: 'URL del vídeo embebido (Vimeo, YouTube, Limbo, etc.) que se cargará en el popup.'
27
+ },
28
+ {
29
+ name: 'name',
30
+ type: 'text',
31
+ label: 'Nombre del vídeo (SEO)',
32
+ mandatory: false,
33
+ example_value: 'Testimonio de cliente',
34
+ help: 'Nombre del vídeo para el structured data.'
35
+ },
36
+ {
37
+ name: 'description',
38
+ type: 'textArea',
39
+ label: 'Descripción (SEO)',
40
+ mandatory: false,
41
+ example_value: 'Descripción del contenido del vídeo',
42
+ help: 'Descripción del vídeo para el structured data.'
43
+ },
44
+ {
45
+ name: 'thumbnailUrl',
46
+ type: 'text',
47
+ label: 'URL miniatura (SEO)',
48
+ mandatory: false,
49
+ example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png',
50
+ help: 'URL de la miniatura del vídeo para el structured data. No se muestra en pantalla.'
51
+ },
52
+ {
53
+ name: 'uploadDate',
54
+ type: 'text',
55
+ label: 'Fecha de publicación (SEO)',
56
+ mandatory: false,
57
+ example_value: '2026-01-15',
58
+ help: 'Fecha ISO YYYY-MM-DD del vídeo para el structured data.'
59
+ },
60
+ {
61
+ name: 'author',
62
+ type: 'text',
63
+ label: 'Nombre del autor (SEO)',
64
+ mandatory: false,
65
+ example_value: 'María García López',
66
+ help: 'Nombre del autor para el structured data.'
67
+ },
68
+ {
69
+ name: 'positionCompany',
70
+ type: 'text',
71
+ label: 'Cargo del autor (SEO)',
72
+ mandatory: false,
73
+ example_value: 'Socia directora',
74
+ help: 'Cargo del autor para el structured data.'
75
+ },
76
+ ]
77
+ };
@@ -11,77 +11,83 @@ const {
11
11
  print = false,
12
12
  copyLink = false,
13
13
  copyUrl = '',
14
+ selectorApiShare = '',
14
15
  } = Astro.props;
15
16
 
16
17
  ---
17
-
18
- <div class="flex flex-wrap items-center gap-1 sm:gap-2">
19
- {facebook && (
20
- <a href={facebook} target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
21
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
22
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C6.47352 3 5.27112 3.49805 4.38459 4.38459C3.49805 5.27112 3 6.47352 3 7.72727V24.2727C3 25.5265 3.49805 26.7289 4.38459 27.6154C5.27112 28.502 6.47352 29 7.72727 29H24.2727C25.5265 29 26.7289 28.502 27.6154 27.6154C28.502 26.7289 29 25.5265 29 24.2727V7.72727C29 6.47352 28.502 5.27112 27.6154 4.38459C26.7289 3.49805 25.5265 3 24.2727 3H7.72727ZM13.2605 10.4135C13.2605 9.38787 13.6679 8.40418 14.3931 7.67881C15.1182 6.95344 16.1018 6.54577 17.1275 6.54545H20.5665C20.8029 6.54545 20.9955 6.73809 20.9955 6.97564V10.4135C20.9955 10.6499 20.8029 10.8425 20.5665 10.8425H18.847C18.6777 10.8425 18.5101 10.8759 18.3538 10.9407C18.1974 11.0055 18.0553 11.1005 17.9357 11.2203C17.8161 11.34 17.7212 11.4822 17.6565 11.6386C17.5919 11.795 17.5587 11.9626 17.5588 12.1319V13.4213H20.5665C20.6318 13.4215 20.6961 13.4365 20.7546 13.4653C20.8132 13.494 20.8645 13.5357 20.9045 13.5871C20.9446 13.6386 20.9725 13.6985 20.986 13.7623C20.9995 13.8261 20.9983 13.8922 20.9825 13.9555L20.1234 17.3945C20.0999 17.4873 20.0461 17.5696 19.9705 17.6283C19.8949 17.6869 19.8019 17.7186 19.7062 17.7184H17.5576V25.0244C17.5576 25.1385 17.5123 25.2479 17.4316 25.3285C17.351 25.4092 17.2415 25.4545 17.1275 25.4545H13.6895C13.5757 25.4542 13.4665 25.4088 13.3861 25.3281C13.3057 25.2475 13.2605 25.1383 13.2605 25.0244V17.7195H11.112C10.9979 17.7195 10.8885 17.6742 10.8078 17.5935C10.7271 17.5129 10.6818 17.4035 10.6818 17.2894V13.8503C10.6818 13.6139 10.8745 13.4213 11.112 13.4213H13.2605V10.4135Z" fill="#363942"/>
23
- </svg>
24
- </a>
25
- )}
26
- {linkedin && (
27
- <a href={linkedin} target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
28
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
29
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C6.47352 3 5.27112 3.49805 4.38459 4.38459C3.49805 5.27112 3 6.47352 3 7.72727V24.2727C3 25.5265 3.49805 26.7289 4.38459 27.6154C5.27112 28.502 6.47352 29 7.72727 29H24.2727C25.5265 29 26.7289 28.502 27.6154 27.6154C28.502 26.7289 29 25.5265 29 24.2727V7.72727C29 6.47352 28.502 5.27112 27.6154 4.38459C26.7289 3.49805 25.5265 3 24.2727 3H7.72727ZM9.15136 11.1664C9.68578 11.1664 10.1983 10.9541 10.5762 10.5762C10.9541 10.1983 11.1664 9.68578 11.1664 9.15136C11.1664 8.61695 10.9541 8.10443 10.5762 7.72654C10.1983 7.34866 9.68578 7.13636 9.15136 7.13636C8.61695 7.13636 8.10443 7.34866 7.72654 7.72654C7.34866 8.10443 7.13636 8.61695 7.13636 9.15136C7.13636 9.68578 7.34866 10.1983 7.72654 10.5762C8.10443 10.9541 8.61695 11.1664 9.15136 11.1664ZM11.1652 24.8636V12.7772H7.13636V24.8636H11.1664H11.1652ZM16.403 12.7772H12.7772V24.8636H16.403V17.5718C16.8698 16.8131 17.6758 16 18.8198 16C20.4318 16 20.8348 17.612 20.8348 18.418V24.8636H24.8636V18.418C24.8636 16.2576 23.9217 12.7772 20.4318 12.7772C18.2124 12.7772 16.9809 13.5867 16.4018 14.3455V12.7772H16.403Z" fill="#363942"/>
30
- </svg>
31
- </a>
32
- )}
33
- {twitter && (
34
- <a href={twitter} target="_blank" rel="noopener noreferrer" aria-label="X" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
35
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
36
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C5.11647 3 3 5.11647 3 7.72727V24.2727C3 26.8835 5.11647 29 7.72727 29H24.2727C26.8835 29 29 26.8835 29 24.2727V7.72727C29 5.11647 26.8835 3 24.2727 3H7.72727ZM7.3322 7.13636C7.12496 7.2135 6.9501 7.36692 6.84804 7.57163C6.69807 7.8724 6.73113 8.23213 6.9334 8.50055L13.5683 17.3054L6.57681 24.8029C6.55848 24.8226 6.54122 24.8428 6.52502 24.8636H8.9441L14.6517 18.743L19.0401 24.5668C19.143 24.7033 19.2816 24.8053 19.4377 24.8636H24.664C24.8706 24.7863 25.045 24.6332 25.1468 24.4288C25.2968 24.1281 25.2638 23.7683 25.0615 23.4999L18.4265 14.695L25.475 7.13636H23.0511L17.3431 13.2574L12.9547 7.43369C12.8515 7.2968 12.7125 7.19464 12.5558 7.13636H7.3322ZM20.19 23.147L9.41905 8.85347H11.8049L22.5759 23.147H20.19Z" fill="#363942"/>
37
- </svg>
38
- </a>
39
- )}
40
- {whatsapp && (
41
- <a href={whatsapp} target="_blank" rel="noopener noreferrer" aria-label="WhatsApp" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
42
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
43
- <path d="M29 8.915C28.9854 8.3541 28.9421 7.79441 28.87 7.23804C28.7729 6.75065 28.6112 6.27852 28.389 5.83402C28.1567 5.35183 27.8446 4.9123 27.466 4.53402C27.0839 4.15983 26.6452 3.84843 26.166 3.61098C25.7209 3.39321 25.2487 3.23579 24.762 3.14304C24.2109 3.06047 23.6552 3.01271 23.098 3H8.915C8.3541 3.01459 7.79441 3.05804 7.23804 3.13C6.75065 3.22706 6.27852 3.38878 5.83402 3.61098C5.35183 3.84334 4.9123 4.15541 4.53402 4.53402C4.15983 4.91606 3.84843 5.35481 3.61098 5.83402C3.39321 6.27907 3.23579 6.75121 3.14304 7.23804C3.06047 7.78911 3.01271 8.34492 3 8.90196V23.085C3.01459 23.6458 3.05804 24.2056 3.13 24.762C3.22706 25.2493 3.38878 25.7216 3.61098 26.166C3.84334 26.6482 4.15541 27.0877 4.53402 27.466C4.91606 27.8402 5.35481 28.1516 5.83402 28.389C6.27907 28.6069 6.75121 28.7642 7.23804 28.857C7.78911 28.9395 8.34492 28.9873 8.90196 29H23.085C23.6458 28.9854 24.2056 28.942 24.762 28.87C25.2493 28.7729 25.7216 28.6112 26.166 28.389C26.6482 28.1567 27.0877 27.8446 27.466 27.466C27.8402 27.0839 28.1516 26.6452 28.389 26.166C28.6069 25.7209 28.7642 25.2487 28.857 24.762C28.9395 24.2109 28.9873 23.6552 29 23.098V8.915ZM16.299 25.1C14.7378 25.0924 13.2039 24.6899 11.84 23.93L6.9 25.23L8.2 20.394C7.36163 18.9855 6.91304 17.3791 6.9 15.74C6.9052 13.8978 7.45537 12.0983 8.48122 10.5682C9.50718 9.03815 10.9629 7.84582 12.6651 7.14143C14.3674 6.43704 16.24 6.25221 18.0471 6.61004C19.8542 6.96787 21.5149 7.85245 22.8204 9.15234C24.1257 10.4523 25.0172 12.1094 25.3824 13.915C25.7479 15.7207 25.5708 17.594 24.8735 19.2992C24.1762 21.0043 22.9899 22.4651 21.4642 23.4972C19.9384 24.5296 18.1411 25.0872 16.299 25.1ZM16.299 8.03098C14.9208 8.04679 13.5713 8.4275 12.3881 9.13432C11.2047 9.84125 10.2299 10.8491 9.56279 12.0552C8.89565 13.2613 8.56004 14.6226 8.59011 16.0007C8.62018 17.3787 9.01493 18.7241 9.73402 19.9L9.91598 20.199L9.13598 23.046L12.1 22.24L12.386 22.409C13.5685 23.1056 14.9137 23.4778 16.286 23.488C18.3547 23.488 20.3386 22.6663 21.8014 21.2034C23.2643 19.7406 24.086 17.7567 24.086 15.688C24.086 13.6193 23.2643 11.6354 21.8014 10.1726C20.3386 8.70983 18.3547 7.88804 16.286 7.88804L16.299 8.03098ZM20.849 19.107C20.6787 19.3911 20.4507 19.6361 20.1798 19.8264C19.9088 20.0167 19.6009 20.1482 19.276 20.212C18.7905 20.3008 18.2907 20.2694 17.82 20.121C17.377 19.9826 16.9431 19.8175 16.52 19.627C14.9128 18.8206 13.5423 17.6112 12.542 16.117C11.9984 15.4247 11.6687 14.5889 11.593 13.712C11.5853 13.3477 11.6542 12.9859 11.7952 12.65C11.9364 12.314 12.1464 12.0115 12.412 11.762C12.4902 11.6733 12.5862 11.602 12.6936 11.5528C12.8012 11.5035 12.9178 11.4774 13.036 11.476H13.4C13.543 11.476 13.738 11.476 13.92 11.879C14.102 12.2821 14.583 13.491 14.648 13.608C14.68 13.6704 14.6966 13.7395 14.6966 13.8095C14.6966 13.8794 14.68 13.9486 14.648 14.011C14.5906 14.1524 14.5116 14.2839 14.414 14.401C14.297 14.544 14.167 14.713 14.063 14.817C13.959 14.921 13.829 15.051 13.959 15.285C14.3128 15.8819 14.7506 16.4248 15.259 16.897C15.8126 17.3863 16.4458 17.7774 17.131 18.054C17.365 18.171 17.508 18.158 17.638 18.054C17.768 17.95 18.223 17.378 18.379 17.144C18.535 16.91 18.691 16.949 18.899 17.027C19.107 17.105 20.264 17.664 20.498 17.781C20.732 17.898 20.875 17.95 20.94 18.054C20.9964 18.3942 20.9651 18.7433 20.849 19.068V19.107Z" fill="#363942"/>
44
- </svg>
45
- </a>
46
- )}
47
- {instagram && (
48
- <a href={instagram} target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
49
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
50
- <path fill-rule="evenodd" clip-rule="evenodd" d="M4.38459 4.38459C5.27112 3.49805 6.47352 3 7.72727 3H24.2727C25.5265 3 26.7289 3.49805 27.6154 4.38459C28.5019 5.27112 29 6.47352 29 7.72727V24.2727C29 25.5265 28.5019 26.7289 27.6154 27.6154C26.7289 28.5019 25.5265 29 24.2727 29H7.72727C6.47352 29 5.27112 28.5019 4.38459 27.6154C3.49805 26.7289 3 25.5265 3 24.2727V7.72727C3 6.47352 3.49805 5.27112 4.38459 4.38459ZM11.1071 8.32933C9.57297 8.32933 8.32933 9.57297 8.32933 11.1071V20.8929C8.32933 22.427 9.57297 23.6707 11.1071 23.6707H20.8929C22.427 23.6707 23.6707 22.427 23.6707 20.8929V11.1071C23.6707 9.57297 22.427 8.32933 20.8929 8.32933H11.1071ZM6.54545 11.1071C6.54545 8.58776 8.58776 6.54545 11.1071 6.54545H20.8929C23.4122 6.54545 25.4545 8.58776 25.4545 11.1071V20.8929C25.4545 23.4122 23.4122 25.4545 20.8929 25.4545H11.1071C8.58776 25.4545 6.54545 23.4122 6.54545 20.8929V11.1071ZM12.6783 12.6783C13.5593 11.7974 14.7541 11.3025 16 11.3025C17.2459 11.3025 18.4407 11.7974 19.3217 12.6783C20.2026 13.5593 20.6975 14.7541 20.6975 16C20.6975 17.2459 20.2026 18.4407 19.3217 19.3217C18.4407 20.2026 17.2459 20.6975 16 20.6975C14.7541 20.6975 13.5593 20.2026 12.6783 19.3217C11.7974 18.4407 11.3025 17.2459 11.3025 16C11.3025 14.7541 11.7974 13.5593 12.6783 12.6783ZM16 13.0863C15.2272 13.0863 14.4861 13.3933 13.9397 13.9397C13.3933 14.4861 13.0863 15.2272 13.0863 16C13.0863 16.7727 13.3933 17.5139 13.9397 18.0603C14.4861 18.6067 15.2272 18.9137 16 18.9137C16.7727 18.9137 17.5139 18.6067 18.0603 18.0603C18.6067 17.5139 18.9137 16.7727 18.9137 16C18.9137 15.2272 18.6067 14.4861 18.0603 13.9397C17.5139 13.3933 16.7727 13.0863 16 13.0863ZM20.6972 12.1942C21.1898 12.1942 21.5891 11.7948 21.5891 11.3022C21.5891 10.8096 21.1898 10.4103 20.6972 10.4103C20.2046 10.4103 19.8053 10.8096 19.8053 11.3022C19.8053 11.7948 20.2046 12.1942 20.6972 12.1942Z" fill="#262626"/>
51
- </svg>
52
- </a>
53
- )}
54
- {youtube && (
55
- <a href={youtube} target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
56
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
57
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C6.47352 3 5.27112 3.49805 4.38459 4.38459C3.49805 5.27112 3 6.47352 3 7.72727V24.2727C3 25.5265 3.49805 26.7289 4.38459 27.6154C5.27112 28.502 6.47352 29 7.72727 29H24.2727C25.5265 29 26.7289 28.502 27.6154 27.6154C28.502 26.7289 29 25.5265 29 24.2727V7.72727C29 6.47352 28.502 5.27112 27.6154 4.38459C26.7289 3.49805 25.5265 3 24.2727 3H7.72727ZM7.13636 16C7.13636 14.7307 7.19545 13.5335 7.27464 12.529C7.3251 11.8062 7.63522 11.126 8.1478 10.6138C8.66038 10.1017 9.34085 9.79213 10.0637 9.74227C12.0396 9.60944 14.0196 9.54637 16 9.55318C18.5492 9.55318 20.5051 9.64064 21.9363 9.74227C22.6591 9.79213 23.3396 10.1017 23.8522 10.6138C24.3648 11.126 24.6749 11.8062 24.7254 12.529C24.8034 13.5335 24.8636 14.7307 24.8636 16C24.8636 17.3154 24.7998 18.5527 24.7171 19.5785C24.5989 21.0428 23.4833 22.1608 22.0438 22.2613C20.0319 22.3919 18.0161 22.4538 16 22.4468C13.426 22.4468 11.4027 22.3617 9.95618 22.2613C8.51673 22.1608 7.40109 21.0428 7.28291 19.5785C7.18679 18.3881 7.1379 17.1943 7.13636 16ZM13.7971 12.9923L18.8198 16L13.7971 19.0089V12.9911V12.9923Z" fill="#262626"/>
58
- </svg>
59
- </a>
60
- )}
61
- {email && (
62
- <a href={`mailto:${email}`} aria-label="Email" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
63
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
64
- <path fill-rule="evenodd" clip-rule="evenodd" d="M10.764 5.50954C7.37504 5.58068 5.81868 6.02535 4.61669 7.26594C4.01925 7.88255 3.6166 8.65462 3.37304 9.65052C3.0757 10.8664 3 12.155 3 16.0011C3 19.8472 3.0757 21.1358 3.37304 22.3517C3.81879 24.1744 4.89658 25.3922 6.56605 25.9595C7.35831 26.2287 8.23164 26.3673 9.70095 26.4573C10.6307 26.5142 21.3732 26.5142 22.3029 26.4573C24.6664 26.3126 25.8371 25.9901 26.8778 25.1972C27.8594 24.4492 28.4582 23.3704 28.7386 21.8445C28.9369 20.7652 28.9765 19.9795 28.9952 16.7497C29.02 12.4913 28.9544 11.1164 28.6625 9.77528C28.2584 7.91836 27.1367 6.62002 25.4378 6.04277C24.671 5.78222 23.8153 5.64298 22.3954 5.54774C21.9215 5.51593 12.0095 5.48339 10.764 5.50954ZM10.1169 7.4489C6.85072 7.57568 5.71398 8.19825 5.24685 10.1162C4.99758 11.1396 4.94138 12.2226 4.94138 16.0011C4.94138 18.6205 4.96304 19.6594 5.03502 20.4928C5.26432 23.1479 6.07436 24.0904 8.40686 24.416C9.4801 24.5659 10.3952 24.5864 16.0019 24.5864C21.6086 24.5864 22.5238 24.5659 23.597 24.416C25.1291 24.2022 25.9697 23.7153 26.4405 22.7692C26.7994 22.0479 26.9553 21.1661 27.0322 19.4233C27.0715 18.5317 27.0715 13.4705 27.0322 12.5789C26.9283 10.2233 26.6518 9.22653 25.9004 8.49907C25.1925 7.81367 24.1075 7.53754 21.7637 7.4464C20.8388 7.41043 11.0543 7.41254 10.1169 7.4489ZM8.58086 10.2886C8.30408 10.3444 8.0162 10.5839 7.88907 10.8641C7.84427 10.9628 7.82471 11.0697 7.82406 11.2194C7.82307 11.4517 7.86199 11.577 7.99667 11.775C8.0781 11.8947 11.0088 14.3408 12.1659 15.2548C13.5091 16.3159 14.2359 16.731 15.17 16.9709C15.4585 17.0449 15.5487 17.0539 16.0019 17.0539C16.4552 17.0539 16.5454 17.0449 16.8339 16.9709C17.7682 16.731 18.4963 16.315 19.838 15.2546C21.0066 14.3311 23.9256 11.8949 24.007 11.7752C24.1417 11.5773 24.1807 11.4521 24.1807 11.2183C24.1807 10.6987 23.7534 10.2775 23.2259 10.2772C23.0586 10.2771 22.9702 10.2947 22.8407 10.3541C22.7266 10.4064 22.1629 10.8525 21.0859 11.7428C18.8536 13.5881 18.6664 13.7397 18.1094 14.155C16.337 15.4764 15.6602 15.4761 13.8913 14.1533C13.3332 13.7359 13.1247 13.5669 10.918 11.7428C9.90067 10.9018 9.27594 10.4063 9.17716 10.3619C8.99379 10.2795 8.76548 10.2514 8.58086 10.2886Z" fill="#363942"/>
65
- </svg>
66
- </a>
67
- )}
68
- {print && (
69
- <button onclick="window.print()" aria-label="Imprimir" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
70
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
71
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7.37901 10.1425C6.50394 10.2565 6.05966 10.4633 5.7503 10.763C5.44535 11.0585 5.23792 11.4765 5.12232 12.3097C5.00226 13.1749 5 14.3263 5 15.9999C5 17.6735 5.00226 18.8249 5.12231 19.6901C5.23792 20.5233 5.44535 20.9413 5.75031 21.2368C6.21273 21.6849 6.94655 21.902 8.82918 21.957L8.77082 23.9561C6.92518 23.9022 5.43522 23.7164 4.35853 22.6731C3.60908 21.9468 3.28929 21.0317 3.14129 19.965C2.99994 18.9462 2.99997 17.6554 3 16.0739V15.926C2.99997 14.3444 2.99994 13.0536 3.14129 12.0348C3.28929 10.9681 3.60907 10.053 4.35853 9.32674C5.1036 8.60478 6.03504 8.3007 7.12064 8.15927C8.16568 8.02312 9.49238 8.02314 11.1296 8.02317H20.8704C22.5076 8.02314 23.8343 8.02312 24.8793 8.15927C25.9649 8.3007 26.8964 8.60478 27.6414 9.32673C28.3909 10.053 28.7107 10.9681 28.8587 12.0348C29.0001 13.0536 29 14.3445 29 15.926V16.0738C29 17.6554 29.0001 18.9462 28.8587 19.965C28.7107 21.0317 28.3909 21.9468 27.6414 22.6731C26.5648 23.7164 25.0749 23.9022 23.2292 23.9561L23.1708 21.957C25.0535 21.902 25.7872 21.6849 26.2497 21.2368C26.5546 20.9413 26.7621 20.5233 26.8777 19.6901C26.9977 18.8249 27 17.6735 27 15.9999C27 14.3263 26.9977 13.1749 26.8777 12.3097C26.7621 11.4765 26.5546 11.0585 26.2497 10.7631C25.9403 10.4633 25.496 10.2565 24.621 10.1425C23.7203 10.0252 22.5245 10.0232 20.8 10.0232H11.2C9.47553 10.0232 8.27969 10.0252 7.37901 10.1425Z" fill="#363942"/>
72
- <path fill-rule="evenodd" clip-rule="evenodd" d="M7.79981 13.6746C7.79981 13.1223 8.24752 12.6746 8.79981 12.6746H12.3998C12.9521 12.6746 13.3998 13.1223 13.3998 13.6746C13.3998 14.2268 12.9521 14.6746 12.3998 14.6746H8.79981C8.24752 14.6746 7.79981 14.2268 7.79981 13.6746Z" fill="#363942"/>
73
- <path fill-rule="evenodd" clip-rule="evenodd" d="M6.60059 19.4882C6.60059 18.9359 7.0483 18.4882 7.60059 18.4882H24.4006C24.9529 18.4882 25.4006 18.9359 25.4006 19.4882C25.4006 20.0404 24.9529 20.4882 24.4006 20.4882H7.60059C7.0483 20.4882 6.60059 20.0404 6.60059 19.4882Z" fill="#363942"/>
74
- <path d="M24.0996 19.4884C24.0996 19.0067 23.6967 18.6163 23.1996 18.6163C22.7026 18.6163 22.2996 19.0067 22.2996 19.4884H24.0996ZM9.69964 19.4884C9.69964 19.0067 9.29669 18.6163 8.79964 18.6163C8.30259 18.6163 7.89964 19.0067 7.89964 19.4884H9.69964ZM22.2996 20.6512C22.2996 22.3202 22.2977 23.4843 22.1759 24.3627C22.0575 25.2159 21.841 25.6677 21.5088 25.9895L22.7817 27.2229C23.504 26.5229 23.8146 25.6417 23.9598 24.5951C24.1016 23.5735 24.0996 22.2709 24.0996 20.6512H22.2996ZM15.9996 28.5C17.6712 28.5 19.0155 28.5019 20.0698 28.3645C21.1499 28.2238 22.0593 27.9228 22.7817 27.2229L21.5088 25.9895C21.1767 26.3114 20.7105 26.5212 19.8299 26.6359C18.9234 26.754 17.7221 26.7558 15.9996 26.7558V28.5ZM15.9996 5.24419C17.7221 5.24419 18.9234 5.24604 19.8299 5.36413C20.7105 5.47884 21.1767 5.68866 21.5088 6.01048L22.7817 4.77715C22.0593 4.07725 21.1499 3.77621 20.0698 3.63549C19.0155 3.49815 17.6712 3.5 15.9996 3.5V5.24419ZM15.9996 3.5C14.328 3.5 12.9838 3.49815 11.9295 3.63549C10.8494 3.77621 9.93997 4.07725 9.21766 4.77715L10.4905 6.01048C10.8226 5.68866 11.2888 5.47884 12.1694 5.36413C13.0758 5.24604 14.2772 5.24419 15.9996 5.24419V3.5ZM7.89964 20.6512C7.89964 22.2709 7.89773 23.5735 8.03947 24.5951C8.18469 25.6417 8.49536 26.5229 9.21766 27.2229L10.4905 25.9895C10.1583 25.6677 9.9418 25.2159 9.82342 24.3627C9.70155 23.4843 9.69964 22.3202 9.69964 20.6512H7.89964ZM15.9996 26.7558C14.2772 26.7558 13.0758 26.754 12.1694 26.6359C11.2889 26.5212 10.8226 26.3114 10.4905 25.9895L9.21766 27.2229C9.93997 27.9228 10.8494 28.2238 11.9295 28.3645C12.9838 28.5019 14.328 28.5 15.9996 28.5V26.7558ZM24.0784 8.99699C24.0227 7.20373 23.8281 5.79113 22.7817 4.77715L21.5088 6.01048C22.0016 6.48791 22.2227 7.23012 22.2792 9.04952L24.0784 8.99699ZM9.72002 9.04952C9.7766 7.23012 9.99775 6.48791 10.4905 6.01048L9.21766 4.77715C8.17124 5.79113 7.9766 7.20373 7.92084 8.99699L9.72002 9.04952ZM24.0996 20.6512V19.4884H22.2996V20.6512H24.0996ZM9.69964 20.6512V19.4884H7.89964V20.6512H9.69964Z" fill="#363942"/>
75
- <path d="M20.7998 13.6746C20.7998 13.983 20.9262 14.2788 21.1513 14.4968C21.3763 14.7149 21.6815 14.8374 21.9998 14.8374C22.3181 14.8374 22.6233 14.7149 22.8483 14.4968C23.0734 14.2788 23.1998 13.983 23.1998 13.6746C23.1998 13.3662 23.0734 13.0705 22.8483 12.8524C22.6233 12.6343 22.3181 12.5118 21.9998 12.5118C21.6815 12.5118 21.3763 12.6343 21.1513 12.8524C20.9262 13.0705 20.7998 13.3662 20.7998 13.6746Z" fill="#363942"/>
76
- </svg>
77
- </button>
78
- )}
79
- {copyLink && (
80
- <button onclick={`navigator.clipboard.writeText('${copyUrl}');this.querySelector('.copy-ok').classList.remove('hidden');setTimeout(()=>this.querySelector('.copy-ok').classList.add('hidden'),2000)`} aria-label="Copiar enlace" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8] relative">
81
- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
82
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0218 3.02184C17.1786 3.19701 15.5136 3.87009 14.0647 5.0257C13.6203 5.38015 12.4056 6.57322 12.2494 6.80868C11.6675 7.6857 12.6077 8.78401 13.5742 8.3563C13.685 8.30725 13.9475 8.07326 14.5001 7.53098C15.499 6.55064 15.9279 6.22727 16.7676 5.82147C19.1359 4.67697 21.9777 4.96341 24.0914 6.55971C24.477 6.8509 25.1777 7.55962 25.4621 7.94599C26.4425 9.27785 26.9111 10.779 26.8554 12.4091C26.8236 13.3385 26.6459 14.1319 26.2779 14.9866C25.8846 15.9002 25.4705 16.472 24.4496 17.5107C23.6469 18.3276 23.579 18.423 23.5467 18.7799C23.4678 19.65 24.4557 20.2317 25.1872 19.7459C25.4171 19.5933 26.6006 18.3854 26.9644 17.9322C29.9113 14.2605 29.6295 9.00337 26.308 5.68432C24.8906 4.26798 23.1397 3.38671 21.1439 3.08509C20.6322 3.00778 19.519 2.97459 19.0218 3.02184ZM7.1387 12.0952C6.88575 12.1548 6.66998 12.33 5.96326 13.0496C5.20886 13.8178 4.95398 14.1205 4.54041 14.7393C2.86973 17.2393 2.53547 20.4142 3.64816 23.2137C4.46045 25.2573 6.00726 26.9611 7.96898 27.9732C9.21426 28.6156 10.4372 28.9377 11.8408 28.993C14.0409 29.0796 16.1953 28.3627 17.9353 26.965C18.3883 26.6011 19.5957 25.4171 19.7483 25.187C20.2339 24.4552 19.6524 23.4669 18.7827 23.5458C18.4259 23.5782 18.3306 23.6461 17.514 24.4492C17.0774 24.8787 16.6088 25.3043 16.4078 25.4539C13.8767 27.3384 10.5047 27.3416 7.95326 25.4621C7.56704 25.1776 6.85862 24.4765 6.56755 24.0908C4.64943 21.5489 4.65839 18.074 6.58965 15.5212C6.69538 15.3814 7.12233 14.9198 7.53842 14.4955C8.41022 13.6065 8.44577 13.5527 8.44363 13.1259C8.44258 12.924 8.42374 12.8132 8.37023 12.6947C8.28056 12.496 8.0509 12.2627 7.84865 12.1647C7.66578 12.0762 7.35046 12.0453 7.1387 12.0952ZM18.5803 12.1018C18.4962 12.1245 18.3586 12.1911 18.2747 12.2498C18.1908 12.3084 16.7988 13.6836 15.1814 15.3056C12.9416 17.552 12.224 18.2913 12.1704 18.4077C11.8084 19.1946 12.4951 20.0735 13.3383 19.9025C13.4484 19.8801 13.6072 19.818 13.6912 19.7644C13.879 19.6447 19.6974 13.8181 19.7948 13.6524C19.8332 13.587 19.8828 13.4402 19.905 13.3262C20.0114 12.78 19.6604 12.2274 19.1273 12.1018C18.897 12.0476 18.7812 12.0476 18.5803 12.1018Z" fill="#363942"/>
83
- </svg>
84
- <span class="copy-ok hidden absolute -top-8 left-1/2 -translate-x-1/2 bg-[#363942] text-white text-xs px-2 py-1 rounded whitespace-nowrap">Enlace copiado</span>
85
- </button>
86
- )}
87
- </div>
18
+ {selectorApiShare ? (
19
+ <div class="flex flex-wrap items-center gap-1 sm:gap-2">
20
+ <div class={selectorApiShare}></div>
21
+ </div>
22
+ ) : (
23
+ <div class="flex flex-wrap items-center gap-1 sm:gap-2">
24
+ {facebook && (
25
+ <a href={facebook} target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
26
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
27
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C6.47352 3 5.27112 3.49805 4.38459 4.38459C3.49805 5.27112 3 6.47352 3 7.72727V24.2727C3 25.5265 3.49805 26.7289 4.38459 27.6154C5.27112 28.502 6.47352 29 7.72727 29H24.2727C25.5265 29 26.7289 28.502 27.6154 27.6154C28.502 26.7289 29 25.5265 29 24.2727V7.72727C29 6.47352 28.502 5.27112 27.6154 4.38459C26.7289 3.49805 25.5265 3 24.2727 3H7.72727ZM13.2605 10.4135C13.2605 9.38787 13.6679 8.40418 14.3931 7.67881C15.1182 6.95344 16.1018 6.54577 17.1275 6.54545H20.5665C20.8029 6.54545 20.9955 6.73809 20.9955 6.97564V10.4135C20.9955 10.6499 20.8029 10.8425 20.5665 10.8425H18.847C18.6777 10.8425 18.5101 10.8759 18.3538 10.9407C18.1974 11.0055 18.0553 11.1005 17.9357 11.2203C17.8161 11.34 17.7212 11.4822 17.6565 11.6386C17.5919 11.795 17.5587 11.9626 17.5588 12.1319V13.4213H20.5665C20.6318 13.4215 20.6961 13.4365 20.7546 13.4653C20.8132 13.494 20.8645 13.5357 20.9045 13.5871C20.9446 13.6386 20.9725 13.6985 20.986 13.7623C20.9995 13.8261 20.9983 13.8922 20.9825 13.9555L20.1234 17.3945C20.0999 17.4873 20.0461 17.5696 19.9705 17.6283C19.8949 17.6869 19.8019 17.7186 19.7062 17.7184H17.5576V25.0244C17.5576 25.1385 17.5123 25.2479 17.4316 25.3285C17.351 25.4092 17.2415 25.4545 17.1275 25.4545H13.6895C13.5757 25.4542 13.4665 25.4088 13.3861 25.3281C13.3057 25.2475 13.2605 25.1383 13.2605 25.0244V17.7195H11.112C10.9979 17.7195 10.8885 17.6742 10.8078 17.5935C10.7271 17.5129 10.6818 17.4035 10.6818 17.2894V13.8503C10.6818 13.6139 10.8745 13.4213 11.112 13.4213H13.2605V10.4135Z" fill="#363942"/>
28
+ </svg>
29
+ </a>
30
+ )}
31
+ {linkedin && (
32
+ <a href={linkedin} target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
33
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
34
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C6.47352 3 5.27112 3.49805 4.38459 4.38459C3.49805 5.27112 3 6.47352 3 7.72727V24.2727C3 25.5265 3.49805 26.7289 4.38459 27.6154C5.27112 28.502 6.47352 29 7.72727 29H24.2727C25.5265 29 26.7289 28.502 27.6154 27.6154C28.502 26.7289 29 25.5265 29 24.2727V7.72727C29 6.47352 28.502 5.27112 27.6154 4.38459C26.7289 3.49805 25.5265 3 24.2727 3H7.72727ZM9.15136 11.1664C9.68578 11.1664 10.1983 10.9541 10.5762 10.5762C10.9541 10.1983 11.1664 9.68578 11.1664 9.15136C11.1664 8.61695 10.9541 8.10443 10.5762 7.72654C10.1983 7.34866 9.68578 7.13636 9.15136 7.13636C8.61695 7.13636 8.10443 7.34866 7.72654 7.72654C7.34866 8.10443 7.13636 8.61695 7.13636 9.15136C7.13636 9.68578 7.34866 10.1983 7.72654 10.5762C8.10443 10.9541 8.61695 11.1664 9.15136 11.1664ZM11.1652 24.8636V12.7772H7.13636V24.8636H11.1664H11.1652ZM16.403 12.7772H12.7772V24.8636H16.403V17.5718C16.8698 16.8131 17.6758 16 18.8198 16C20.4318 16 20.8348 17.612 20.8348 18.418V24.8636H24.8636V18.418C24.8636 16.2576 23.9217 12.7772 20.4318 12.7772C18.2124 12.7772 16.9809 13.5867 16.4018 14.3455V12.7772H16.403Z" fill="#363942"/>
35
+ </svg>
36
+ </a>
37
+ )}
38
+ {twitter && (
39
+ <a href={twitter} target="_blank" rel="noopener noreferrer" aria-label="X" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
40
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
41
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C5.11647 3 3 5.11647 3 7.72727V24.2727C3 26.8835 5.11647 29 7.72727 29H24.2727C26.8835 29 29 26.8835 29 24.2727V7.72727C29 5.11647 26.8835 3 24.2727 3H7.72727ZM7.3322 7.13636C7.12496 7.2135 6.9501 7.36692 6.84804 7.57163C6.69807 7.8724 6.73113 8.23213 6.9334 8.50055L13.5683 17.3054L6.57681 24.8029C6.55848 24.8226 6.54122 24.8428 6.52502 24.8636H8.9441L14.6517 18.743L19.0401 24.5668C19.143 24.7033 19.2816 24.8053 19.4377 24.8636H24.664C24.8706 24.7863 25.045 24.6332 25.1468 24.4288C25.2968 24.1281 25.2638 23.7683 25.0615 23.4999L18.4265 14.695L25.475 7.13636H23.0511L17.3431 13.2574L12.9547 7.43369C12.8515 7.2968 12.7125 7.19464 12.5558 7.13636H7.3322ZM20.19 23.147L9.41905 8.85347H11.8049L22.5759 23.147H20.19Z" fill="#363942"/>
42
+ </svg>
43
+ </a>
44
+ )}
45
+ {whatsapp && (
46
+ <a href={whatsapp} target="_blank" rel="noopener noreferrer" aria-label="WhatsApp" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
47
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
48
+ <path d="M29 8.915C28.9854 8.3541 28.9421 7.79441 28.87 7.23804C28.7729 6.75065 28.6112 6.27852 28.389 5.83402C28.1567 5.35183 27.8446 4.9123 27.466 4.53402C27.0839 4.15983 26.6452 3.84843 26.166 3.61098C25.7209 3.39321 25.2487 3.23579 24.762 3.14304C24.2109 3.06047 23.6552 3.01271 23.098 3H8.915C8.3541 3.01459 7.79441 3.05804 7.23804 3.13C6.75065 3.22706 6.27852 3.38878 5.83402 3.61098C5.35183 3.84334 4.9123 4.15541 4.53402 4.53402C4.15983 4.91606 3.84843 5.35481 3.61098 5.83402C3.39321 6.27907 3.23579 6.75121 3.14304 7.23804C3.06047 7.78911 3.01271 8.34492 3 8.90196V23.085C3.01459 23.6458 3.05804 24.2056 3.13 24.762C3.22706 25.2493 3.38878 25.7216 3.61098 26.166C3.84334 26.6482 4.15541 27.0877 4.53402 27.466C4.91606 27.8402 5.35481 28.1516 5.83402 28.389C6.27907 28.6069 6.75121 28.7642 7.23804 28.857C7.78911 28.9395 8.34492 28.9873 8.90196 29H23.085C23.6458 28.9854 24.2056 28.942 24.762 28.87C25.2493 28.7729 25.7216 28.6112 26.166 28.389C26.6482 28.1567 27.0877 27.8446 27.466 27.466C27.8402 27.0839 28.1516 26.6452 28.389 26.166C28.6069 25.7209 28.7642 25.2487 28.857 24.762C28.9395 24.2109 28.9873 23.6552 29 23.098V8.915ZM16.299 25.1C14.7378 25.0924 13.2039 24.6899 11.84 23.93L6.9 25.23L8.2 20.394C7.36163 18.9855 6.91304 17.3791 6.9 15.74C6.9052 13.8978 7.45537 12.0983 8.48122 10.5682C9.50718 9.03815 10.9629 7.84582 12.6651 7.14143C14.3674 6.43704 16.24 6.25221 18.0471 6.61004C19.8542 6.96787 21.5149 7.85245 22.8204 9.15234C24.1257 10.4523 25.0172 12.1094 25.3824 13.915C25.7479 15.7207 25.5708 17.594 24.8735 19.2992C24.1762 21.0043 22.9899 22.4651 21.4642 23.4972C19.9384 24.5296 18.1411 25.0872 16.299 25.1ZM16.299 8.03098C14.9208 8.04679 13.5713 8.4275 12.3881 9.13432C11.2047 9.84125 10.2299 10.8491 9.56279 12.0552C8.89565 13.2613 8.56004 14.6226 8.59011 16.0007C8.62018 17.3787 9.01493 18.7241 9.73402 19.9L9.91598 20.199L9.13598 23.046L12.1 22.24L12.386 22.409C13.5685 23.1056 14.9137 23.4778 16.286 23.488C18.3547 23.488 20.3386 22.6663 21.8014 21.2034C23.2643 19.7406 24.086 17.7567 24.086 15.688C24.086 13.6193 23.2643 11.6354 21.8014 10.1726C20.3386 8.70983 18.3547 7.88804 16.286 7.88804L16.299 8.03098ZM20.849 19.107C20.6787 19.3911 20.4507 19.6361 20.1798 19.8264C19.9088 20.0167 19.6009 20.1482 19.276 20.212C18.7905 20.3008 18.2907 20.2694 17.82 20.121C17.377 19.9826 16.9431 19.8175 16.52 19.627C14.9128 18.8206 13.5423 17.6112 12.542 16.117C11.9984 15.4247 11.6687 14.5889 11.593 13.712C11.5853 13.3477 11.6542 12.9859 11.7952 12.65C11.9364 12.314 12.1464 12.0115 12.412 11.762C12.4902 11.6733 12.5862 11.602 12.6936 11.5528C12.8012 11.5035 12.9178 11.4774 13.036 11.476H13.4C13.543 11.476 13.738 11.476 13.92 11.879C14.102 12.2821 14.583 13.491 14.648 13.608C14.68 13.6704 14.6966 13.7395 14.6966 13.8095C14.6966 13.8794 14.68 13.9486 14.648 14.011C14.5906 14.1524 14.5116 14.2839 14.414 14.401C14.297 14.544 14.167 14.713 14.063 14.817C13.959 14.921 13.829 15.051 13.959 15.285C14.3128 15.8819 14.7506 16.4248 15.259 16.897C15.8126 17.3863 16.4458 17.7774 17.131 18.054C17.365 18.171 17.508 18.158 17.638 18.054C17.768 17.95 18.223 17.378 18.379 17.144C18.535 16.91 18.691 16.949 18.899 17.027C19.107 17.105 20.264 17.664 20.498 17.781C20.732 17.898 20.875 17.95 20.94 18.054C20.9964 18.3942 20.9651 18.7433 20.849 19.068V19.107Z" fill="#363942"/>
49
+ </svg>
50
+ </a>
51
+ )}
52
+ {instagram && (
53
+ <a href={instagram} target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
54
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
55
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.38459 4.38459C5.27112 3.49805 6.47352 3 7.72727 3H24.2727C25.5265 3 26.7289 3.49805 27.6154 4.38459C28.5019 5.27112 29 6.47352 29 7.72727V24.2727C29 25.5265 28.5019 26.7289 27.6154 27.6154C26.7289 28.5019 25.5265 29 24.2727 29H7.72727C6.47352 29 5.27112 28.5019 4.38459 27.6154C3.49805 26.7289 3 25.5265 3 24.2727V7.72727C3 6.47352 3.49805 5.27112 4.38459 4.38459ZM11.1071 8.32933C9.57297 8.32933 8.32933 9.57297 8.32933 11.1071V20.8929C8.32933 22.427 9.57297 23.6707 11.1071 23.6707H20.8929C22.427 23.6707 23.6707 22.427 23.6707 20.8929V11.1071C23.6707 9.57297 22.427 8.32933 20.8929 8.32933H11.1071ZM6.54545 11.1071C6.54545 8.58776 8.58776 6.54545 11.1071 6.54545H20.8929C23.4122 6.54545 25.4545 8.58776 25.4545 11.1071V20.8929C25.4545 23.4122 23.4122 25.4545 20.8929 25.4545H11.1071C8.58776 25.4545 6.54545 23.4122 6.54545 20.8929V11.1071ZM12.6783 12.6783C13.5593 11.7974 14.7541 11.3025 16 11.3025C17.2459 11.3025 18.4407 11.7974 19.3217 12.6783C20.2026 13.5593 20.6975 14.7541 20.6975 16C20.6975 17.2459 20.2026 18.4407 19.3217 19.3217C18.4407 20.2026 17.2459 20.6975 16 20.6975C14.7541 20.6975 13.5593 20.2026 12.6783 19.3217C11.7974 18.4407 11.3025 17.2459 11.3025 16C11.3025 14.7541 11.7974 13.5593 12.6783 12.6783ZM16 13.0863C15.2272 13.0863 14.4861 13.3933 13.9397 13.9397C13.3933 14.4861 13.0863 15.2272 13.0863 16C13.0863 16.7727 13.3933 17.5139 13.9397 18.0603C14.4861 18.6067 15.2272 18.9137 16 18.9137C16.7727 18.9137 17.5139 18.6067 18.0603 18.0603C18.6067 17.5139 18.9137 16.7727 18.9137 16C18.9137 15.2272 18.6067 14.4861 18.0603 13.9397C17.5139 13.3933 16.7727 13.0863 16 13.0863ZM20.6972 12.1942C21.1898 12.1942 21.5891 11.7948 21.5891 11.3022C21.5891 10.8096 21.1898 10.4103 20.6972 10.4103C20.2046 10.4103 19.8053 10.8096 19.8053 11.3022C19.8053 11.7948 20.2046 12.1942 20.6972 12.1942Z" fill="#262626"/>
56
+ </svg>
57
+ </a>
58
+ )}
59
+ {youtube && (
60
+ <a href={youtube} target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
61
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
62
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.72727 3C6.47352 3 5.27112 3.49805 4.38459 4.38459C3.49805 5.27112 3 6.47352 3 7.72727V24.2727C3 25.5265 3.49805 26.7289 4.38459 27.6154C5.27112 28.502 6.47352 29 7.72727 29H24.2727C25.5265 29 26.7289 28.502 27.6154 27.6154C28.502 26.7289 29 25.5265 29 24.2727V7.72727C29 6.47352 28.502 5.27112 27.6154 4.38459C26.7289 3.49805 25.5265 3 24.2727 3H7.72727ZM7.13636 16C7.13636 14.7307 7.19545 13.5335 7.27464 12.529C7.3251 11.8062 7.63522 11.126 8.1478 10.6138C8.66038 10.1017 9.34085 9.79213 10.0637 9.74227C12.0396 9.60944 14.0196 9.54637 16 9.55318C18.5492 9.55318 20.5051 9.64064 21.9363 9.74227C22.6591 9.79213 23.3396 10.1017 23.8522 10.6138C24.3648 11.126 24.6749 11.8062 24.7254 12.529C24.8034 13.5335 24.8636 14.7307 24.8636 16C24.8636 17.3154 24.7998 18.5527 24.7171 19.5785C24.5989 21.0428 23.4833 22.1608 22.0438 22.2613C20.0319 22.3919 18.0161 22.4538 16 22.4468C13.426 22.4468 11.4027 22.3617 9.95618 22.2613C8.51673 22.1608 7.40109 21.0428 7.28291 19.5785C7.18679 18.3881 7.1379 17.1943 7.13636 16ZM13.7971 12.9923L18.8198 16L13.7971 19.0089V12.9911V12.9923Z" fill="#262626"/>
63
+ </svg>
64
+ </a>
65
+ )}
66
+ {email && (
67
+ <a href={`mailto:${email}`} aria-label="Email" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
68
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
69
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.764 5.50954C7.37504 5.58068 5.81868 6.02535 4.61669 7.26594C4.01925 7.88255 3.6166 8.65462 3.37304 9.65052C3.0757 10.8664 3 12.155 3 16.0011C3 19.8472 3.0757 21.1358 3.37304 22.3517C3.81879 24.1744 4.89658 25.3922 6.56605 25.9595C7.35831 26.2287 8.23164 26.3673 9.70095 26.4573C10.6307 26.5142 21.3732 26.5142 22.3029 26.4573C24.6664 26.3126 25.8371 25.9901 26.8778 25.1972C27.8594 24.4492 28.4582 23.3704 28.7386 21.8445C28.9369 20.7652 28.9765 19.9795 28.9952 16.7497C29.02 12.4913 28.9544 11.1164 28.6625 9.77528C28.2584 7.91836 27.1367 6.62002 25.4378 6.04277C24.671 5.78222 23.8153 5.64298 22.3954 5.54774C21.9215 5.51593 12.0095 5.48339 10.764 5.50954ZM10.1169 7.4489C6.85072 7.57568 5.71398 8.19825 5.24685 10.1162C4.99758 11.1396 4.94138 12.2226 4.94138 16.0011C4.94138 18.6205 4.96304 19.6594 5.03502 20.4928C5.26432 23.1479 6.07436 24.0904 8.40686 24.416C9.4801 24.5659 10.3952 24.5864 16.0019 24.5864C21.6086 24.5864 22.5238 24.5659 23.597 24.416C25.1291 24.2022 25.9697 23.7153 26.4405 22.7692C26.7994 22.0479 26.9553 21.1661 27.0322 19.4233C27.0715 18.5317 27.0715 13.4705 27.0322 12.5789C26.9283 10.2233 26.6518 9.22653 25.9004 8.49907C25.1925 7.81367 24.1075 7.53754 21.7637 7.4464C20.8388 7.41043 11.0543 7.41254 10.1169 7.4489ZM8.58086 10.2886C8.30408 10.3444 8.0162 10.5839 7.88907 10.8641C7.84427 10.9628 7.82471 11.0697 7.82406 11.2194C7.82307 11.4517 7.86199 11.577 7.99667 11.775C8.0781 11.8947 11.0088 14.3408 12.1659 15.2548C13.5091 16.3159 14.2359 16.731 15.17 16.9709C15.4585 17.0449 15.5487 17.0539 16.0019 17.0539C16.4552 17.0539 16.5454 17.0449 16.8339 16.9709C17.7682 16.731 18.4963 16.315 19.838 15.2546C21.0066 14.3311 23.9256 11.8949 24.007 11.7752C24.1417 11.5773 24.1807 11.4521 24.1807 11.2183C24.1807 10.6987 23.7534 10.2775 23.2259 10.2772C23.0586 10.2771 22.9702 10.2947 22.8407 10.3541C22.7266 10.4064 22.1629 10.8525 21.0859 11.7428C18.8536 13.5881 18.6664 13.7397 18.1094 14.155C16.337 15.4764 15.6602 15.4761 13.8913 14.1533C13.3332 13.7359 13.1247 13.5669 10.918 11.7428C9.90067 10.9018 9.27594 10.4063 9.17716 10.3619C8.99379 10.2795 8.76548 10.2514 8.58086 10.2886Z" fill="#363942"/>
70
+ </svg>
71
+ </a>
72
+ )}
73
+ {print && (
74
+ <button onclick="window.print()" aria-label="Imprimir" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8]">
75
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
76
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.37901 10.1425C6.50394 10.2565 6.05966 10.4633 5.7503 10.763C5.44535 11.0585 5.23792 11.4765 5.12232 12.3097C5.00226 13.1749 5 14.3263 5 15.9999C5 17.6735 5.00226 18.8249 5.12231 19.6901C5.23792 20.5233 5.44535 20.9413 5.75031 21.2368C6.21273 21.6849 6.94655 21.902 8.82918 21.957L8.77082 23.9561C6.92518 23.9022 5.43522 23.7164 4.35853 22.6731C3.60908 21.9468 3.28929 21.0317 3.14129 19.965C2.99994 18.9462 2.99997 17.6554 3 16.0739V15.926C2.99997 14.3444 2.99994 13.0536 3.14129 12.0348C3.28929 10.9681 3.60907 10.053 4.35853 9.32674C5.1036 8.60478 6.03504 8.3007 7.12064 8.15927C8.16568 8.02312 9.49238 8.02314 11.1296 8.02317H20.8704C22.5076 8.02314 23.8343 8.02312 24.8793 8.15927C25.9649 8.3007 26.8964 8.60478 27.6414 9.32673C28.3909 10.053 28.7107 10.9681 28.8587 12.0348C29.0001 13.0536 29 14.3445 29 15.926V16.0738C29 17.6554 29.0001 18.9462 28.8587 19.965C28.7107 21.0317 28.3909 21.9468 27.6414 22.6731C26.5648 23.7164 25.0749 23.9022 23.2292 23.9561L23.1708 21.957C25.0535 21.902 25.7872 21.6849 26.2497 21.2368C26.5546 20.9413 26.7621 20.5233 26.8777 19.6901C26.9977 18.8249 27 17.6735 27 15.9999C27 14.3263 26.9977 13.1749 26.8777 12.3097C26.7621 11.4765 26.5546 11.0585 26.2497 10.7631C25.9403 10.4633 25.496 10.2565 24.621 10.1425C23.7203 10.0252 22.5245 10.0232 20.8 10.0232H11.2C9.47553 10.0232 8.27969 10.0252 7.37901 10.1425Z" fill="#363942"/>
77
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.79981 13.6746C7.79981 13.1223 8.24752 12.6746 8.79981 12.6746H12.3998C12.9521 12.6746 13.3998 13.1223 13.3998 13.6746C13.3998 14.2268 12.9521 14.6746 12.3998 14.6746H8.79981C8.24752 14.6746 7.79981 14.2268 7.79981 13.6746Z" fill="#363942"/>
78
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.60059 19.4882C6.60059 18.9359 7.0483 18.4882 7.60059 18.4882H24.4006C24.9529 18.4882 25.4006 18.9359 25.4006 19.4882C25.4006 20.0404 24.9529 20.4882 24.4006 20.4882H7.60059C7.0483 20.4882 6.60059 20.0404 6.60059 19.4882Z" fill="#363942"/>
79
+ <path d="M24.0996 19.4884C24.0996 19.0067 23.6967 18.6163 23.1996 18.6163C22.7026 18.6163 22.2996 19.0067 22.2996 19.4884H24.0996ZM9.69964 19.4884C9.69964 19.0067 9.29669 18.6163 8.79964 18.6163C8.30259 18.6163 7.89964 19.0067 7.89964 19.4884H9.69964ZM22.2996 20.6512C22.2996 22.3202 22.2977 23.4843 22.1759 24.3627C22.0575 25.2159 21.841 25.6677 21.5088 25.9895L22.7817 27.2229C23.504 26.5229 23.8146 25.6417 23.9598 24.5951C24.1016 23.5735 24.0996 22.2709 24.0996 20.6512H22.2996ZM15.9996 28.5C17.6712 28.5 19.0155 28.5019 20.0698 28.3645C21.1499 28.2238 22.0593 27.9228 22.7817 27.2229L21.5088 25.9895C21.1767 26.3114 20.7105 26.5212 19.8299 26.6359C18.9234 26.754 17.7221 26.7558 15.9996 26.7558V28.5ZM15.9996 5.24419C17.7221 5.24419 18.9234 5.24604 19.8299 5.36413C20.7105 5.47884 21.1767 5.68866 21.5088 6.01048L22.7817 4.77715C22.0593 4.07725 21.1499 3.77621 20.0698 3.63549C19.0155 3.49815 17.6712 3.5 15.9996 3.5V5.24419ZM15.9996 3.5C14.328 3.5 12.9838 3.49815 11.9295 3.63549C10.8494 3.77621 9.93997 4.07725 9.21766 4.77715L10.4905 6.01048C10.8226 5.68866 11.2888 5.47884 12.1694 5.36413C13.0758 5.24604 14.2772 5.24419 15.9996 5.24419V3.5ZM7.89964 20.6512C7.89964 22.2709 7.89773 23.5735 8.03947 24.5951C8.18469 25.6417 8.49536 26.5229 9.21766 27.2229L10.4905 25.9895C10.1583 25.6677 9.9418 25.2159 9.82342 24.3627C9.70155 23.4843 9.69964 22.3202 9.69964 20.6512H7.89964ZM15.9996 26.7558C14.2772 26.7558 13.0758 26.754 12.1694 26.6359C11.2889 26.5212 10.8226 26.3114 10.4905 25.9895L9.21766 27.2229C9.93997 27.9228 10.8494 28.2238 11.9295 28.3645C12.9838 28.5019 14.328 28.5 15.9996 28.5V26.7558ZM24.0784 8.99699C24.0227 7.20373 23.8281 5.79113 22.7817 4.77715L21.5088 6.01048C22.0016 6.48791 22.2227 7.23012 22.2792 9.04952L24.0784 8.99699ZM9.72002 9.04952C9.7766 7.23012 9.99775 6.48791 10.4905 6.01048L9.21766 4.77715C8.17124 5.79113 7.9766 7.20373 7.92084 8.99699L9.72002 9.04952ZM24.0996 20.6512V19.4884H22.2996V20.6512H24.0996ZM9.69964 20.6512V19.4884H7.89964V20.6512H9.69964Z" fill="#363942"/>
80
+ <path d="M20.7998 13.6746C20.7998 13.983 20.9262 14.2788 21.1513 14.4968C21.3763 14.7149 21.6815 14.8374 21.9998 14.8374C22.3181 14.8374 22.6233 14.7149 22.8483 14.4968C23.0734 14.2788 23.1998 13.983 23.1998 13.6746C23.1998 13.3662 23.0734 13.0705 22.8483 12.8524C22.6233 12.6343 22.3181 12.5118 21.9998 12.5118C21.6815 12.5118 21.3763 12.6343 21.1513 12.8524C20.9262 13.0705 20.7998 13.3662 20.7998 13.6746Z" fill="#363942"/>
81
+ </svg>
82
+ </button>
83
+ )}
84
+ {copyLink && (
85
+ <button onclick={`navigator.clipboard.writeText('${copyUrl}');this.querySelector('.copy-ok').classList.remove('hidden');setTimeout(()=>this.querySelector('.copy-ok').classList.add('hidden'),2000)`} aria-label="Copiar enlace" class="inline-flex items-center justify-center w-10 h-10 rounded-full transition-colors duration-200 cursor-pointer border-none bg-transparent hover:bg-[#F2F3F8] relative">
86
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
87
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0218 3.02184C17.1786 3.19701 15.5136 3.87009 14.0647 5.0257C13.6203 5.38015 12.4056 6.57322 12.2494 6.80868C11.6675 7.6857 12.6077 8.78401 13.5742 8.3563C13.685 8.30725 13.9475 8.07326 14.5001 7.53098C15.499 6.55064 15.9279 6.22727 16.7676 5.82147C19.1359 4.67697 21.9777 4.96341 24.0914 6.55971C24.477 6.8509 25.1777 7.55962 25.4621 7.94599C26.4425 9.27785 26.9111 10.779 26.8554 12.4091C26.8236 13.3385 26.6459 14.1319 26.2779 14.9866C25.8846 15.9002 25.4705 16.472 24.4496 17.5107C23.6469 18.3276 23.579 18.423 23.5467 18.7799C23.4678 19.65 24.4557 20.2317 25.1872 19.7459C25.4171 19.5933 26.6006 18.3854 26.9644 17.9322C29.9113 14.2605 29.6295 9.00337 26.308 5.68432C24.8906 4.26798 23.1397 3.38671 21.1439 3.08509C20.6322 3.00778 19.519 2.97459 19.0218 3.02184ZM7.1387 12.0952C6.88575 12.1548 6.66998 12.33 5.96326 13.0496C5.20886 13.8178 4.95398 14.1205 4.54041 14.7393C2.86973 17.2393 2.53547 20.4142 3.64816 23.2137C4.46045 25.2573 6.00726 26.9611 7.96898 27.9732C9.21426 28.6156 10.4372 28.9377 11.8408 28.993C14.0409 29.0796 16.1953 28.3627 17.9353 26.965C18.3883 26.6011 19.5957 25.4171 19.7483 25.187C20.2339 24.4552 19.6524 23.4669 18.7827 23.5458C18.4259 23.5782 18.3306 23.6461 17.514 24.4492C17.0774 24.8787 16.6088 25.3043 16.4078 25.4539C13.8767 27.3384 10.5047 27.3416 7.95326 25.4621C7.56704 25.1776 6.85862 24.4765 6.56755 24.0908C4.64943 21.5489 4.65839 18.074 6.58965 15.5212C6.69538 15.3814 7.12233 14.9198 7.53842 14.4955C8.41022 13.6065 8.44577 13.5527 8.44363 13.1259C8.44258 12.924 8.42374 12.8132 8.37023 12.6947C8.28056 12.496 8.0509 12.2627 7.84865 12.1647C7.66578 12.0762 7.35046 12.0453 7.1387 12.0952ZM18.5803 12.1018C18.4962 12.1245 18.3586 12.1911 18.2747 12.2498C18.1908 12.3084 16.7988 13.6836 15.1814 15.3056C12.9416 17.552 12.224 18.2913 12.1704 18.4077C11.8084 19.1946 12.4951 20.0735 13.3383 19.9025C13.4484 19.8801 13.6072 19.818 13.6912 19.7644C13.879 19.6447 19.6974 13.8181 19.7948 13.6524C19.8332 13.587 19.8828 13.4402 19.905 13.3262C20.0114 12.78 19.6604 12.2274 19.1273 12.1018C18.897 12.0476 18.7812 12.0476 18.5803 12.1018Z" fill="#363942"/>
88
+ </svg>
89
+ <span class="copy-ok hidden absolute -top-8 left-1/2 -translate-x-1/2 bg-[#363942] text-white text-xs px-2 py-1 rounded whitespace-nowrap">Enlace copiado</span>
90
+ </button>
91
+ )}
92
+ </div>
93
+ )}
@@ -0,0 +1,81 @@
1
+ ---
2
+
3
+ const {
4
+ text = "",
5
+ iframeSrc = "",
6
+ name = "",
7
+ description = "",
8
+ author = "",
9
+ positionCompany = "",
10
+ uploadDate = "",
11
+ thumbnailUrl = "",
12
+ } = Astro.props;
13
+
14
+ const randomId = Math.floor(Math.random() * 1000);
15
+
16
+ const structuredData = `<script type="application/ld+json">
17
+ {
18
+ "@context": "https://schema.org",
19
+ "@type": "VideoObject",
20
+ "name": "${name.replace(/"/g, '\\"')}",
21
+ "description": "${description.replace(/"/g, '\\"')}",
22
+ "thumbnailUrl": "${thumbnailUrl}",
23
+ "embedUrl": "${iframeSrc}",
24
+ "uploadDate": "${uploadDate}",
25
+ "author": {
26
+ "@type": "Person",
27
+ "name": "${author.replace(/"/g, '\\"')}",
28
+ "jobTitle": "${positionCompany.replace(/"/g, '\\"')}"
29
+ }
30
+ }
31
+ </script>`;
32
+
33
+ ---
34
+
35
+ <p class="px-8 md:px-0 my-8 mb-2">
36
+ <button
37
+ id={`popup-iframe-trigger-${randomId}`}
38
+ aria-label={text}
39
+ class="inline-flex items-center gap-1 text-[#2134F1] font-inter font-semibold text-base text-center no-underline hover:underline transition-all duration-300 cursor-pointer bg-transparent border-0 p-0"
40
+ >
41
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" focusable="false">
42
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.25476 4.25476C5.77849 2.73102 7.84512 1.875 10 1.875C12.1549 1.875 14.2215 2.73102 15.7452 4.25476C17.269 5.77849 18.125 7.84512 18.125 10C18.125 12.1549 17.269 14.2215 15.7452 15.7452C14.2215 17.269 12.1549 18.125 10 18.125C7.84512 18.125 5.77849 17.269 4.25476 15.7452C2.73102 14.2215 1.875 12.1549 1.875 10C1.875 7.84512 2.73102 5.77849 4.25476 4.25476ZM10 3.0787C8.16436 3.0787 6.4039 3.80791 5.1059 5.1059C3.80791 6.4039 3.0787 8.16436 3.0787 10C3.0787 11.8356 3.80791 13.5961 5.1059 14.8941C6.4039 16.1921 8.16436 16.9213 10 16.9213C11.8356 16.9213 13.5961 16.1921 14.8941 14.8941C16.1921 13.5961 16.9213 11.8356 16.9213 10C16.9213 8.16436 16.1921 6.4039 14.8941 5.1059C13.5961 3.80791 11.8356 3.0787 10 3.0787Z" fill="#2134F1"/>
43
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.48482 7.62824C8.41036 7.6748 8.34491 7.76731 8.34491 7.90342V12.0966C8.34491 12.2327 8.41036 12.3252 8.48483 12.3718C8.55637 12.4165 8.6336 12.4208 8.71111 12.375L12.2622 10.2785C12.349 10.2272 12.4074 10.1279 12.4074 10C12.4074 9.87213 12.349 9.77282 12.2622 9.72154L8.71112 7.62501C8.6336 7.57924 8.55636 7.58351 8.48482 7.62824ZM9.32308 6.58847L12.8742 8.68503C13.8567 9.26522 13.8567 10.7348 12.8742 11.3149L9.32309 13.4115C9.32309 13.4115 9.3231 13.4115 9.32309 13.4115C8.29502 14.0185 7.1412 13.1917 7.1412 12.0966V7.90342C7.1412 6.80822 8.29505 5.98152 9.32308 6.58847Z" fill="#2134F1"/>
44
+ </svg>
45
+ <span class="text-[#2134F1] font-inter text-base font-normal leading-6 underline">{text}</span>
46
+ </button>
47
+ </p>
48
+
49
+ <div id={`popup-iframe-modal-${randomId}`} class="fixed w-full h-full top-0 left-0 z-9999 hidden">
50
+ <div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
51
+ <div class="w-full flex justify-end">
52
+ <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
53
+ </div>
54
+ <div class="w-full h-full flex items-center justify-center">
55
+ <iframe
56
+ title="Reproductor de vídeo"
57
+ class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video"
58
+ src=""
59
+ frameborder="0"
60
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
61
+ allowfullscreen=""></iframe>
62
+ </div>
63
+ </div>
64
+ </div>
65
+
66
+ <script is:inline define:vars={{ randomId, iframeSrc }}>
67
+ const modal = document.getElementById(`popup-iframe-modal-${randomId}`);
68
+ const trigger = document.getElementById(`popup-iframe-trigger-${randomId}`);
69
+
70
+ trigger.addEventListener('click', () => {
71
+ modal.classList.remove('hidden');
72
+ modal.querySelector('iframe').setAttribute('src', iframeSrc);
73
+ });
74
+
75
+ modal.querySelector('.js-close-popup').addEventListener('click', () => {
76
+ modal.classList.add('hidden');
77
+ modal.querySelector('iframe').setAttribute('src', '');
78
+ });
79
+ </script>
80
+
81
+ <Fragment set:html={structuredData} />
@@ -74,6 +74,7 @@ import * as Titulo_2025_Santorini from '../carbins/Titulo_2025_Santorini.ts';
74
74
  import * as VideoAutoplay from '../carbins/VideoAutoplay.ts';
75
75
  import * as Video_2025_Polop from '../carbins/Video_2025_Polop.ts';
76
76
  import * as Video_2025_Valencia from '../carbins/Video_2025_Valencia.ts';
77
+ import * as Video_2026_Andujar from '../carbins/Video_2026_Andujar.ts';
77
78
  import * as VueButton from '../carbins/VueButton.ts';
78
79
 
79
80
  export const components = [
@@ -152,5 +153,6 @@ export const components = [
152
153
  {component: VideoAutoplay},
153
154
  {component: Video_2025_Polop},
154
155
  {component: Video_2025_Valencia},
156
+ {component: Video_2026_Andujar},
155
157
  {component: VueButton},
156
158
  ];
package/src/index.ts CHANGED
@@ -81,12 +81,13 @@ import Titulo_2025_Santorini from './components/Astro/Titulo_2025_Santorini.astr
81
81
  import VideoAutoplay from './components/Astro/VideoAutoplay.astro';
82
82
  import Video_2025_Polop from './components/Astro/Video_2025_Polop.astro';
83
83
  import Video_2025_Valencia from './components/Astro/Video_2025_Valencia.astro';
84
+ import Video_2026_Andujar from './components/Astro/Video_2026_Andujar.astro';
84
85
  import ReactButton from './components/React/ReactButton.jsx';
85
86
 
86
87
  // Exporta todos los componentes uno a uno para que puedan ser usados directamente.
87
88
 
88
89
 
89
- export { VueButton, Author_2025_Algarve, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Cabecera_2026_Bilbao, Cabecera_2026_Madrid, Card_2025_Malta, Contenido_2025_Alcorcon, Contenido_2025_Cordoba, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, Contenido_2026_Cabra, Contenido_2026_Dubai, Contenido_2026_Estocolmo, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, Contenido_2026_Mostoles, Contenido_2026_Orcasitas, Contenido_2026_Oslo, Contenido_2026_Quito, Contenido_2026_Seattle, Contenido_2026_Sevilla, Contenido_2026_Tokyo, Contenido_2026_Ubeda, Contenido_2026_Yakarta, CorpFooter, CorpHero, CorpNavigation, Enlace_2025_Venecia, FAQ_2025_Hiroshima, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Nara, Formulario_2025_Seul, Formulario_2025_Teruel, Formulario_2026_Wichita, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Indice_2025_Taiwan, Modal_2025_Sagunto, Paginacion_2025_Paris, RRSS_2025_Pisa, SEO_Head_Section, Separador_2025_Reinosa, Separador_2025_Toledo, Share_2025_Florencia, SpectrumSeparator, Sumario_2025_Beijing, Tabla_2025_Fuenlabrada, Tag_2025_Bolonia, TestHijo, TestPadre, Test_2026_Gaza, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Texto_2025_Kyoto, Tiempo_2025_Londres, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, ReactButton };
90
+ export { VueButton, Author_2025_Algarve, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Cabecera_2026_Bilbao, Cabecera_2026_Madrid, Card_2025_Malta, Contenido_2025_Alcorcon, Contenido_2025_Cordoba, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, Contenido_2026_Cabra, Contenido_2026_Dubai, Contenido_2026_Estocolmo, Contenido_2026_Jaen, Contenido_2026_Leon, Contenido_2026_Mallorca, Contenido_2026_Marruecos, Contenido_2026_Menorca, Contenido_2026_Michigan, Contenido_2026_Mostoles, Contenido_2026_Orcasitas, Contenido_2026_Oslo, Contenido_2026_Quito, Contenido_2026_Seattle, Contenido_2026_Sevilla, Contenido_2026_Tokyo, Contenido_2026_Ubeda, Contenido_2026_Yakarta, CorpFooter, CorpHero, CorpNavigation, Enlace_2025_Venecia, FAQ_2025_Hiroshima, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Nara, Formulario_2025_Seul, Formulario_2025_Teruel, Formulario_2026_Wichita, GeometricShape, GeometricShapeCard, HeaderCorporativo, Hero_2025_Benidorm, Hero_2026_Benidorm, ImageTextSimple, Imagen_2025_Bogota, Imagen_2025_Fukushima, Indice_2025_Taiwan, Modal_2025_Sagunto, Paginacion_2025_Paris, RRSS_2025_Pisa, SEO_Head_Section, Separador_2025_Reinosa, Separador_2025_Toledo, Share_2025_Florencia, SpectrumSeparator, Sumario_2025_Beijing, Tabla_2025_Fuenlabrada, Tag_2025_Bolonia, TestHijo, TestPadre, Test_2026_Gaza, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Texto_2025_Kyoto, Tiempo_2025_Londres, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, Video_2025_Polop, Video_2025_Valencia, Video_2026_Andujar, ReactButton };
90
91
 
91
92
 
92
93
  // Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
@@ -179,5 +180,6 @@ export const components = {
179
180
  VideoAutoplay: VideoAutoplay,
180
181
  Video_2025_Polop: Video_2025_Polop,
181
182
  Video_2025_Valencia: Video_2025_Valencia,
183
+ Video_2026_Andujar: Video_2026_Andujar,
182
184
  ReactButton: ReactButton
183
185
  };