/* Tema "Alege-ti drumul". Se incarca dupa style.css; se scoate stergand drumuri.css si drumuri.js din pagini. */
:root { --bg: #070b14; --panou: #0d1420; --panou2: #0a1019; --linie: rgba(150,190,255,0.14); --blue: #2f8cff; --blue2: #8cc4ff; --gold: #8cc4ff; }
.btn.prim { color: #fff; }
.btn.prim:hover { background: var(--blue); filter: brightness(1.1); }
.bara b { color: var(--txt); }
.hero .poza { display: none; }
.hero::after { display: none; }
.hero { background: #070b14; }
.hero h1 em { color: var(--blue2); font-style: normal; }
.hero.mic { background: linear-gradient(180deg, #0a1a33 0%, #070b14 100%); }
.grila .nr { color: rgba(47,140,255,0.8); }
.vip .top { background: linear-gradient(180deg, rgba(47,140,255,0.18), var(--panou2) 60%); outline-color: rgba(47,140,255,0.6); }
.etichete span { border-color: rgba(47,140,255,0.5); color: var(--blue2); }
.regula blockquote { background: rgba(47,140,255,0.07); color: var(--blue2); }
.regula li::before { background: var(--blue); }
.cuprins a:hover { background: rgba(47,140,255,0.08); }
.final::after { background: linear-gradient(90deg, rgba(7,11,20,0.95), rgba(7,11,20,0.45)); }
.imagine::after { background: linear-gradient(0deg, rgba(7,11,20,0.6), transparent 50%); }
@media (max-width: 860px) {
  .linkuri { background: var(--panou); }
  .linkuri a.activ { background: rgba(47,140,255,0.1); }
}

/* prima pagina: cele trei drumuri */
.hero.acasa { display: block; height: auto; min-height: 0; padding: 112px 0 120px; }
.hero.acasa .continut { position: relative; z-index: 3; max-width: var(--lat); width: 100%; text-align: center; padding-top: 0; padding-bottom: 0; display: flex; flex-direction: column; align-items: center; }
.hero.acasa h1 { font-size: clamp(42px, 5vw, 70px); }
.hero.acasa h1 br, .hero.acasa .continut > p, .hero.acasa .eticheta::before { display: none; }
.hero.acasa .actiuni { order: 5; justify-content: center; margin-top: 30px; }
.hero.acasa .ip { order: 6; }
.hero .continut > .drumuri { max-width: none; }
.drumuri { order: 4; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; margin-top: 26px; text-align: left; }
.drum { position: relative; overflow: hidden; padding: 22px 24px 24px; border: 1px solid var(--linie); border-top: 4px solid var(--c); background: linear-gradient(180deg, color-mix(in srgb, var(--c) 26%, #0a0e15), #0a0d14 62%); }
.drum img { display: block; width: 100%; max-width: 330px; aspect-ratio: 2/1; object-fit: contain; margin: 0 auto 14px; mix-blend-mode: lighten; }
.drum h3 { margin: 0 0 6px; font: 400 34px/1 "Bebas Neue", Impact, sans-serif; letter-spacing: 1px; color: #fff; }
.drum p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--txt2); max-width: none; }
.drum small { display: block; margin-top: 12px; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--c2); }

/* pe ecrane inguste butoanele raman sus, cardurile vin dupa ele */
@media (max-width: 1000px) {
  .drumuri { grid-template-columns: minmax(0, 1fr); order: 7; }
  .drum img { max-width: 260px; }
  .hero.acasa .actiuni { margin-top: 20px; }
}
@media (max-width: 640px) {
  .hero.acasa { padding-top: 90px; }
}