/* AngelBoy V205 — marketplace fluido, animaciones de bajo costo y catálogo enriquecido */
:root{
  --ab205-card:#160d16;
  --ab205-card-2:#21101b;
  --ab205-line:rgba(255,112,154,.24);
  --ab205-text:#fff9fc;
  --ab205-muted:#d7c7d0;
  --ab205-pink:#ff3f7f;
  --ab205-purple:#9a4dff;
  --ab205-green:#16b85b;
  --ab205-green-dark:#0c8e45;
}

/* El catálogo no necesita los antiguos halos interactivos que recalculaban en cada movimiento. */
.ab-marketplace-page-v205 .ab-market-card-v200::after,
.ab-marketplace-page-v205 .template-card::after{
  content:none!important;
  display:none!important;
}
.ab-marketplace-page-v205 .ab-market-card-v200{
  --ab121-x:50%!important;
  --ab121-y:0%!important;
  --mx:50%!important;
  --my:0%!important;
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  min-width:0;
  padding:0!important;
  border:1px solid var(--ab205-line)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,var(--ab205-card-2),var(--ab205-card))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  transform:none!important;
  translate:0 0;
  filter:none!important;
  contain:layout paint style;
  content-visibility:auto;
  contain-intrinsic-size:540px;
  transition:border-color .24s ease,box-shadow .24s ease,translate .24s ease!important;
}
.ab-marketplace-page-v205 .ab-market-card-v200::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0 0 auto;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,104,159,.9),rgba(162,88,255,.8),transparent);
  opacity:.62;
}
@media (hover:hover) and (pointer:fine){
  .ab-marketplace-page-v205 .ab-market-card-v200:hover{
    translate:0 -5px;
    border-color:rgba(255,105,151,.5)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.28),0 10px 34px rgba(168,54,112,.10)!important;
  }
}

/* Entrada única: opacidad + translate, sin blur, filtros ni reflejos infinitos. */
.ab-js-v205 .ab-marketplace-page-v205 .ab-market-card-v200.ab-card-await-v205{
  opacity:0;
  translate:0 16px;
}
.ab-js-v205 .ab-marketplace-page-v205 .ab-market-card-v200.ab-card-visible-v205{
  opacity:1;
  translate:0 0;
  transition:opacity .42s ease,translate .48s cubic-bezier(.2,.75,.25,1),border-color .24s ease,box-shadow .24s ease!important;
  transition-delay:var(--ab-card-delay-v205,0ms)!important;
}

