/* photoracer.tv/beamng/ — landing BeamNG.drive + Instant Gaming */
.bng{--ig:#ff5a00;--ig-rgb:255,90,0}
.bng-hero{position:relative;padding:56px 5vw 64px;overflow:hidden;
  background:radial-gradient(900px 460px at 78% 40%,rgba(var(--ig-rgb),.16),transparent 70%),radial-gradient(700px 400px at 10% 10%,rgba(255,224,27,.07),transparent 70%)}
.bng-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.bng-tag{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ne);background:var(--am);padding:6px 12px;border-radius:999px}
.bng h1{font-size:clamp(2.2rem,5vw,3.9rem);line-height:1.02;font-weight:900;margin:16px 0 14px;text-transform:uppercase;letter-spacing:-.01em}
.bng h1 em{font-style:normal;color:var(--ne);background:var(--am);padding:0 .18em;border-radius:6px;display:inline-block;transform:rotate(-2deg)}
.bng-lead{color:#d6d6d6;font-size:1.08rem;max-width:560px}
.bng-lead b{color:var(--bl)}
.bng-nota{color:var(--gr);font-size:.85rem;margin-top:14px}

/* Botón grande de Instant Gaming */
.bng-cta{position:relative;display:inline-grid;gap:2px;margin-top:26px;padding:18px 64px 18px 26px;border-radius:18px;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#ff7a1a,var(--ig) 55%,#e64400);box-shadow:0 0 0 1px rgba(255,170,90,.5),0 14px 40px rgba(var(--ig-rgb),.45);transition:transform .2s,box-shadow .2s}
.bng-cta::after{content:"→";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.8rem;font-weight:900;transition:transform .2s}
.bng-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:bngBrillo 3.2s ease-in-out infinite}
.bng-cta:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(255,190,120,.7),0 20px 50px rgba(var(--ig-rgb),.6)}
.bng-cta:hover::after{transform:translate(5px,-50%)}
.bng-cta-ig{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.bng-cta-t{font-size:1.35rem;font-weight:900;line-height:1.15}
.bng-cta-s{font-size:.82rem;opacity:.92}
@keyframes bngBrillo{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

.bng-mini{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.6),0 0 80px rgba(var(--ig-rgb),.18);transform:rotate(1.2deg)}
.bng-mini img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bng-mini a{display:block;position:relative}
.bng-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(255,0,0,.92);box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .2s}
.bng-play::after{content:"";position:absolute;left:34px;top:26px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
a:hover .bng-play,button:hover .bng-play{transform:scale(1.08)}

/* Secciones */
.bng-s{padding:56px 5vw}
.bng-w{max-width:1100px;margin:0 auto}
.bng h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:900;line-height:1.15;margin-bottom:26px}
.bng-pasos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:p}
.bng-pasos li{counter-increment:p;position:relative;background:#151515;border:1px solid var(--borde);border-radius:18px;padding:58px 22px 22px;display:flex;flex-direction:column;gap:6px}
.bng-pasos li::before{content:counter(p);position:absolute;left:22px;top:16px;width:32px;height:32px;border-radius:9px;background:var(--am);color:var(--ne);font-weight:900;display:grid;place-items:center}
.bng-pasos b{font-size:1.12rem}
.bng-pasos span{color:var(--gr);font-size:.95rem;flex:1}
.bng-pasos a{color:var(--ig);font-weight:800;margin-top:6px}
.bng-yt{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.bng-yt button{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}
.bng-yt img,.bng-yt iframe{width:100%;height:100%;object-fit:cover;border:0}
.bng-galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bng-galeria figure{border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#151515}
.bng-galeria img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bng-galeria figure:hover img{transform:scale(1.05)}
.bng-final{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border-radius:22px;
  background:linear-gradient(135deg,rgba(var(--ig-rgb),.16),#141414 60%);border:1px solid rgba(var(--ig-rgb),.35)}
.bng-final h2{margin-bottom:8px}
.bng-final p{color:var(--gr)}
.bng-final .bng-cta{margin-top:0;flex-shrink:0}
.bng-req ul{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bng-req li{background:#151515;border:1px solid var(--borde);border-radius:14px;padding:16px;font-size:.92rem;color:#d6d6d6}
.bng-req li b{display:block;color:var(--am);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.bng-faq{background:#181818;border:1px solid var(--borde);border-radius:14px;padding:4px 20px;margin-bottom:10px}
.bng-faq summary{cursor:pointer;font-weight:700;padding:14px 0}
.bng-faq p{color:var(--gr);padding-bottom:16px}
.bng-aviso{color:var(--gr);font-size:.85rem;margin-top:18px}
.bng-aviso a{color:var(--am);font-weight:700}

/* Botón fijo abajo cuando el principal ya no se ve */
.bng-fijo{position:fixed;left:50%;bottom:16px;z-index:60;transform:translate(-50%,140%);padding:14px 24px;border-radius:999px;font-weight:800;color:#fff;white-space:nowrap;
  background:linear-gradient(135deg,#ff7a1a,var(--ig));box-shadow:0 10px 30px rgba(var(--ig-rgb),.5);transition:transform .3s}
.bng-fijo.ver{transform:translate(-50%,0)}

@media (max-width:900px){
  .bng-in{grid-template-columns:1fr;gap:30px}
  .bng-mini{order:-1;transform:none}
  .bng-pasos,.bng-galeria{grid-template-columns:1fr}
  .bng-req ul{grid-template-columns:repeat(2,1fr)}
  .bng-final{flex-direction:column;align-items:flex-start;padding:26px}
}
@media (max-width:520px){
  .bng-hero{padding-top:28px}
  .bng-cta{display:grid;width:100%}
  .bng-fijo{font-size:.9rem;padding:13px 18px;max-width:calc(100% - 24px)}
}
@media (prefers-reduced-motion:reduce){.bng-cta::before{animation:none}}
.bng-galeria figure{position:relative}
.bng-galeria figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:.82rem;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.bng-portada{width:120px;height:120px;border-radius:16px;object-fit:cover;flex-shrink:0;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}
.bng-final-t{flex:1}
@media (max-width:900px){.bng-portada{width:96px;height:96px}}