/* ===== TABLET ===== */
@media (max-width: 900px) {
    .hero__title { font-size: 2.2rem; }
    .hero__container { grid-template-columns: 1fr; text-align: center; }
    .hero__buttons { justify-content: center; }
    .hero__3d { height: 300px; }
}

/* ===== MÓVIL ===== */
@media (max-width: 700px) {
    .header__nav {
        position: fixed;
        top: 65px;
        right: -100%;
        width: 250px;
        height: calc(100vh - 65px);
        background: var(--blanco);
        flex-direction: column;
        padding: 30px;
        gap: 20px;
        box-shadow: -4px 0 20px rgba(0,0,0,0.1);
        transition: right 0.3s ease;
    }

    .header__nav.active { right: 0; }

    .header__menu { display: flex; }

    .hero { padding: 100px 0 40px; }
    .hero__title { font-size: 1.8rem; }
    .hero__subtitle { font-size: 1rem; }
    .hero__3d { height: 250px; }

    .section__title { font-size: 1.5rem; }

    .juego__canvas { height: 320px; }
    .juego__hud { padding: 10px 15px; font-size: 0.9rem; }

    .servicios { padding: 50px 0; }
    .contacto { padding: 50px 0; }
}

/* ===== MÓVIL PEQUEÑO ===== */
@media (max-width: 400px) {
    .hero__title { font-size: 1.5rem; }
    .btn { padding: 10px 20px; font-size: 0.9rem; }
    .hero__buttons { flex-direction: column; }
    .hero__buttons .btn { width: 100%; text-align: center; }
}