/* ==========================================================
   AWINTURA ARGENTINA — Image Placeholders via SVG/CSS
   All images generated inline — no external dependencies
   ========================================================== */

/* Hero backgrounds per page */
.hero-home .hero-bg {
  background: radial-gradient(ellipse at 70% 40%, rgba(94,58,234,.4) 0%, transparent 60%),
              radial-gradient(ellipse at 20% 80%, rgba(244,200,66,.15) 0%, transparent 50%),
              linear-gradient(160deg, #080718 0%, #1C1940 60%, #080718 100%);
}
.hero-casino .hero-bg {
  background: radial-gradient(ellipse at 60% 30%, rgba(255,107,53,.3) 0%, transparent 55%),
              radial-gradient(ellipse at 30% 70%, rgba(94,58,234,.3) 0%, transparent 50%),
              linear-gradient(150deg, #080718 0%, #1a0f35 100%);
}
.hero-deportes .hero-bg {
  background: radial-gradient(ellipse at 65% 50%, rgba(34,197,94,.3) 0%, transparent 55%),
              radial-gradient(ellipse at 25% 60%, rgba(6,182,212,.2) 0%, transparent 50%),
              linear-gradient(160deg, #080718 0%, #0a1a20 100%);
}
.hero-bonos .hero-bg {
  background: radial-gradient(ellipse at 60% 40%, rgba(244,200,66,.35) 0%, transparent 55%),
              linear-gradient(160deg, #080718 0%, #1a1200 100%);
}
.hero-torneos .hero-bg {
  background: radial-gradient(ellipse at 55% 35%, rgba(123,92,240,.5) 0%, transparent 55%),
              radial-gradient(ellipse at 25% 65%, rgba(244,200,66,.2) 0%, transparent 50%),
              linear-gradient(160deg, #080718 0%, #110820 100%);
}
.hero-app .hero-bg {
  background: radial-gradient(ellipse at 65% 40%, rgba(6,182,212,.3) 0%, transparent 55%),
              radial-gradient(ellipse at 20% 70%, rgba(94,58,234,.3) 0%, transparent 50%),
              linear-gradient(160deg, #080718 0%, #071520 100%);
}
.hero-pagos .hero-bg {
  background: radial-gradient(ellipse at 60% 40%, rgba(34,197,94,.3) 0%, transparent 55%),
              linear-gradient(160deg, #080718 0%, #081510 100%);
}

/* Game card gradient backgrounds */
.gc-slots    { background: linear-gradient(135deg, #1a0a30 0%, #5E3AEA 100%); }
.gc-live     { background: linear-gradient(135deg, #1a0010 0%, #c00060 100%); }
.gc-table    { background: linear-gradient(135deg, #001a10 0%, #0d8040 100%); }
.gc-jackpot  { background: linear-gradient(135deg, #1a0a00 0%, #c07000 100%); }
.gc-esports  { background: linear-gradient(135deg, #000a1a 0%, #0050c8 100%); }
.gc-crash    { background: linear-gradient(135deg, #1a000a 0%, #e02070 100%); }

/* Bonus card headers */
.bc-welcome  { background: linear-gradient(135deg, #1a0a00 0%, var(--aw-gold-dark) 100%); }
.bc-reload   { background: linear-gradient(135deg, #1a0430 0%, var(--aw-purple) 100%); }
.bc-cashback { background: linear-gradient(135deg, #001a10 0%, #16a34a 100%); }
.bc-free     { background: linear-gradient(135deg, #1a1200 0%, #d97706 100%); }
.bc-vip      { background: linear-gradient(135deg, #0a0020 0%, #7c3aed 100%); }
.bc-referral { background: linear-gradient(135deg, #001520 0%, #0891b2 100%); }

/* Author photo placeholder */
.author-photo-bg {
  background: linear-gradient(160deg, #1C1940 0%, #2d2560 50%, #1C1940 100%);
  display: flex; align-items: flex-end; justify-content: center;
}

/* Trophy/prize visuals */
.trophy-visual {
  width: 80px; height: 80px;
  background: linear-gradient(135deg, var(--aw-gold-dark), var(--aw-gold));
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 80% 70%, 70% 100%, 30% 100%, 20% 70%, 0% 30%);
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem;
}

/* Feature illustrations */
.feature-bg-1 { background: linear-gradient(135deg, #0a0530 0%, #1e1060 100%); }
.feature-bg-2 { background: linear-gradient(135deg, #001520 0%, #003050 100%); }
.feature-bg-3 { background: linear-gradient(135deg, #0a1500 0%, #1a3000 100%); }


/* === Brand photo assets: generated WebP, no external dependencies === */
.hero-home .hero-bg,
.hero-casino .page-hero-bg,
.hero-bonos .page-hero-bg,
.hero-deportes .page-hero-bg,
.hero-torneos .page-hero-bg,
.hero-app .page-hero-bg,
.hero-pagos .page-hero-bg,
.page-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(8,7,24,.96) 0%, rgba(8,7,24,.78) 48%, rgba(8,7,24,.42) 100%),
    url('/img/hero-awintura-argentina.webp') !important;
  background-size: cover !important;
  background-position: center right !important;
}
.hero-home .hero-bg::after,
.page-hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 22% 28%, rgba(244,200,66,.14), transparent 46%),
    radial-gradient(ellipse at 72% 42%, rgba(94,58,234,.22), transparent 48%);
  pointer-events: none;
}
.hero-photo-panel {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  width: min(39vw, 560px);
  aspect-ratio: 16 / 10;
  border: 1px solid rgba(244,200,66,.38);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 26px 90px rgba(0,0,0,.55), 0 0 34px rgba(244,200,66,.18);
  z-index: 1;
}
.hero-photo-panel img,
.photo-card-img,
.author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.game-card.photo-card,
.category-photo-card {
  min-height: 150px;
  background: var(--aw-card);
}
.game-card.photo-card .game-overlay { z-index: 2; }
.game-card.photo-card::after,
.category-photo-wrap::after,
.bonus-card-header::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.32));
  pointer-events: none;
}
.category-photo-wrap {
  height: 160px;
  position: relative;
  overflow: hidden;
}
.bonus-card-header {
  position: relative;
  background-size: cover !important;
  background-position: center !important;
}
.bc-welcome { background-image: linear-gradient(rgba(20,10,0,.18), rgba(20,10,0,.3)), url('/img/cat-jackpots.webp') !important; }
.bc-reload { background-image: linear-gradient(rgba(20,10,40,.16), rgba(20,10,40,.34)), url('/img/slot-gates-olympus.webp') !important; }
.bc-cashback { background-image: linear-gradient(rgba(0,20,10,.16), rgba(0,20,10,.32)), url('/img/cat-casino-en-vivo.webp') !important; }
.bc-free { background-image: linear-gradient(rgba(20,12,0,.16), rgba(20,12,0,.32)), url('/img/slot-fruit-super-nova.webp') !important; }
.bc-vip { background-image: linear-gradient(rgba(10,0,32,.16), rgba(10,0,32,.34)), url('/img/hero-awintura-argentina.webp') !important; }
.bc-referral { background-image: linear-gradient(rgba(0,18,28,.16), rgba(0,18,28,.34)), url('/img/cat-esports.webp') !important; }

@media (max-width: 900px) {
  .hero-home .hero-bg,
  .page-hero-bg {
    background-image:
      linear-gradient(180deg, rgba(8,7,24,.88) 0%, rgba(8,7,24,.72) 54%, rgba(8,7,24,.95) 100%),
      url('/img/hero-awintura-argentina.webp') !important;
    background-position: center top !important;
  }
  .hero-photo-panel {
    display: none;
  }
}