/* photoracer.tv/consultas — quiz o ticket de Discord */
.cs{--dc:#5865F2}
.cs-hero{padding:56px 5vw 30px;background:radial-gradient(800px 420px at 80% 30%,rgba(88,101,242,.16),transparent 70%),radial-gradient(700px 400px at 10% 10%,rgba(255,224,27,.08),transparent 70%)}
.cs-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
.cs-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}
.cs h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.02;font-weight:900;margin:16px 0 16px}
.cs h1 em{font-style:normal;color:var(--ne);background:var(--am);padding:0 .18em;border-radius:6px;display:inline-block;transform:rotate(-2deg)}
.cs-lead{color:#d6d6d6;font-size:1.1rem}
.cs-foto{border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-height:440px;justify-self:end;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);transform:rotate(1.5deg)}
.cs-foto img{width:100%;height:100%;object-fit:cover}
.cs-s{padding:40px 5vw}
.cs-w{max-width:1100px;margin:0 auto}
.cs-opciones{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cs-op{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:22px;background:#141414;border:1px solid var(--borde);transition:transform .2s,box-shadow .2s,border-color .2s}
.cs-op-quiz{background:linear-gradient(150deg,rgba(255,224,27,.14),#141414 55%);border-color:rgba(255,224,27,.45)}
.cs-op-dc{background:linear-gradient(150deg,rgba(88,101,242,.2),#141414 55%);border-color:rgba(88,101,242,.5)}
a.cs-op:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(255,224,27,.15)}
.cs-ico{font-size:2.2rem;line-height:1}
.cs-et{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gr)}
.cs-op h2{font-size:1.7rem;font-weight:900;line-height:1.15}
.cs-op p{color:#d0d0d0}
.cs-op ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.cs-op li{font-size:.82rem;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.07)}
.cs-op li::before{content:"✓ ";color:var(--ve)}
.cs-btn{margin-top:auto;align-self:flex-start;padding:14px 22px;border-radius:14px;font-weight:800;background:var(--am);color:var(--ne);transition:transform .2s}
.cs-btn-dc{background:var(--dc);color:#fff}
.cs-btn:hover{transform:translateX(4px)}
.cs-sin{font-size:.85rem;color:var(--gr);text-decoration:underline}
.cs-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;margin-bottom:22px}
.cs-pasos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:p}
.cs-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}
.cs-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}
.cs-pasos b{font-size:1.1rem}.cs-pasos span{color:var(--gr);font-size:.95rem}
.cs-faq{background:#181818;border:1px solid var(--borde);border-radius:14px;padding:4px 20px;margin-bottom:10px}
.cs-faq summary{cursor:pointer;font-weight:700;padding:14px 0}
.cs-faq p{color:var(--gr);padding-bottom:16px}
@media (max-width:900px){
  .cs-in,.cs-opciones,.cs-pasos{grid-template-columns:1fr}
  .cs-foto{display:none}
  .cs-op{padding:24px}
}