.arcade-footer {
        width: 100%;
        background: #050505;
        color: #00FF41;
        font-family: 'Courier New', Courier, monospace;
        border-top: 4px solid #00FF41;
        padding: 40px 0;
        position: relative;
        overflow: hidden;
    }


.service-card p {
    text-align: justify;
    hyphens: auto; /* Ayuda a cortar palabras largas de forma correcta */
    word-break: break-word; /* Evita que las palabras largas se desborden */
}

    .scanlines { position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,255,65,0.1) 50%, rgba(0,0,0,0.1) 50%); background-size: 100% 4px; pointer-events: none; }

    .footer-wrapper { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 40px; padding: 0 40px; }

    /* Alien Pixel Art (CSS puro) */
    .pixel-alien { display: inline-block; }
    .row { display: flex; }
    .p { width: 10px; height: 10px; background: #00FF41; }
    i { width: 10px; height: 10px; }
    .alien-zone { text-align: center; }
    .alien-status { font-size: 0.7rem; display: block; margin-top: 10px; }

    /* Layout */
    .footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; flex: 1; }
    .footer-col h3 { border-bottom: 2px solid #00FF41; padding-bottom: 5px; margin-bottom: 15px; }
    .footer-col ul { list-style: none; padding: 0; }
    .footer-col a { color: #00FF41; text-decoration: none; display: block; padding: 5px 0; }
    .footer-col a:hover { background: #00FF41; color: #000; }
    
    .start-btn { display: inline-block; padding: 10px; border: 2px solid #00FF41; color: #00FF41; margin-top: 10px; text-decoration: none; font-weight: bold; }
    .start-btn:hover { background: #00FF41; color: #000; }

    .blink { animation: blink 1s infinite; }
    @keyframes blink { 50% { opacity: 0; } }

    
    @media (max-width: 768px) {
    .arcade-footer {
        padding: 3rem 1rem 2rem 1rem; /* Reducimos padding lateral */
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem; /* Menos espacio entre secciones */
    }
    
    .footer-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* AJUSTE CLAVE: Reducimos letra en móviles para que quepan los textos */
    .footer-col h3 {
        font-size: 0.9rem; /* Un poco más pequeño */
        white-space: nowrap; /* Evita que el título se parta en dos líneas */
        margin-bottom: 0.8rem;
    }

    .footer-col a, 
    .footer-col p, 
    .inventory-bar span {
        font-size: 0.85rem; /* Letra un poco más chica */
    }
    
    .start-btn {
        align-self: center;
        padding: 0.6rem 1rem; /* Botón más compacto */
        font-size: 0.9rem;
    }
    
    /* Hacemos el alien un poco más pequeño para que no domine el espacio */
    .pixel-alien i, 
    .pixel-alien .p {
        width: 4px;
        height: 4px;
    }

    .alien-zone {
        margin-bottom: 1.5rem; /* Ajuste de espacio */
    }
}