/** Shopify CDN: Minification failed

Line 781:1 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
.collection-banner {
  position: relative;
  padding: var(--section-padding-top) 0 var(--section-padding-bottom);
}

.collection-banner--has-image {
  color: #ffffff;
}

.collection-banner__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.collection-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.collection-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: var(--overlay-opacity, 0.4);
}

.collection-banner__content {
  position: relative;
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
  text-align: center;
}

.collection-banner__title {
  margin: 0 0 1rem;
  font-size: 2rem;
  line-height: 1.2;
}

.collection-banner__description {
  margin: 0;
  font-size: 1.1rem;
}

@media screen and (max-width: 749px) {
  .collection-banner__title {
    font-size: 1.5rem;
  }

  .collection-banner__description {
    font-size: 1rem;
  }
}
.dashboard-container {
    min-height: 100vh;
    background-color: #191c25;
  }

  .dashboard-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
  }

  .loading-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid #2a2f3a;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
:root {
  --pos: 50% 50%;
  --posx: 50%;
  --posy: 50%;
  --hyp: 0;
  --active-blur: 1;
  --active-glare: 1;
  --gradient-opacity: 0;
  --mouse-x: 50%;
  --mouse-y: 50%;
  --gradient-size: 150px;
  --HoloGrain: url("{{ 'grain.webp' | asset_url }}");
  --HoloRainbow: url("{{ 'rainbow.jpg' | asset_url }}");
  --HoloIlu: url("{{ 'illusion2.png' | asset_url }}");
    
.holo-cards-container {
  perspective: 2000px;
  transform-style: preserve-3d;
  position: relative;
  max-width: 1400px;
  margin: 6rem auto;
  padding-top: 20px;
  border-radius: 2rem;
  padding-bottom: 20px;
  isolation: isolate;
}

.holo-cards-grid {
  display: grid;
  grid-template-columns: repeat(var(--cards-per-row, 3), 1fr);
  gap: 2rem;
  justify-items: center;
  border-radius: 2rem;
  transform-style: preserve-3d;
  border-radius: 1.5rem;
}

 /*Estilos base de la tarjeta*/ 
.card {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  display: flex;
  border: none;
  box-shadow: 0 4px 10px black;
  border-radius: 1rem;
  transition: transform 150ms linear;
  position: relative;
  cursor: pointer;
  border-radius: 1.5rem;
}

.card-wrapper {
  display: flex;
  width: 300px;
  height: 419px;
  position: relative;
  aspect-ratio: 0.716;
  transform-style: preserve-3d;
  border-radius: 1.5rem;
}    

.card-front {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
}

.card img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}    

/* Efectos holográficos base */
.card::after,
.card::before {
  content: "";
  position: absolute;
  border-radius: 1.5rem;
  z-index: 2;
}
  
/*Brillo frontal*/
.card[data-rarity="rare holo v"]::after,
.card[data-rarity="rare rainbow"]::after{
  z-index: 2;
  inset: 0;
  background:radial-gradient(
    circle at var(--mouse-x) var(--mouse-y),
    var(--blur-color2, hsl(52, 66%, 77%, var(--active-blur, 12))),
    transparent var(--gradient-size) 
  );
  filter: blur(5rem);
  mix-blend-mode: overlay;
}


  /* Efectos por rareza es lo que le pone colores a las lineas de atras*/ 
.card[data-rarity="rare rainbow"] {
  --blur-color: hsl(52, 66%, 77%, var(--active-blur, 1));
  --border-color-in: hsl(52, 66%, 77%);
  --border-color-out: hsl(183, 41%, 75%);
}

.card[data-rarity="rare holo v"] {
  --blur-color: hsl(48, 100%, 69%, var(--active-blur, 1));
  --border-color-in: hsl(48, 100%, 69%);
  --border-color-out: hsl(240, 100%, 69%);
}
  
/*Esto tiene que ir destras de la carta*/
.card[data-rarity="rare holo v"]::before,
.card[data-rarity="rare rainbow"]::before {
  z-index: -1;
  inset: -0.3rem;
  background: radial-gradient(
    circle at var(--mouse-x) var(--mouse-y),
    var(--border-color-in),
    var(--border-color-out),
    transparent var(--gradient-size)
  );
}

  /* Estados de interacción */
.card.active {
  z-index: 100;
}

.card.interacting {
  transition: transform 0.1s ease;
}  

