libreria-astro-lefebvre 0.0.10 → 0.0.12

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.10",
3
+ "version": "0.0.12",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -11,7 +11,7 @@ const {
11
11
  ---
12
12
  <a
13
13
  href={buttonUrl}
14
- class="font-bold block m-8 p-3 px-5 rounded-xl transition-colors duration-300"
14
+ class="text-base font-semibold font-inter block mt-[24px] p-3 px-5 h-[48px] rounded-xl transition-colors duration-300"
15
15
  style={`border: 1px solid ${borderColor}; background-color: ${backColor}; color: ${frontColor};`}
16
16
  onmouseover={`this.style.backgroundColor='${frontColor}'; this.style.color='${backColor}';`}
17
17
  onmouseout={`this.style.backgroundColor='${backColor}'; this.style.color='${frontColor}';`}
@@ -49,24 +49,15 @@ const categories = [
49
49
 
50
50
  <div class="max-w-7xl flex items-center justify-between py-2 mx-auto">
51
51
  <a href={subdirectory + '/'} class="hidden md:flex items-center">
52
- <svg xmlns="http://www.w3.org/2000/svg" class="logo-svg" width="149" height="40" viewBox="0 0 149 40" fill="none">
53
- <path d="M22.9413 11.6973H19.6725V28.3047H29.5979V25.4978H22.9413V11.6973Z" fill="#1D1D1B"/>
54
- <path d="M14.3234 25.4978H7.66687V28.3047H17.5923V11.6973H14.3234V25.4978Z" fill="#1D1D1B"/>
55
- <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"/>
56
- <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"/>
57
- </svg>
52
+ <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" class="h-[40px]" alt="Logo Lefebvre">
58
53
  </a>
59
54
  <a href="#" class="flex md:hidden items-center">
60
- <svg xmlns="http://www.w3.org/2000/svg" width="39" height="40" viewBox="0 0 39 40" fill="none">
61
- <path d="M23.672 11.6973H20.4178V28.3047H30.2988V25.4978H23.672V11.6973Z" fill="#1D1D1B"/>
62
- <path d="M15.0927 25.4978H8.46588V28.3047H18.3469V11.6973H15.0927V25.4978Z" fill="#1D1D1B"/>
63
- <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"/>
64
- </svg>
55
+ <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre-iso.svg" class="h-[40px]" alt="Logo Lefebvre">
65
56
  </a>
66
57
 
67
58
  <div class="flex items-center gap-4">
68
59
  <div class="flex items-center gap-4">
69
- <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>
60
+ <a href={url} class="h-[48px] 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>
70
61
  </div>
71
62
  <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');"
72
63
  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
@@ -13,9 +13,9 @@ const {
13
13
 
14
14
  ---
15
15
 
16
- <section class="w-full flex items-center justify-center">
16
+ <section class="w-full flex items-center justify-center pb-[36px]">
17
17
 
18
- <article class="w-full flex flex-col items-center justify-center p-6">
18
+ <article class="w-full flex flex-col items-center justify-center p-6 md:p-0">
19
19
 
20
20
  <div class="max-w-7xl w-full h-full flex justify-center items-center aspect-auto relative md:w-4/5 lg:aspect-video">
21
21
  <div class="absolute inset-0">
@@ -30,12 +30,12 @@ const {
30
30
  </div>
31
31
 
32
32
  <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">
33
- <h2 class="text-[#262626] font-poppins text-[56px] md:text-[72px] font-semibold text-center leading-none">{title}</h2>
34
- <p class="text-[#262626] font-poppins text-[32px] md:text-[36px] font-normal leading-[32px] text-center mb-8">{subtitle}</p>
33
+ <h2 class="text-[#262626] font-poppins text-[56px] md:text-[72px] font-medium text-center leading-none">{title}</h2>
34
+ <p class="text-[#262626] font-poppins text-[32px] md:text-[36px] font-normal leading-[32px] text-center mt-[24px] mb-[24px]">{subtitle}</p>
35
35
  <div class="text-[#363942] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
36
36
 
37
37
  {showBtn ? (
38
- <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>
38
+ <a href={linkBtn} target="_self" class="h-[48px] border text-[#ffffff] font-inter font-semibold bg-[#2134F1] px-[28px] py-[12px] !border-[#2134F1] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border border-[#262626]">{txtBtn}</a>
39
39
  ) : (
40
40
  <div class="flex justify-center"></div>
41
41
  )}
@@ -10,7 +10,7 @@ const {
10
10
  ---
11
11
 
12
12
 
13
- <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'}`}>
13
+ <div class={`flex ${positionFlex === 'items-start' ? 'items-start' : 'items-center'} p-0 md:p-6 gap-4 mb-4 md:mb-0 ${flexOrientationIcoText === 'flex-row'? 'flex-row w-full': 'flex-col w-full lg:w-1/4 md:w-2/4'}`}>
14
14
  <div class="flex justify-center bg-[#F2F3F8] p-[12px] w-[48px] h-[48px] rounded-[48px]">
15
15
  {
16
16
  icon === "more" ? (
@@ -39,9 +39,34 @@ const {
39
39
  </svg>
40
40
  )
41
41
  : icon === "medal" ? (
42
- <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none" class="ico-medal ">
43
- <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"/>
44
- <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"/>
42
+ <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
43
+ <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="#001978"/>
44
+ <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="#001978"/>
45
+ </svg>
46
+ )
47
+ : icon === "search-text" ? (
48
+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
49
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1334 3.87961C11.5354 3.29889 13.0381 3 14.5556 3C16.0731 3 17.5757 3.29889 18.9777 3.87961C20.3797 4.46034 21.6535 5.31151 22.7266 6.38454C23.7996 7.45758 24.6508 8.73145 25.2315 10.1334C25.8122 11.5354 26.1111 13.0381 26.1111 14.5556C26.1111 16.0731 25.8122 17.5757 25.2315 18.9777C24.6508 20.3797 23.7996 21.6535 22.7266 22.7266C21.6535 23.7996 20.3797 24.6508 18.9777 25.2315C17.5757 25.8122 16.0731 26.1111 14.5556 26.1111C13.0381 26.1111 11.5354 25.8122 10.1334 25.2315C8.73145 24.6508 7.45758 23.7996 6.38454 22.7266C5.31151 21.6535 4.46034 20.3797 3.87961 18.9777C3.29889 17.5757 3 16.0731 3 14.5556C3 13.0381 3.29889 11.5354 3.87961 10.1334C4.46034 8.73145 5.31151 7.45758 6.38454 6.38454C7.45758 5.31151 8.73145 4.46034 10.1334 3.87961ZM14.5556 4.92593C13.291 4.92593 12.0388 5.175 10.8705 5.65894C9.70214 6.14287 8.64057 6.85219 7.74638 7.74638C6.85219 8.64057 6.14287 9.70214 5.65894 10.8705C5.175 12.0388 4.92593 13.291 4.92593 14.5556C4.92593 15.8201 5.175 17.0723 5.65894 18.2407C6.14287 19.409 6.85219 20.4705 7.74638 21.3647C8.64057 22.2589 9.70214 22.9682 10.8705 23.4522C12.0388 23.9361 13.291 24.1852 14.5556 24.1852C15.8201 24.1852 17.0723 23.9361 18.2407 23.4522C19.409 22.9682 20.4705 22.2589 21.3647 21.3647C22.2589 20.4705 22.9682 19.409 23.4522 18.2407C23.9361 17.0723 24.1852 15.8201 24.1852 14.5556C24.1852 13.291 23.9361 12.0388 23.4522 10.8705C22.9682 9.70214 22.2589 8.64057 21.3647 7.74638C20.4705 6.85219 19.409 6.14287 18.2407 5.65894C17.0723 5.175 15.8201 4.92593 14.5556 4.92593Z" fill="#001978"/>
50
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M21.5783 21.5783C21.9544 21.2023 22.5641 21.2023 22.9402 21.5783L28.718 27.3561C29.094 27.7322 29.094 28.3419 28.718 28.718C28.3419 29.094 27.7322 29.094 27.3561 28.718L21.5783 22.9402C21.2023 22.5641 21.2023 21.9544 21.5783 21.5783Z" fill="#001978"/>
51
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.81482 12.1481C7.81482 11.6163 8.24595 11.1852 8.77778 11.1852H16.4815C17.0133 11.1852 17.4444 11.6163 17.4444 12.1481C17.4444 12.68 17.0133 13.1111 16.4815 13.1111H8.77778C8.24595 13.1111 7.81482 12.68 7.81482 12.1481Z" fill="#001978"/>
52
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.81482 16.963C7.81482 16.4311 8.24595 16 8.77778 16H20.3333C20.8652 16 21.2963 16.4311 21.2963 16.963C21.2963 17.4948 20.8652 17.9259 20.3333 17.9259H8.77778C8.24595 17.9259 7.81482 17.4948 7.81482 16.963Z" fill="#001978"/>
53
+ </svg>
54
+ )
55
+ : icon === "checklist" ? (
56
+ <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
57
+ <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.95413ZM10.3859 6.03393C10.3121 6.04906 10.1912 6.09694 10.1172 6.14029C10.036 6.1879 9.48588 6.74108 8.72969 7.53557C7.07553 9.27349 7.1499 9.19893 7.11937 9.15016C7.03505 9.01545 6.31497 8.33416 6.1938 8.27445C5.98415 8.17114 5.55816 8.17431 5.3498 8.28076C5.16689 8.37421 4.97453 8.57843 4.8894 8.76952C4.79171 8.98886 4.79904 9.33077 4.90616 9.54971C4.9871 9.71514 5.36379 10.1318 6.23215 11.0163C6.69107 11.4837 6.77897 11.5325 7.16185 11.5325C7.41079 11.5325 7.45577 11.5233 7.60186 11.4424C7.82035 11.3213 11.3418 7.63225 11.4596 7.40096C11.5249 7.2729 11.5366 7.20743 11.5366 6.9725C11.5366 6.71926 11.5283 6.6805 11.441 6.52574C11.2277 6.14763 10.801 5.94877 10.3859 6.03393ZM14.045 8.43633C13.7541 8.48559 13.4984 8.66972 13.3549 8.9334C13.2324 9.15851 13.2122 9.48578 13.3056 9.73322C13.3832 9.93883 13.5851 10.1563 13.794 10.2591L13.9397 10.3309H17.2076H20.4754L20.6563 10.2384C20.8689 10.1296 21.081 9.88913 21.138 9.69203C21.3075 9.10659 20.9533 8.53335 20.3632 8.43802C20.1284 8.40009 14.2684 8.39852 14.045 8.43633ZM10.237 14.5088C10.0307 14.5881 9.94785 14.6687 8.42601 16.2697C7.73739 16.9942 7.16398 17.5869 7.15175 17.5869C7.13955 17.5869 6.95997 17.4076 6.75269 17.1885C6.28616 16.6953 6.15261 16.6172 5.77563 16.617C5.4788 16.6168 5.30658 16.6847 5.11307 16.8783C4.92006 17.0713 4.82267 17.3057 4.8244 17.5731C4.82668 17.9305 4.89751 18.0446 5.5337 18.7162C6.63168 19.8752 6.65762 19.8972 7.00014 19.9605C7.30952 20.0177 7.61052 19.9175 7.85045 19.6775C8.35768 19.17 11.3375 16.0176 11.4058 15.9162C11.5198 15.747 11.5605 15.5796 11.5466 15.3384C11.5091 14.6923 10.8483 14.2737 10.237 14.5088ZM13.9003 16.8927C13.6492 16.9711 13.4018 17.2083 13.3048 17.4636C13.2539 17.5978 13.2432 17.6812 13.2538 17.8642C13.2813 18.3423 13.5914 18.6843 14.0634 18.7574C14.2098 18.78 15.2632 18.7879 17.3594 18.7819L20.4402 18.7731L20.6097 18.6926C21.1559 18.4331 21.3478 17.7842 21.0245 17.2892C20.9007 17.0995 20.7613 16.9872 20.5495 16.9068C20.3989 16.8495 20.281 16.8475 17.2127 16.8495C14.6499 16.8511 14.0065 16.8595 13.9003 16.8927Z" fill="#001978"/>
58
+ </svg>
59
+ )
60
+ : icon === "certificate" ? (
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="M15.3638 3.50798C13.9492 3.64553 12.9982 3.90363 11.8808 4.4533C10.3459 5.2084 9.0627 6.3485 8.12767 7.78796C6.59679 10.1447 6.19258 13.0945 7.03166 15.7861L7.15997 16.1977L6.80767 16.5629C6.07481 17.3225 4.0406 19.4537 3.84931 19.6623C3.41613 20.1346 3.1924 20.4939 3.07558 20.9051C2.97537 21.2577 2.97473 21.8556 3.07413 22.2038C3.2414 22.7894 3.58929 23.2581 4.07789 23.556C4.42939 23.7704 4.76702 23.8466 5.96296 23.9818C6.74738 24.0705 6.92455 24.1244 7.07222 24.3196C7.20017 24.4887 7.23395 24.6438 7.31751 25.4458C7.44832 26.7012 7.53329 27.0786 7.76739 27.4437C8.41185 28.4488 9.70109 28.7922 10.725 28.2314C11.1374 28.0056 11.3821 27.765 14.3128 24.7034C15.2247 23.7507 15.9821 22.9713 15.9957 22.9713C16.0094 22.9713 16.7598 23.7437 17.6633 24.6879C19.7414 26.8595 20.6467 27.7837 20.881 27.9726C21.2816 28.2957 21.7065 28.4643 22.1921 28.4928C23.032 28.5422 23.8304 28.1149 24.2526 27.3903C24.4717 27.0143 24.5415 26.6915 24.6735 25.4442C24.7587 24.6391 24.7917 24.4879 24.919 24.3196C25.0667 24.1244 25.2439 24.0705 26.0283 23.9818C27.222 23.8469 27.555 23.7718 27.9175 23.556C28.1436 23.4214 28.5283 23.0339 28.6592 22.809C29.0372 22.159 29.1042 21.3834 28.843 20.6797C28.7563 20.4461 28.4694 20.0237 28.1838 19.7089C27.9583 19.4605 25.9095 17.3124 25.1689 16.5481L24.8309 16.1992L24.9594 15.7868C25.7983 13.0957 25.3939 10.1438 23.8636 7.78796C22.6358 5.89776 20.7878 4.51501 18.6233 3.86679C18.25 3.75499 17.6585 3.62972 17.206 3.56661C16.8907 3.52265 15.6266 3.48241 15.3638 3.50798ZM15.2097 5.48136C14.1741 5.58855 13.0519 5.96907 12.1428 6.52119C9.84586 7.91634 8.46068 10.4833 8.54732 13.1841C8.56754 13.8145 8.6216 14.2142 8.76597 14.8004C8.90039 15.3464 9.0435 15.7334 9.32299 16.3067C10.1865 18.0778 11.7426 19.4479 13.6069 20.0784C14.4747 20.3719 15.0598 20.4671 15.9956 20.4671C16.8781 20.4671 17.4836 20.3753 18.2518 20.125C19.4259 19.7423 20.3583 19.1721 21.2303 18.3032C21.8659 17.6699 22.2895 17.0816 22.6679 16.3067C23.0435 15.5375 23.255 14.8638 23.3801 14.0385C23.4586 13.521 23.4603 12.4129 23.3834 11.9102C23.075 9.89348 22.0496 8.14362 20.4803 6.95568C19.385 6.12657 18.0845 5.61328 16.7398 5.47934C16.3733 5.44283 15.5715 5.44389 15.2097 5.48136ZM6.74261 19.4395C5.29269 20.9557 5.00028 21.2739 4.95849 21.3809C4.87157 21.6036 4.98354 21.8789 5.17732 21.9189C5.23647 21.9311 5.66087 21.9842 6.1204 22.0369C6.57996 22.0896 7.05848 22.1591 7.18377 22.1915C7.94816 22.3889 8.58665 22.9324 8.92739 23.6759C9.08631 24.0226 9.14496 24.3036 9.23037 25.127C9.35012 26.2816 9.36337 26.3572 9.46348 26.4581C9.55305 26.5484 9.6719 26.5687 9.80604 26.5166C9.84528 26.5014 10.1977 26.1623 10.5892 25.7632C11.6851 24.6458 13.9614 22.2647 13.9613 22.2358C13.9612 22.2216 13.7892 22.1651 13.5789 22.1103C12.7742 21.9004 11.7574 21.459 11.0486 21.0119C9.98176 20.3389 8.85909 19.2551 8.24381 18.3042C8.15905 18.1732 8.08276 18.0653 8.07429 18.0646C8.06581 18.0637 7.46656 18.6825 6.74261 19.4395ZM23.7475 18.3032C23.1215 19.2654 22.0103 20.3384 20.9426 21.0119C20.2339 21.459 19.2171 21.9004 18.4124 22.1103C18.2021 22.1651 18.03 22.2216 18.03 22.2358C18.0299 22.2643 20.2808 24.6194 21.4014 25.7633C21.7925 26.1625 22.1448 26.5015 22.1845 26.5167C22.3199 26.5686 22.4382 26.5484 22.5278 26.4581C22.6279 26.3572 22.6412 26.2816 22.7609 25.127C22.8036 24.7149 22.8665 24.2675 22.9006 24.1328C23.1392 23.1887 23.8847 22.4298 24.8075 22.1915C24.9328 22.1591 25.4113 22.0896 25.8709 22.0369C26.3304 21.9842 26.7548 21.9311 26.8139 21.9189C27.0074 21.8789 27.1189 21.6058 27.0336 21.3809C27.0186 21.3414 26.8535 21.1412 26.6666 20.9361C26.2392 20.467 23.9525 18.0796 23.9233 18.072C23.9113 18.0689 23.8322 18.1729 23.7475 18.3032Z" fill="#001978"/>
63
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5663 10.0896C19.9425 10.4687 19.9425 11.0835 19.5663 11.4627L14.7503 16.3174C14.3742 16.6966 13.7643 16.6966 13.3882 16.3174L11.4618 14.3755C11.0856 13.9964 11.0856 13.3816 11.4618 13.0024C11.8379 12.6232 12.4478 12.6232 12.8239 13.0024L14.0692 14.2577L18.2041 10.0896C18.5803 9.71038 19.1902 9.71038 19.5663 10.0896Z" fill="#001978"/>
64
+ </svg>
65
+ )
66
+ : icon === "ico-ok" ? (
67
+ <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
68
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.49147 0.00490705C4.89484 0.0790625 3.48945 0.376986 2.41632 1.08077C1.16979 1.89824 0.476595 3.12898 0.201517 5.01299C0.0278948 6.20229 0 7.30744 0 13.0003C0 18.6932 0.0278948 19.7984 0.201517 20.9877C0.43353 22.5766 0.979042 23.7265 1.87127 24.5073C2.76765 25.2917 3.82889 25.6882 5.52552 25.8728C6.64001 25.994 6.99277 26 13.0023 26C19.0119 26 19.3646 25.994 20.4791 25.8728C21.579 25.7531 22.4666 25.5252 23.1296 25.1922C23.978 24.7661 24.7572 23.9862 25.1829 23.137C25.6028 22.2996 25.8276 21.2349 25.9461 19.5234C25.9968 18.791 26.021 13.5287 25.9772 12.7646C25.924 11.8386 25.8351 11.2967 25.6453 10.7432C25.5526 10.4728 25.3281 10.0103 25.1965 9.81843C25.1476 9.74719 25.1076 9.68016 25.1076 9.6695C25.1076 9.60062 24.5434 8.95829 24.0428 8.45733C23.5399 7.95404 17.5987 2.57035 16.6246 1.73524C15.3066 0.605247 14.5528 0.230968 13.2489 0.059106C12.9222 0.016032 12.4762 0.00726216 10.3398 0.00193214C8.952 -0.00153857 7.67026 -0.000206045 7.49147 0.00490705ZM7.38311 1.83422C4.86868 1.91823 3.72855 2.21054 2.97552 2.96425C2.30431 3.63611 2.02517 4.54066 1.88192 6.50824C1.82307 7.31645 1.82307 18.6842 1.88192 19.4924C2.02517 21.46 2.30431 22.3646 2.97552 23.0364C3.64676 23.7082 4.55047 23.9876 6.51624 24.131C7.3237 24.1899 18.6809 24.1899 19.4884 24.131C21.4542 23.9876 22.3579 23.7082 23.0291 23.0364C23.6934 22.3715 23.9669 21.4986 24.1201 19.5544C24.1704 18.9165 24.1944 13.4491 24.1501 12.7476C24.1194 12.2631 24.0573 11.7673 24.0062 11.6004C23.9915 11.5523 23.7503 11.5475 20.7796 11.5356C17.3409 11.5219 17.1358 11.5135 16.3615 11.3531C14.8392 11.038 13.8872 10.1686 13.5157 8.75426C13.2941 7.91078 13.2743 7.58797 13.2588 4.56505C13.2463 2.11665 13.2411 1.90788 13.1934 1.89325C13.013 1.83806 11.9784 1.81479 9.9373 1.82003C8.66872 1.82328 7.51934 1.82969 7.38311 1.83422ZM15.18 4.82712C15.1914 5.87106 15.2149 6.91342 15.2323 7.14351C15.3645 8.89727 15.7416 9.34112 17.2593 9.52909C17.544 9.56436 21.0671 9.62869 22.0056 9.61577L22.6344 9.60709L22.1604 9.17087C21.528 8.58872 16.1616 3.7551 15.6348 3.29319C15.4065 3.09291 15.2061 2.92907 15.1895 2.92907C15.1701 2.92907 15.1667 3.60261 15.18 4.82712Z" fill="#001978"/>
69
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6247 15.2191C12.056 15.5641 12.1259 16.1934 11.7809 16.6247L7.78086 21.6247C7.59109 21.8619 7.30378 22 6.99999 22C6.69621 22 6.4089 21.8619 6.21913 21.6247L4.21913 19.1247C3.87412 18.6934 3.94404 18.0641 4.37531 17.7191C4.80657 17.3741 5.43586 17.444 5.78087 17.8753L7 19.3992L10.2191 15.3753C10.5641 14.944 11.1934 14.8741 11.6247 15.2191Z" fill="#001978"/>
45
70
  </svg>
46
71
  )
47
72
 
@@ -57,7 +82,7 @@ const {
57
82
  tipo === "h1" ? <h1 class="font-poppins text-[56px] font-normal text-left leading-[64px] mb-[48px]">{title}</h1>
58
83
  : tipo === "h2" ? <h2 class="font-poppins text-[40px] font-normal text-left leading-[48px] mb-[32px]">{title}</h2>
59
84
  : tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{title}</h3>
60
- : tipo === "h4" ? <h4>{title}</h4>
85
+ : tipo === "h4" ? <h4 class="font-poppins text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{title}</h4>
61
86
  : tipo === "h5" ? <h5>{title}</h5>
62
87
  : tipo === "h6" ? <h6>{title}</h6>
63
88
  : <span>{title}</span>
@@ -33,9 +33,9 @@ const {
33
33
  <div class={`w-1/2`} style={`
34
34
  ${orientation === 'left' ? `padding-left: ${paddingLeft}px` : `padding-right: ${paddingLeft}px`}
35
35
  `}>
36
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
36
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-medium" set:html={title}></h2>
37
37
  <div
38
- class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
38
+ class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
39
39
  set:html={description}
40
40
  />
41
41
  {showBtn ? (
@@ -58,9 +58,9 @@ const {
58
58
  </style>
59
59
  <div class={`w-full md:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
60
60
  style={{ 'padding-left': `${paddingLeft}px` }}>
61
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
61
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-medium" set:html={title}></h2>
62
62
  <div
63
- class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
63
+ class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
64
64
  set:html={description}
65
65
  />
66
66
  {showBtn ? (
@@ -96,7 +96,7 @@ const {
96
96
  <div class="w-1/2 p-4 flex flex-col flex-wrap ">
97
97
  <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
98
98
  <div
99
- class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
99
+ class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
100
100
  set:html={description}
101
101
  />
102
102
  {showBtn ? (
@@ -111,9 +111,9 @@ const {
111
111
 
112
112
  ) : (
113
113
  <div class="w-1/2 p-4 flex flex-col flex-wrap ">
114
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
114
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-medium" set:html={title}></h2>
115
115
  <div
116
- class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
116
+ class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
117
117
  set:html={description}
118
118
  />
119
119
  {showBtn ? (
@@ -23,7 +23,7 @@ const {
23
23
  {tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
24
24
  <div class="mt-2 flex items-center gap-2 flex-grow">
25
25
  <div class="flex flex-col text-[#262626] h-full">
26
- <p class="text-lg font-semibold leading-tight mb-[8px]">{title}</p>
26
+ <h3 class="text-lg font-semibold leading-tight mb-[8px]">{title}</h3>
27
27
  <p class="text-base font-normal leading-tight mb-[8px]">{description}</p>
28
28
  </div>
29
29
  </div>
@@ -16,20 +16,20 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
16
16
 
17
17
 
18
18
  <div class="w-full flex flex-col md:flex-row px-6 md:px-4 lg:px-0 gap-8">
19
- <div class="max-w-7xl w-full mx-auto flex justify-start mb-8 flex-col">
19
+ <div class="max-w-7xl w-full mx-auto flex justify-start flex-col">
20
20
  {showImage ? (
21
- <article class="flex flex-col items-center justify-center py-6">
21
+ <article class="flex flex-col items-center justify-center">
22
22
  <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
23
23
  <div class="w-full md:w-1/3 flex justify-start mb-8 flex-col">
24
24
  <div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
25
25
  </div>
26
26
  <div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
27
- <img src={imageSrc} alt={title} class="w-full md:w-4/5 h-auto rounded-lg" />
27
+ <img src={imageSrc} alt={title} class="w-full md:w-4/5 min-h-auto md:min-h-[650px] object-cover rounded-lg" />
28
28
  </div>
29
29
  </div>
30
30
  </article>
31
31
  ) : (
32
- <article class="flex flex-col items-center justify-center py-6">
32
+ <article class="flex flex-col items-center justify-center">
33
33
  <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
34
34
  <div class="w-full md:w-1/3 flex justify-start mb-8 flex-col">
35
35
  <p class="font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap">{title}</p>
@@ -33,7 +33,7 @@ const {
33
33
  <div class="text-[#ffffff] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
34
34
 
35
35
  {showBtn ? (
36
- <a href={linkBtn} class="text-[#ffffff] font-poppins font-semibold bg-transparent px-[28px] py-[14px] border border-[#ffffff] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border border-[#262626]">{txtBtn}</a>
36
+ <a href={linkBtn} class="text-[#ffffff] font-inter font-semibold bg-transparent px-[28px] py-[12px] border border-[#ffffff] rounded-xl hover:bg-[#ffffff] transition-all duration-300 hover:text-[#262626] hover:border border-[#262626]">{txtBtn}</a>
37
37
  ) : (
38
38
  <div class="flex justify-center"></div>
39
39
  )}
@@ -14,27 +14,26 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
14
14
 
15
15
  <section class="w-full flex items-center justify-center">
16
16
  <article class="w-full flex flex-col items-center justify-center">
17
- <div class="w-full flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px] mt-[40px]">
18
- <div class="flex bg-transparent md:bg-gray-50 md:border md:border-[#B6B7BB] rounded-lg">
19
- <div class="flex gap-4 md:gap-0 items-center">
17
+ <div class="w-full flex justify-center items-center relative text-[56px] text-center font inter leading-[64px] mt-[40px]">
18
+ <!-- <div class="flex bg-transparent md:bg-gray-50 md:border md:border-[#B6B7BB] rounded-lg"> -->
19
+ <div class="flex gap-1 md:gap-8 items-center">
20
20
  {items.map((item, index) => (
21
21
  <p class="text-base">
22
22
  {/* <a href={`#accordion${index + 1}`} class="btn py-[20px] px-[16px]">{item}</a> */}
23
23
  <button data-linkedto={`${identifier}${index + 1}`}
24
24
  class={`
25
- btn py-[14px] px-[20px]
25
+ btn py-[14px] px-[20px] font-inter
26
26
  cursor-pointer border border-transparent
27
27
  hover:border hover:border-[#5F6168]
28
28
  hover:bg-white rounded-lg ${identifier}button
29
29
  ${item.default ? 'active' : ''}
30
- bg-gray-100 text-gray-100 max-w-[40px] max-h-[20px] text-[0px]
31
- md:bg-gray-100 md:text-black md:max-w-none md:max-h-none md:text-[16px]
30
+ bg-F2F3F8 text-gray-100 max-w-[40px] max-h-[20px] text-[0px]
31
+ md:bg-gray-50 md:text-black md:max-w-none md:max-h-none md:text-[16px]
32
32
  `}
33
33
  >{item.name}</button>
34
34
  </p>
35
35
  ))}
36
- </div>
37
- </div>
36
+ </div>
38
37
  </div>
39
38
  <div class="lg:max-w-7xl md:w-full px-6 md:w-4/5 md:px-[0] col my-[40px]">
40
39
  {items.map((item, index) => (
@@ -54,7 +53,7 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
54
53
  positionFlex = 'items-start'
55
54
  positionBtnFlex = 'justify-start'
56
55
  items = {item.items}
57
- headingType = 'h3'
56
+ headingType = 'h4'
58
57
  showBtn = {true}
59
58
  btnLabel = "Ver experiencias de uso"
60
59
  buttonUrl={item.buttonUrl}
@@ -74,6 +73,9 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
74
73
 
75
74
 
76
75
  <style>
76
+ .bg-F2F3F8 {
77
+ background-color: #F2F3F8;
78
+ }
77
79
  .active{
78
80
  background-color: #ffffff;
79
81
  border: 1px solid #5F6168;
@@ -11,8 +11,8 @@ const {
11
11
  import Repetidor_2025_Orcasitas from './Repetidor_2025_Orcasitas.astro';
12
12
  ---
13
13
  <article class="w-full flex flex-col text-center items-center justify-center p-12 pb-4 bg-[#ffffff] rounded-2xl">
14
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
15
- <div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8">
14
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-normal not-italic">{title}</h2>
15
+ <div class="max-w-[900px] text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8">
16
16
  <p set:html={description}></p>
17
17
  </div>
18
18
  <div class="max-w-7xl flex-wrap md:flex-nowrap w-full flex items-center ">
@@ -48,7 +48,7 @@ const randomId = Math.floor(Math.random() * 1000);
48
48
  </div>
49
49
  </div>
50
50
  ) : (
51
- <img src={item.image} alt={item.altImage} />
51
+ <img src={item.image} alt={item.altImage} class="!h-[50px] !w-auto" />
52
52
  <p>{item.descriptionImage}</p>
53
53
  )}
54
54
  </div>
@@ -13,6 +13,7 @@ const randomId = Math.floor(Math.random() * 1000);
13
13
  <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
14
14
  <img src={item.imageSrc} class="w-full h-full rounded-xl p-2 transition-transform hover:scale-105 cursor-pointer"/>
15
15
  </span>
16
+ <p set:html={item.description} class="text-[14px] text-center font-poppins"></p>
16
17
  </article>
17
18
  ))}
18
19
  </div>
@@ -7,7 +7,7 @@ const {
7
7
  ---
8
8
  <article class="max-w-7xl w-full flex flex-col text-left items-start p-4">
9
9
  <div class="w-full flex flex-col">
10
- <h3 class="font-poppins text-[32px] font-normal leading-[40px] mb-[48px]">{title}</h3>
10
+ <h2 class="font-poppins text-[32px] font-normal leading-[40px] mb-[48px]">{title}</h2>
11
11
  </div>
12
12
 
13
13
  <div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-2 mb-8">
@@ -10,9 +10,9 @@ const {
10
10
 
11
11
  ---
12
12
  <article class="w-full flex flex-col md:flex-row text-center items-center justify-center p-12 bg-cover bg-[url(src/assets/images/genial/ico-shield.webp)] bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl">
13
- <div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[180px]">
14
- <h2 class="text-[28px] md:text-[2.625em] leading-[36px] md:leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
15
- <div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8">
13
+ <div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[140px]">
14
+ <h2 class="text-[28px] md:text-[2em] leading-[36px] md:leading-[46px] mb-[16px] font-poppins text-[#262626] font-normal">{title}</h2>
15
+ <div class="max-w-[900px] text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8">
16
16
  <p set:html={description}></p>
17
17
  </div>
18
18
  <div class="w-full flex">
@@ -39,12 +39,12 @@ const {
39
39
  {item.link ? (
40
40
  <a href={item.link} class="w-full flex flex-col justify-center items-center">
41
41
  <img class="max-w-[65px] w-fit mb-4" src={item.image} alt={item.altImage} />
42
- <p>{item.descriptionImage}</p>
42
+ <p set:html={item.descriptionImage}></p>
43
43
  </a>
44
44
  ) : (
45
45
  <div class="w-full flex flex-col justify-center items-center">
46
46
  <img class="max-w-[65px] w-fit mb-4" src={item.image} alt={item.altImage} />
47
- <p>{item.descriptionImage}</p>
47
+ <p set:html={item.descriptionImage}></p>
48
48
  </div>
49
49
  )}
50
50
  </div>
@@ -8,7 +8,7 @@ const {
8
8
  <div class="flex flex-col md:flex-row items-center gap-4">
9
9
  {items.map(item => (
10
10
  <div class="w-full md:w-1/3 content-center flex flex-col flex-wrap h-full text-[#262626] nth-of-type-2:p-4 nth-of-type-2:border nth-of-type-2:border-y-1 nth-of-type-2:border-x-0 md:nth-of-type-2:border md:nth-of-type-2:border-x-1 md:nth-of-type-2:border-y-0 ">
11
- <p class="text-[40px] md:text-[56px] text-center leading-[48px] md:leading-[64px] mb-[16px] font-semibold">{item.title}</p>
11
+ <p class="text-[40px] md:text-[56px] text-center leading-[48px] md:leading-[64px] mb-[16px] font-poppins font-semibold">{item.title}</p>
12
12
  <p
13
13
  class="text-xl text-center font-inter font-normal leading-[28px] flex flex-col gap-4"
14
14
  set:html={item.description}></p>
@@ -10,9 +10,9 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
10
10
  ---
11
11
 
12
12
 
13
- <section class="w-full flex items-center justify-center">
13
+ <section class="w-full flex items-center justify-center py-[80px]">
14
14
  <article class="w-full flex flex-col items-center justify-center">
15
- <div class="w-2/5 flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px] my-[40px]">
15
+ <div class="w-2/5 flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px] mb-[48px]">
16
16
  <!-- <div class="flex bg-[#001978]/4 border border-[#B6B7BB] rounded-lg"> -->
17
17
  <div class="flex gap-1 md:gap-8 items-center">
18
18
  {items.map((item, index) => (
@@ -20,12 +20,12 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
20
20
  {/* <a href={`#accordion${index + 1}`} class="btn py-[20px] px-[16px]">{item}</a> */}
21
21
  <button data-linkedto={`${idAccordion}${index + 1}`}
22
22
  class={`
23
- btn py-[14px] px-[20px]
24
- cursor-pointer border border-transparent
23
+ btn py-[12px] px-[20px] leading-[24px] font-inter
24
+ cursor-pointer border border-transparent bg-F2F3F8
25
25
  hover:border hover:border-[#5F6168]
26
26
  hover:bg-white rounded-lg ${idAccordion}button
27
27
  ${item.default ? 'active' : ''}
28
- bg-gray-100 text-gray-100 max-w-[40px] max-h-[20px] text-[0px]
28
+ text-gray-100 max-w-[40px] max-h-[20px] text-[0px]
29
29
  md:bg-gray-50 md:text-black md:max-w-none md:max-h-none md:text-[16px]
30
30
  `}
31
31
  >{item.name}</button>
@@ -39,7 +39,7 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
39
39
  <div class="collapse-title" id={`accordion${index + 1}`}>
40
40
  <div class="w-full flex flex-col lg:flex-row flex-1 gap-[48px]">
41
41
  <div class="w-full flex flex-col justify-center pl-[0px] lg:pl-[120px]">
42
- <p class="text-[28px] md:text-[32px] leading-[36px] mb-[8px] text-[#363942] font-semibold not-italic font-poppins">{item.title}</p>
42
+ <h3 class="text-[28px] md:text-[32px] leading-[36px] mb-[8px] text-[#363942] font-semibold not-italic font-poppins">{item.title}</h3>
43
43
  <p class="text-[#363942] font-poppins font-normal text-[20px] not-italic leading-[28px]" set:html={item.description}></p>
44
44
  </div>
45
45
  <div class="w-full lg:w-2/2 flex items-start">
@@ -57,6 +57,9 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
57
57
  </section>
58
58
 
59
59
  <style>
60
+ .bg-F2F3F8 {
61
+ background-color: #F2F3F8;
62
+ }
60
63
  .active{
61
64
  background-color: #ffffff;
62
65
  border: 1px solid #5F6168;
@@ -12,7 +12,8 @@ const {
12
12
  <div class={`w-full md:w-3/5 max-w-auto md:w-full flex ${flexJustify === 'justify-center' ? 'justify-center' : 'justify-start'} flex-col px-4`}>
13
13
  {
14
14
  tipo === "h1" ? <h1 class="font-poppins text-[36px] md:text-[56px] font-normal text-center leading-[44px] md:leading-[64px] px-6 my-4 md:my-[48px]" set:html={title}></h1>
15
- : tipo === "h1-40" ? <h2 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h2>
15
+ : tipo === "h1-home" ? <h1 class="font-poppins text-[56px] font-normal text-center leading-[64px] mb-[0] md:mb-[64px] md:mt-[80px]" set:html={title}></h1>
16
+ : tipo === "h1-40" ? <h1 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h1>
16
17
  : tipo === "h2" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[48px] mb-[48px] md:mb-[32px]" set:html={title}></h2>
17
18
  : tipo === "h2-mb64" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] p-6 mb-[0]" set:html={title}></h2>
18
19
  : tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-center leading-[32px] mb-[8px]" set:html={title}></h3>