body, html {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    background-color: #ffffff;
    height: 100%;
  }
  
  .background {
    position: relative;
    overflow: hidden;
    height: 100vh;
    max-height: 100vh;
    background-image: url('../images/fondo-chuck.webp');
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: top center;
  }

@media screen and (max-width: 1000px) {
    .background {
        background-position: top left;
    }
}

.img-val-mala {
    background-image: url('../images/fondo-chuck-cabreado.webp');
  }
  
.img-val-buena {
    background-image: url('../images/fondo-chuck-happy.webp');
  }

@media screen and (max-width: 800px) {
    .background {
        height: calc(100% - 57px);
        max-height: 100%;
        background-position: top center;
        background-image: url('../images/fondo-chuck-mob.webp');
    }
    .img-val-mala {
        background-image: url('../images/fondo-chuck-cabreado-mob.webp');
    }
      
    .img-val-buena {
        background-image: url('../images/fondo-chuck-happy-mob.webp');
    }
}
  
  .info {
    position: absolute;
    z-index: 100;
    display: flex;
    align-items: center;
    top: 20px;
    right: 20px;
    color: #fff;
  }
  #infoMeteo {
    font-size: 14px;
  }
  #iconMeteo {
    font-size: 32px;
    margin-right: 10px;
  }

  @media screen and (max-width: 800px) {
    .info {
        position: static;
        justify-content: center;
        background-color: #111111;
        padding: 10px;
    }
  }
  
  
  .card {
    text-align: center;
    position: absolute;
    z-index: 5;
    top: 60%;          
    left: 70%;        
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 55%;
    max-width: 500px;
  }
  @media screen and (max-width: 1000px) {
    .card {
        gap: 0;
        bottom: 5%;          
        left: 50%;          
        transform: translate(-50%, 0);
        width: 70%;
    }
  }

  @media screen and (max-width: 800px) {
    .card {
        width: 80%;
    }
  }
  @media screen and (max-width: 800px) {
    .card {
        width: 90%;
    }
  }
  
  
  h1 {
    font-size: 24px;
    color: #333;
  }
  
  #joke {
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #555;
    margin-top: 30px;
    min-height: 54px;
  }
  
  .card button {
    background-color: #00bcd4;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.5s ease;
  }
  
  .card button:hover {
    background-color: #0097a7;
  }

  .rating-container {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .star {
    margin: 0 5px;
    font-size: 40px;
    color: #999999; 
    cursor: pointer;
  }
  
  .rating-container:hover .star {
    color: #f0a500; 
  }

.star[data-value="3"]:hover ~ .star,
.star[data-value="2"]:hover ~ .star,
.star[data-value="1"]:hover ~ .star {
  color: #999999;
}

.star.filled {
  color: #f0a500;
}

#blob-container {
    position: absolute;
    z-index: 1;
    top: 60%;          
    left: 70%;          
    transform: translate(-50%, -50%);
    width: 65vw;
    height: 86%;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
  #blob-container {
      gap: 0;
      top: 80%;          
      left: 50%;          
      transform: translate(-50%, -50%);
      width: 150%;
  }
}

@media screen and (max-width: 500px) {
  #blob-container {
      width: 200%;
  }
}

