.seccion{padding:5rem 0}
.seccion--profunda{background:var(--inset);border-block:1px solid var(--borde-suave)}
.seccion__cab{max-width:640px;margin-bottom:2.5rem}
.seccion__cab h2{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.03em}
.seccion__cab p{margin-top:.7rem;color:var(--apagado)}

/* Juegos: el color de la franja superior y de la etiqueta indica el estado */
.juegos{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.4rem}
.juego{--color:var(--verde);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--borde);border-top:3px solid var(--color);border-radius:var(--radio);background:var(--subtle);transition:border-color .15s}
.juego:hover{border-color:var(--apagado);border-top-color:var(--color)}
.juego[data-estado="en-desarrollo"]{--color:var(--ambar)}
.juego[data-estado="proximamente"]{--color:var(--morado)}
.juego__img{position:relative;aspect-ratio:16/10;background:var(--canvas) center/cover no-repeat}
.juego__estado{position:absolute;top:.7rem;left:.7rem;padding:.1rem .75rem;border:1px solid var(--color);border-radius:2em;background:rgba(13,17,23,.88);color:var(--color);font-size:.88rem;font-weight:600}
.juego__cuerpo{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem 1.3rem}
.juego__cuerpo h3{font-size:1.45rem}
.juego__cuerpo p{color:var(--apagado)}
.juego__cuerpo .juego__modo{color:var(--azul-link);font-size:.95rem;font-weight:500}
.juego__cuerpo .btn{align-self:flex-start;margin-top:auto}

/* Novedades */
.novedades{display:grid;gap:1.4rem;max-width:760px}
.novedad{display:grid;grid-template-columns:110px 1fr;gap:1.2rem;align-items:start}
.novedad__fecha{padding:.3rem .6rem;border:1px solid var(--borde);border-radius:6px;background:var(--elevado);color:var(--apagado);font-size:.95rem;font-weight:600;text-align:center}
.novedad h3{font-size:1.35rem;margin-bottom:.2rem}
.novedad p{color:var(--apagado)}

/* Servicios */
.servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem}
.servicio{padding:1.6rem;border:1px solid var(--borde);border-radius:var(--radio);background:var(--subtle)}
.servicio__icono{display:grid;place-items:center;width:52px;height:52px;margin-bottom:1rem;border:1px solid var(--borde);border-radius:8px;background:var(--elevado);font-size:1.6rem}
.servicio h3{margin-bottom:.4rem;font-size:1.45rem}
.servicio p{color:var(--apagado)}

/* Contacto */
.contacto{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start}
.form{display:grid;gap:1rem}
.form label{display:grid;gap:.3rem;font-weight:600;color:var(--fuerte)}
.form input,.form select,.form textarea{width:100%;padding:.6rem .9rem;border:1px solid var(--borde);border-radius:6px;background:var(--canvas);color:var(--texto);font:inherit}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(47,129,247,.3);outline:0}
.form .btn{justify-self:start}
.trampa{position:absolute;left:-9999px}
#form-estado{min-height:1.6em;font-weight:600;color:var(--verde)}