.holo-cards__title-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0px;
  margin-bottom: -16rem; /* Margen negativo para "sacar" el título del flujo */
  top: -10vw;
  left: 0vw;

}

.holo-cards__title-image {
  max-width: 100%;
  height: auto;
  max-height: 200px; /* Ajusta esto según necesites */
  object-fit: contain;
  isolation: isolate;
}

@media (max-width: 767px) {
  .holo-cards__title-image {
    max-height: 150px; /* Tamaño más pequeño para móviles */
  }
}  

/* Estilos base para todas las colecciones */
.holo-cards-container {
  --s: 80px;
  background-size: calc(2*var(--s)) calc(2*var(--s));
  border-radius: 2rem;

}

/* Surging Sparks fondos */
.collection-surging-sparks {
  --s: 64px;
  --c1: #eb6841;
  --c2: #edc951;
  
  background:
    conic-gradient(from -45deg,var(--c1) 90deg,#0000 0 180deg,var(--c2) 0 270deg,#0000 0)   
      0 calc(var(--s)/2)/var(--s) var(--s),    
    conic-gradient(from 135deg at 50% 0,var(--c1) 90deg,var(--c2) 0)  
      0 0/calc(2*var(--s)) var(--s);
}

/* Surging Sparks bordes */
.border-collection-surging-sparks {
  border-width: 8px;
  border-radius: 2rem;
  border-style: solid;
  border-image: linear-gradient(to right, #8E0000, #8D0000) 1;;
}  

/* Stellar Crown */
.collection-stellar-crown {
  --s: 100px; /* control the size*/
  --c1: #252a56;
  --c2: #40607d;
  
  --_g: 
     var(--c2) 6%  14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%,
     var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%,var(--c2) 86% 94%;
  background:
    radial-gradient(100% 100% at 100% 0,var(--c1) 4%,var(--_g),#0008 96%,#0000),
    radial-gradient(100% 100% at 0 100%,#0000, #0008 4%,var(--_g),var(--c1) 96%)
    var(--c1);
  background-size: var(--s) var(--s);
}

/* Stellar Crown bordes */
.border-collection-stellar-crown {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #35327B, #35327B) 1;;
}   

/* Prismatic Evolutions */
.collection-prismatic-evolutions {
  --s: 160px; /* control the size*/
  --c1: #b8fffa;
  --c2: #ffdbfc;
  --c3: #f0fff0;
  
  background:
    conic-gradient(from  15deg at 86.6%,
      var(--c3) 25%,var(--c2) 0 150deg,#0000 0),
    conic-gradient(from -75deg at 50% 13.39%,
      var(--c1) 60deg,var(--c3) 0 150deg,
      var(--c2) 0 210deg,#0000 0),
    conic-gradient(from 15deg at 36.6% 63.4%,
     var(--c1) 60deg,var(--c3) 0 150deg,
     var(--c1) 0 210deg,var(--c2) 0 75%,var(--c3) 0);
  background-size: var(--s) var(--s);
  
}

/* Prismatic Evolutios bordes */
.border-collection-prismatic-evolutions {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #94F20D, #84F8E8, #D284F8, #F8F684 ) 1;;  
  }

/* Shrouded Fables */
.collection-shrouded-fables {
    --s: 160px; /* control the size*/
  --c1: #3d2154;
  --c2: #523a5f;
  
  --_g: var(--s) var(--s) 
    radial-gradient(var(--c1) 17%,var(--c2) 18% 35%,#0000 36.5%);
  background: 
    calc(var(--s)/-4) calc(var(--s)/-4)/var(--_g),
    calc(var(--s)/ 4) calc(var(--s)/ 4)/var(--_g),
    radial-gradient(var(--c2) 34%,var(--c1) 36% 68%,#0000 70%) 
     0 0/calc(var(--s)/2) calc(var(--s)/2),
    repeating-linear-gradient(45deg,var(--c1) -12.5% 12.5%,var(--c2) 0 37.5%)
     0 0/var(--s) var(--s);
}

/* Shrouded Fable bordes */
.border-collection-shrouded-fables {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #BDC900, #BDC900) 1;;  
  }  

/* 151 */
.collection-151-SV {
 
  --s: 23px; /* control the size*/
  --c1: #f0f0f0;
  --c2: #d1d1d1;
  
  --c:#0000,var(--c1) .5deg 119.5deg,#0000 120deg;
  --g1:conic-gradient(from  60deg at 56.25% calc(425%/6),var(--c));
  --g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));
  --g3:conic-gradient(from -60deg at 50%   calc(175%/12),var(--c));
  background:
    var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
    var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
    var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) 
    var(--c2);
  background-size: calc(2*var(--s)) calc(3.46*var(--s));
}

/* 151 bordes */
.border-collection-151-SV {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #FF0018, #FF0018) 1;;  
  }   

/* Obsidian Flames */
.collection-obsidian-flames {
  --s: 56px; /* control the size*/
  --c1: #ff2e2e;
  --c2: #70002d;
  
  --_c1: var(--c1) 99%,#0000 101%;
  --_c2: var(--c2) 99%,#0000 101%;
  
  --r:calc(var(--s)*.866); 
  --g0:radial-gradient(var(--s),var(--_c1));
  --g1:radial-gradient(var(--s),var(--_c2));
  --f:radial-gradient(var(--s) at calc(100% + var(--r)) 50%,var(--_c1));
  --p:radial-gradient(var(--s) at 100% 50%,var(--_c2));
  background:
    var(--f) 0 calc(-5*var(--s)/2),
    var(--f) calc(-2*var(--r)) calc(var(--s)/2),
    var(--p) 0 calc(-2*var(--s)),
    var(--g0) var(--r) calc(-5*var(--s)/2),
    var(--g1) var(--r) calc( 5*var(--s)/2),
    radial-gradient(var(--s) at 100% 100%,var(--_c1)) 0 calc(-1*var(--s)),   
    radial-gradient(var(--s) at 0%   50% ,var(--_c1)) 0 calc(-4*var(--s)),
    var(--g1) calc(-1*var(--r)) calc(-7*var(--s)/2),
    var(--g0) calc(-1*var(--r)) calc(-5*var(--s)/2),
    var(--p) calc(-2*var(--r)) var(--s),
    var(--g0) calc(-1*var(--r)) calc(var(--s)/ 2),
    var(--g1) calc(-1*var(--r)) calc(var(--s)/-2),
    var(--g0) 0 calc(-1*var(--s)),
    var(--g1) var(--r) calc(var(--s)/-2),
    var(--g0) var(--r) calc(var(--s)/ 2) 
    var(--c2);
  background-size: calc(4*var(--r)) calc(6*var(--s));
}

/* Obsidian Flames bordes */
.border-collection-obsidian-flames {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #7D0000, #7D0000) 1;;  
  }  

/* Paldea Evolved */
.collection-paldea-evolved {
  --s: 100px; /* control the size*/
  --c1: #531060;
  --c2: #8b5496;
  
  --g: var(--c1)    3.125%,var(--c2) 0 9.375%,
       var(--c1) 0 15.625%,var(--c2) 0 21.875%,
       var(--c1) 0 28.125%,#0000 0;
  background: 
    linear-gradient(225deg,#0000    3.125%,var(--c2) 0 9.375%,
                           #0000 0 78.125%,var(--c2) 0 84.375%,#0000 0) 
     0 calc(var(--s)/2),
    linear-gradient( 45deg,var(--g)) 0 var(--s),
    linear-gradient( 45deg,var(--g)) calc(var(--s)/-2) calc(var(--s)/-2),
    linear-gradient(225deg,var(--g)) var(--s) 0,
    linear-gradient(225deg,var(--g)) calc(var(--s)/2) var(--s),
    repeating-linear-gradient(-45deg,var(--c1) -3.125% 3.125%,var(--c2) 0 9.375%);
  background-size: calc(2*var(--s)) calc(2*var(--s));
}

  /* Paldea Evolved borders*/
.border-collection-paldea-evolved {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #C45233, #C45233) 1;;  
  } 

/* Paradox Rift */
.collection-paradox-rift {
  --s: 37px; /* control the size*/
  --c1: #568bb3;
  --c2: #a0277a;
  
  --c:#0000,var(--c1) .5deg 119.5deg,#0000 120deg;
  --g1:conic-gradient(from  60deg at 56.25% calc(425%/6),var(--c));
  --g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));
  --g3:conic-gradient(from -60deg at 50%   calc(175%/12),var(--c));
  background:
    var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
    var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
    var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) 
    var(--c2);
  background-size: calc(2*var(--s)) calc(3.46*var(--s));
}

  /* Paradox Rift Borders */
.border-collection-paradox-rift {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #002964, #002964) 1;;  
  }  

/* Paldean Fates */
.collection-paldean-fates {
    --s: 100px; /* control the size*/
  --c1: #b88400;
  --c2: #000000;
  --c3: #303030;
  
  --c:#0000 48%,var(--c1) 0 52%,#0000 0;
  background:
    linear-gradient(-45deg,var(--c)),linear-gradient( 45deg,var(--c)),
    repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c3) 0 50%);
  background-size: var(--s) var(--s);
}

 /* Paldean Fates Borders */
.border-collection-paldean-fates {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #D1A20A, #D1A20A) 1;;  
  }   

/* Temporal Forces */
.collection-temporal-forces {
    --s: 112px; /* control the size*/
  --c1: #3b3b3b;
  --c2: #333333;
  
  background: 
    conic-gradient(from  45deg at 70%,var(--c2) 25%,#0000 0) calc(5*var(--s)/8) var(--s),
    conic-gradient(from  45deg at 40%,var(--c1) 25%,#0000 0) calc(3*var(--s)/4) var(--s),
    conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0) calc(var(--s)/8) 0,
    conic-gradient(from -45deg at 60%,var(--c2) 75%,var(--c1) 0);
  background-size: var(--s) calc(2*var(--s));
}
/* Temporal Forces Borders */
.border-collection-temporal-forces {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #000929, #000929) 1;;  
  }  

/* SV Base set */
.collection-scarlet-violet {
    --s: 50px; /* control the size*/
  --c1: #ff9e9e;
  --c2: #6a5aaa;
  
  --c: #0000 75%,var(--c1) 0;
  --g1: conic-gradient(at 75% 25%,var(--c));
  --g2: conic-gradient(at 25% 75%,var(--c));
  background: 
    var(--g1),var(--g1) var(--s) var(--s),
    var(--g2),var(--g2) var(--s) var(--s) var(--c2);
  background-size: calc(2*var(--s)) calc(2*var(--s));
}

/* SV Base set Borders */
.border-collection-scarlet-violet {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #C4C4C4, #C4C4C4) 1;;  
  }   

/* Twilight Masquerade */
.collection-twilight-masquerade {
     --s: 50px; /* control the size*/
  --c1: #832f7c;
  --c2: #271d3a;
  
  --c: #0000 75%,var(--c1) 0;
  --g1: conic-gradient(at 75% 25%,var(--c));
  --g2: conic-gradient(at 25% 75%,var(--c));
  background: 
    var(--g1),var(--g1) var(--s) var(--s),
    var(--g2),var(--g2) var(--s) var(--s) var(--c2);
  background-size: calc(2*var(--s)) calc(2*var(--s));
} 

/* Twilight Masquerade Borders */
.border-collection-twilight-masquerade {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #E31867, #E31867) 1;;  
  }

/* Journey Together */
.collection-journey-together {
  
  --s: 200px; /* control the size*/
  --c1: #89d3ec;
  --c2: #4da3ff;
  --c3: #627ec0;
  --c4: #7ecbfb;
  --c5: #ffffff;
  
  --_g: var(--c1) 25%,var(--c2) 0 50%,#0000 0;
  --_l1: var(--c5) 0 1px,#0000 0 calc(25% - 1px),var(--c5) 0 25%;
  --_l2: var(--c5) 0 1px,#0000 0 calc(50% - 1px),var(--c5) 0 50%;
  background:
    repeating-linear-gradient( 45deg,var(--_l1)),
    repeating-linear-gradient(-45deg,var(--_l1)),
    repeating-linear-gradient(  0deg,var(--_l2)),
    repeating-linear-gradient( 90deg,var(--_l2)),
    conic-gradient(from 135deg at 25% 75%,var(--_g)),
    conic-gradient(from 225deg at 25% 25%,var(--_g)),
    conic-gradient(from  45deg at 75% 75%,var(--_g)),
    conic-gradient(from -45deg at 75% 25%,var(--_g)),
    repeating-conic-gradient(var(--c3) 0 45deg,var(--c4) 0 90deg);  
  background-size: var(--s) var(--s);

} 

/* Journey Together Borders */
.border-collection-journey-together {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #432690, #432690) 1;;  
  }   


  .holo-cards-grid {
    display: grid;
    grid-template-columns: repeat(var(--cards-per-row, 3), 1fr);
    gap: 2rem;
    justify-items: center;
    transform-style: preserve-3d;
  }
/* Destined Rivals */
.collection-destined-rivals {
  --s: 200px; /* Controla el tamaño del patrón */
  --c1: #36024D; /* Un morado oscuro, casi negro, para la base */
  --c2: #8B0000; /* Un rojo oscuro e intenso, como el de Team Rocket */
  --c3: #5C0000; /* Un tono más apagado de rojo/marrón oscuro */
  --c4: #D32F2F; /* Un rojo más brillante para los detalles */
  --c5: #FFFFFF; /* Blanco para los bordes del patrón */
  --c6: #1A1A1A; /* Un gris muy oscuro, casi negro, para un contraste sutil */

  --_g: var(--c1) 25%, var(--c2) 0 50%, #0000 0;
  --_l1: var(--c5) 0 1px, #0000 0 calc(25% - 1px), var(--c5) 0 25%;
  --_l2: var(--c5) 0 1px, #0000 0 calc(50% - 1px), var(--c5) 0 50%;

  background:
    repeating-linear-gradient(45deg, var(--_l1)),
    repeating-linear-gradient(-45deg, var(--_l1)),
    repeating-linear-gradient(0deg, var(--_l2)),
    repeating-linear-gradient(90deg, var(--_l2)),
    conic-gradient(from 135deg at 25% 75%, var(--_g)),
    conic-gradient(from 225deg at 25% 25%, var(--_g)),
    conic-gradient(from 45deg at 75% 75%, var(--_g)),
    conic-gradient(from -45deg at 75% 25%, var(--_g)),
    repeating-conic-gradient(var(--c3) 0 45deg, var(--c4) 0 90deg);
  background-size: var(--s) var(--s);
}

/* Destined Rivals borders */
.border-collection-destined-rivals {
  border-width: 8px;
  border-style: solid;
  border-image: linear-gradient(to right, #4C0000, #330000, #1A1A1A) 1; /* Un degradado de rojo oscuro a casi negro */
  /* O una opción más simple: */
  /* border-color: #4C0000; */
} 


  .holo-cards-grid {
    display: grid;
    grid-template-columns: repeat(var(--cards-per-row, 3), 1fr);
    gap: 2rem;
    justify-items: center;
    transform-style: preserve-3d;
  }
    

  @media (max-width: 991px) {
    .holo-cards-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .holo-cards__title-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0px;
  margin-bottom: -16rem; /* Margen negativo para "sacar" el título del flujo */
  top: -24vw;
  left: 0vw;
  }

 @media (max-width: 479px) {
  .holo-cards-container {
    margin: 2rem auto;
    padding: 10px;
  }

  .holo-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    overflow-x: hidden;
  }

  .card-wrapper {
    width: 100%;
    max-width: 170px;
    height: 238px; /* Manteniendo el aspect ratio 0.716 */
    border-radius: 0.75rem;
  }

  .card {
    border-radius: 0.75rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }

  .card-front {
    border-radius: 0.75rem;
  }

  .card img {
    border-radius: 0.75rem;
  }

  .card::after,
  .card::before {
    border-radius: 0.75rem;
  }

  .holo-cards__title-wrapper {
    margin-bottom: -8rem;
    top: -5vw;
  }

  .holo-cards__title-image {
    max-height: 100px;
  }

  /* Ajustes para efectos holográficos en móvil */
  .card[data-rarity="rare holo v"]::after,
  .card[data-rarity="rare rainbow"]::after {
    --gradient-size: 100px;
    filter: blur(3rem);
  }

  .card[data-rarity="rare holo v"]::before,
  .card[data-rarity="rare rainbow"]::before {
    inset: -0.2rem;
  }

  /* Optimizaciones de rendimiento para móvil */
  @media (prefers-reduced-motion: reduce) {
    .card {
      transition: none;
    }
    
    .card:hover {
      transform: none;
    }
    
    .card-wrapper {
      transition: none;
    }
  }

  /* Ajustes de border para colecciones en móvil */
  [class*="border-collection-"] {
    border-width: 4px;
  }

  /* Ajustes específicos para fondos de colecciones en móvil */
  [class*="collection-"] {
    --s: calc(var(--s) * 0.75); /* Reduce el tamaño de los patrones de fondo */
  }

   .holo-cards__title-wrapper {
  top: -35vw;
  left: 0vw;
  width: 100%;
  padding: 15px;
  margin-bottom: -16rem; /* Margen negativo para "sacar" el título del flujo */
}

 .holo-cards__title-image {
  max-width: 100%;
  height: auto;
  max-height: 200px; /* Ajusta esto según necesites */
  object-fit: contain;
  isolation: isolate;
}