.ab-marketplace-page-v205 .ab-market-media-v200{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#130b17;
  transform:translateZ(0);
}
.ab-marketplace-page-v205 .ab-market-media-v200::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(9,4,10,.42));
}
.ab-marketplace-page-v205 .ab-market-media-v200 img,
.ab-marketplace-page-v205 .ab-market-media-v200 video{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.002);
  filter:saturate(1.04) contrast(1.015);
  transition:transform .36s ease,filter .36s ease!important;
  will-change:auto;
}
@media (hover:hover) and (pointer:fine){
  .ab-marketplace-page-v205 .ab-market-card-v200:hover .ab-market-media-v200 img,
  .ab-marketplace-page-v205 .ab-market-card-v200:hover .ab-market-media-v200 video{
    transform:scale(1.027);
    filter:saturate(1.08) contrast(1.025);
  }
}
.ab-marketplace-page-v205 .ab-market-hover-v200{
  opacity:0!important;
  transform:translate(-50%,5px)!important;
  transition:opacity .22s ease,transform .22s ease!important;
  backdrop-filter:none!important;
  background:rgba(15,7,17,.82)!important;
}
.ab-marketplace-page-v205 .ab-market-card-v200:hover .ab-market-hover-v200{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
.ab-marketplace-page-v205 .ab-market-badge-v200,
.ab-marketplace-page-v205 .ab-market-category-v200{
  backdrop-filter:none!important;
  background:rgba(24,14,27,.88)!important;
  box-shadow:none!important;
}
.ab-marketplace-page-v205 .ab-market-body-v200{
  display:flex;
  flex-direction:column;
  min-height:286px;
  padding:19px 18px 18px!important;
}
.ab-marketplace-page-v205 .ab-market-title-row-v200{
  align-items:flex-start;
  gap:12px;
}
.ab-marketplace-page-v205 .ab-market-title-row-v200 h3{
  min-width:0;
  text-wrap:balance;
}
.ab-marketplace-page-v205 .ab-market-body-v200>p{
  display:-webkit-box;
  min-height:4.65em;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  color:var(--ab205-muted)!important;
}
.ab-marketplace-page-v205 .ab-market-tags-v200{
  min-height:32px!important;
  margin-top:auto;
}
.ab-marketplace-page-v205 .ab-market-tags-v200 span{
  border:1px solid rgba(255,255,255,.035);
  background:rgba(255,255,255,.055)!important;
}
.ab-marketplace-page-v205 .ab-market-actions-v200{
  margin-top:14px;
}
.ab-marketplace-page-v205 .whatsapp-buy-v203{
  background:linear-gradient(135deg,var(--ab205-green),var(--ab205-green-dark))!important;
  box-shadow:0 9px 22px rgba(20,176,86,.16)!important;
}
.ab-marketplace-page-v205 .whatsapp-buy-v203:hover{
  box-shadow:0 12px 28px rgba(20,176,86,.24)!important;
}

/* Home: el bloque destacado entra como grupo y evita recalcular toda la página. */
.ab-home-page-v205 .ab-section-v200:has(.ab-market-grid-v200){
  contain:layout style;
}
.ab-home-page-v205 .ab-market-grid-v200,
.ab-templates-page-v205 .ab-market-grid-v200{
  align-items:stretch;
}

/* Hero del catálogo V205: atractivo, útil y ligero. */
.ab-templates-page-v205 main{
  background:
    radial-gradient(circle at 10% 8%,rgba(211,47,144,.20),transparent 24rem),
    radial-gradient(circle at 90% 12%,rgba(72,191,203,.18),transparent 26rem),
    linear-gradient(180deg,#160813 0,#10070f 66%,#0b070d 100%);
}
.ab-market-hero-v205{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);
  align-items:center!important;
  gap:clamp(34px,7vw,92px)!important;
  min-height:520px;
  width:min(1220px,calc(100% - 36px));
  margin:0 auto;
  padding:104px 0 54px!important;
  overflow:visible;
}
.ab-market-hero-v205::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:54px -18px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:36px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(120deg,rgba(255,58,132,.08),rgba(27,18,38,.14) 50%,rgba(81,205,205,.07));
  background-size:48px 48px,48px 48px,auto;
  mask-image:linear-gradient(180deg,#000 72%,transparent);
  pointer-events:none;
}
.ab-market-hero-copy-v205{position:relative;z-index:2}
.ab-market-hero-copy-v205>span{
  color:#e7b8ef!important;
}
.ab-market-hero-v205 h1{
  max-width:760px!important;
  margin:14px 0 18px!important;
  font-size:clamp(48px,6.2vw,82px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.ab-market-hero-v205 h1 em{
  font-style:normal;
  background:linear-gradient(100deg,#fff 2%,#ff90bd 48%,#b689ff 98%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ab-market-hero-v205 p{
  max-width:720px!important;
  margin:0;
  color:#e0ced8!important;
  font-size:18px!important;
}
.ab-market-benefits-v205{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:24px;
  color:#f7edf4;
  font-size:13px;
  font-weight:850;
}
.ab-market-benefits-v205 span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.ab-market-benefits-v205 i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff568f;
  box-shadow:0 0 0 5px rgba(255,86,143,.10);
}
.ab-market-visual-v205{
  position:relative;
  min-height:350px;
  display:grid;
  place-items:center;
  perspective:900px;
}
.ab-market-orbit-v205{
  position:absolute;
  width:290px;
  height:290px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 60px rgba(151,75,255,.08),0 0 50px rgba(255,58,132,.07);
  animation:ab205Orbit 18s linear infinite;
}
.ab-market-orbit-v205::before,
.ab-market-orbit-v205::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ff6399;
  box-shadow:0 0 18px rgba(255,99,153,.75);
}
.ab-market-orbit-v205::before{top:28px;left:45px}
.ab-market-orbit-v205::after{right:32px;bottom:54px;background:#7fe7ef;box-shadow:0 0 18px rgba(127,231,239,.75)}
.ab-market-orbit-v205.orbit-b{
  width:226px;
  height:226px;
  border-color:rgba(182,137,255,.18);
  animation-duration:14s;
  animation-direction:reverse;
}
.ab-market-moment-v205{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(35,18,42,.94),rgba(18,10,25,.94));
  box-shadow:0 20px 50px rgba(0,0,0,.28);
  font-size:34px;
  animation:ab205Float 7s ease-in-out infinite;
}
.ab-market-moment-v205.moment-a{left:4%;top:23%;rotate:-8deg}
.ab-market-moment-v205.moment-b{right:2%;top:12%;rotate:7deg;animation-delay:-2.2s}
.ab-market-moment-v205.moment-c{right:10%;bottom:4%;rotate:-4deg;animation-delay:-4.1s}
.ab-market-stat-v205{
  position:relative!important;
  z-index:3;
  min-width:205px!important;
  padding:30px 28px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(17,13,30,.96),rgba(25,12,28,.94))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 0 8px rgba(255,255,255,.018)!important;
  text-align:center;
  transform:rotate(-2deg);
  animation:ab205Stat 6.5s ease-in-out infinite;
}
.ab-market-stat-v205 strong{
  display:block;
  font-size:68px!important;
  line-height:1;
  letter-spacing:-.06em;
  background:linear-gradient(135deg,#fff,#ff91bb 55%,#b8a1ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ab-market-stat-v205 span{
  display:block;
  margin-top:10px;
  color:#ead7e2!important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.ab-market-stat-v205 small{
  display:block;
  margin-top:11px;
  color:#ac9aa6;
  font-size:11px;
}
.ab-page-hidden-v205 .ab-market-orbit-v205,
.ab-page-hidden-v205 .ab-market-moment-v205,
.ab-page-hidden-v205 .ab-market-stat-v205{
  animation-play-state:paused!important;
}

/* Herramientas más compactas y estables. */
.ab-templates-page-v205 .ab-market-tools-v200{
  width:min(1010px,calc(100% - 36px));
  margin:-6px auto 0;
}
.ab-templates-page-v205 .ab-market-tools-v200 form{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(15,10,23,.94)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20);
  backdrop-filter:none!important;
}
.ab-templates-page-v205 .ab-market-tools-v200 input,
.ab-templates-page-v205 .ab-market-tools-v200 select{
  background:#0d0912!important;
}
.ab-templates-page-v205 .ab-market-tools-v200 nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.25) transparent;
}
.ab-templates-page-v205 .ab-market-tools-v200 nav a{
  transition:background .18s ease,border-color .18s ease,color .18s ease,translate .18s ease;
}
.ab-templates-page-v205 .ab-market-tools-v200 nav a:hover{translate:0 -1px}
.ab-templates-page-v205 .ab-catalog-v200{
  contain:layout style;
}