#blob {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.flip {
  transform: scaleX(-1) rotate(180deg);
}


  .blob-1 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M929 643q-36 143-167 201t-252 28q-121-30-244-71.5t-128.5-171Q132 500 140 372t128.5-170.5Q389 159 512.5 120t243 34Q875 227 920 363.5t9 279.5Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23fff%22 d=%22M929 643q-36 143-167 201t-252 28q-121-30-244-71.5t-128.5-171Q132 500 140 372t128.5-170.5Q389 159 512.5 120t243 34Q875 227 920 363.5t9 279.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-2 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M883 642q8 142-112 232t-265 71.5Q361 927 240 852T75.5 638.5Q32 500 65.5 354T229 137.5Q359 67 499 70t227.5 102.5Q814 272 844.5 386T883 642Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23fff%22 d=%22M883 642q8 142-112 232t-265 71.5Q361 927 240 852T75.5 638.5Q32 500 65.5 354T229 137.5Q359 67 499 70t227.5 102.5Q814 272 844.5 386T883 642Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-3 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M896.5 636Q875 772 749 824.5t-242 31q-116-21.5-251-51t-194.5-167Q2 500 70 368.5t192.5-174q124.5-42.5 258-105t228 49.5q94.5 112 132 236.5t16 260.5Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23f4f4f4%22 d=%22M896.5 636Q875 772 749 824.5t-242 31q-116-21.5-251-51t-194.5-167Q2 500 70 368.5t192.5-174q124.5-42.5 258-105t228 49.5q94.5 112 132 236.5t16 260.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-4 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M911.5 631.5q-49.5 131.5-174 173t-236.5 39Q389 841 250 812T89.5 641.5q-21.5-141.5-7-288t148-208.5Q364 83 503 73.5t249 77q110 86.5 159.5 218t0 263Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23dffffd%22 d=%22M911.5 631.5q-49.5 131.5-174 173t-236.5 39Q389 841 250 812T89.5 641.5q-21.5-141.5-7-288t148-208.5Q364 83 503 73.5t249 77q110 86.5 159.5 218t0 263Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-5 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M841 613q-29 113-121 197t-204.5 36.5Q403 799 325 741.5T124.5 592Q2 500 64.5 364.5t199.5-152Q401 196 515 150t247 8.5q133 54.5 120.5 198T841 613Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23f4f5e4%22 d=%22M841 613q-29 113-121 197t-204.5 36.5Q403 799 325 741.5T124.5 592Q2 500 64.5 364.5t199.5-152Q401 196 515 150t247 8.5q133 54.5 120.5 198T841 613Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-6 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M876 603q-92 103-177 176T486.5 893.5Q359 935 255 844.5T98 627q-53-127 20-239t156-220q83-108 223-98t233 102.5q93 92.5 165.5 210T876 603Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23f2f5ff%22 d=%22M876 603q-92 103-177 176T486.5 893.5Q359 935 255 844.5T98 627q-53-127 20-239t156-220q83-108 223-98t233 102.5q93 92.5 165.5 210T876 603Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-7 {
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M881 620.5q-50 120.5-152 196T507.5 869Q388 846 273 797.5t-185-173Q18 500 97 382t190.5-156Q399 188 506 170t200.5 47q93.5 65 159 174T881 620.5Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23e2e4ff%22 d=%22M881 620.5q-50 120.5-152 196T507.5 869Q388 846 273 797.5t-185-173Q18 500 97 382t190.5-156Q399 188 506 170t200.5 47q93.5 65 159 174T881 620.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-8 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M881.5 619.5q-52.5 119.5-145 221t-214.5 35Q400 809 258 794T71 639.5q-45-139.5 45-246T288 193q82-94 223-127t247.5 68q106.5 101 141 233.5t-18 252Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23f3e6f6%22 d=%22M881.5 619.5q-52.5 119.5-145 221t-214.5 35Q400 809 258 794T71 639.5q-45-139.5 45-246T288 193q82-94 223-127t247.5 68q106.5 101 141 233.5t-18 252Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-9 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M933.5 645.5Q900 791 764 843t-271 72.5Q358 936 270.5 833T130 615q-53-115 1-229.5t141.5-216q87.5-101.5 207-38t214 111.5q94.5 48 184 152.5t56 250Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23f5ebe4%22 d=%22M933.5 645.5Q900 791 764 843t-271 72.5Q358 936 270.5 833T130 615q-53-115 1-229.5t141.5-216q87.5-101.5 207-38t214 111.5q94.5 48 184 152.5t56 250Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blob-10 { 
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22b%22%3E%3Cpath fill=%22currentColor%22 d=%22M927 641.5q-37 141.5-171 188t-255 43q-121-3.5-223.5-70T94.5 618Q14 500 94 381.5T279.5 205q105.5-58 234-100t254 33.5Q893 214 928.5 357T927 641.5Z%22%2F%3E%3C%2FclipPath%3E%3Cfilter id=%22a%22 x=%22-50vw%22 y=%22-50vh%22 width=%22100vw%22 height=%22100vh%22%3E%3CfeFlood flood-color=%22%23fff%22 result=%22neutral-gray%22%2F%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%222.5%22 numOctaves=%22100%22 stitchTiles=%22stitch%22 result=%22noise%22%2F%3E%3CfeColorMatrix in=%22noise%22 type=%22saturate%22 values=%220%22 result=%22destaturatedNoise%22%2F%3E%3CfeComponentTransfer in=%22desaturatedNoise%22 result=%22theNoise%22%3E%3CfeFuncA type=%22table%22 tableValues=%220 0 0.5 0%22%2F%3E%3C%2FfeComponentTransfer%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22theNoise%22 mode=%22soft-light%22 result=%22noisy-image%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter=%22url(%23a)%22 clip-path=%22url(%23b)%22%3E%3Cpath fill=%22%23e5f5e4%22 d=%22M927 641.5q-37 141.5-171 188t-255 43q-121-3.5-223.5-70T94.5 618Q14 500 94 381.5T279.5 205q105.5-58 234-100t254 33.5Q893 214 928.5 357T927 641.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  
  


  .animacion-blob {
    opacity: 0;
    /* transform: scale(0.4); */
    width: 40%;
    height: 40%;
    animation: fadeSlideIn 0.5s ease-out forwards; 
  }
  
  @keyframes fadeSlideIn {
    from {
      opacity: 0;
      /* transform: scale(0.4);  */
      width: 40%;
      height: 40%;
    }
    to {
      opacity: 0.85;
      /* transform: scale(1); */
      width: 100%;
      height: 100%;
    }
  }