@keyframes ab205Orbit{to{transform:rotate(360deg)}}
@keyframes ab205Float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes ab205Stat{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -8px;rotate:1deg}}

@media(max-width:1050px){
  .ab-market-hero-v205{grid-template-columns:1fr minmax(260px,.62fr)!important;gap:30px!important}
  .ab-market-moment-v205{width:70px;height:70px;font-size:29px}
}
@media(max-width:820px){
  .ab-market-hero-v205{grid-template-columns:1fr!important;min-height:auto;padding-top:86px!important;text-align:center}
  .ab-market-hero-v205 p{margin-inline:auto}
  .ab-market-benefits-v205{justify-content:center}
  .ab-market-visual-v205{min-height:285px}
  .ab-market-orbit-v205{width:235px;height:235px}
  .ab-market-orbit-v205.orbit-b{width:185px;height:185px}
  .ab-market-moment-v205.moment-a{left:10%}.ab-market-moment-v205.moment-b{right:10%}.ab-market-moment-v205.moment-c{right:15%}
  .ab-market-stat-v205{min-width:175px!important;padding:24px 20px!important}
  .ab-market-stat-v205 strong{font-size:56px!important}
}
@media(max-width:620px){
  .ab-marketplace-page-v205 .ab-market-card-v200{contain-intrinsic-size:510px}
  .ab-marketplace-page-v205 .ab-market-card-v200:hover{translate:0 0}
  .ab-marketplace-page-v205 .ab-market-body-v200{min-height:auto}
  .ab-marketplace-page-v205 .ab-market-body-v200>p{min-height:auto}
  .ab-market-hero-v205{width:min(100% - 22px,1220px);padding-top:72px!important}
  .ab-market-hero-v205::before{inset:44px -2px 8px;border-radius:26px}
  .ab-market-hero-v205 h1{font-size:clamp(43px,13vw,62px)!important}
  .ab-market-hero-v205 p{font-size:16px!important}
  .ab-market-benefits-v205{display:grid;justify-content:start;text-align:left;width:max-content;max-width:100%;margin-inline:auto}
  .ab-market-visual-v205{min-height:245px}
  .ab-market-moment-v205{width:58px;height:58px;border-radius:19px;font-size:25px}
  .ab-market-moment-v205.moment-a{left:1%;top:26%}.ab-market-moment-v205.moment-b{right:1%;top:12%}.ab-market-moment-v205.moment-c{right:5%;bottom:2%}
  .ab-market-orbit-v205{width:205px;height:205px}.ab-market-orbit-v205.orbit-b{width:155px;height:155px}
  .ab-templates-page-v205 .ab-market-tools-v200{width:min(100% - 22px,1010px)}
}
@media(prefers-reduced-motion:reduce){
  .ab-js-v205 .ab-marketplace-page-v205 .ab-market-card-v200.ab-card-await-v205,
  .ab-js-v205 .ab-marketplace-page-v205 .ab-market-card-v200.ab-card-visible-v205{opacity:1;translate:0 0;transition:none!important}
  .ab-market-orbit-v205,.ab-market-moment-v205,.ab-market-stat-v205{animation:none!important}
  .ab-marketplace-page-v205 .ab-market-media-v200 img,.ab-marketplace-page-v205 .ab-market-media-v200 video{transition:none!important}
}

/* En home/catálogo los fondos globales quedan estáticos: menos repintados continuos. */
.ab-marketplace-page-v205::after,
.ab-marketplace-page-v205 .brand-v20::after,
.ab-marketplace-page-v205 .brand-mark-animated{
  animation:none!important;
}
