/* Correcciones de alineación móvil */

/* Ajustes para la sección de Servicios */
.service-section {
    width: 100%;
    overflow: hidden;
}

.section-title {
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
}

/* Ajustes para los iconos flotantes */
.floating-icons {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    margin: 2rem 0;
}

.tech-icon {
    text-align: center;
    margin: 0 10px;
}

/* Media queries específicas */
@media (max-width: 768px) {
    .hero-content h1 {
        text-align: center;
        width: 100%;
    }
    
    .hero-content p {
        text-align: center;
        width: 100%;
    }
    
    .service-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 480px) {
    .logo-container {
        margin-bottom: 1rem;
    }
    
    .tagline {
        text-align: center;
        width: 100%;
    }
    
    .floating-icons {
        margin: 1rem 0;
    }
    
    .tech-icon {
        margin: 8px;
    }
    
    /* Ajuste crítico para textos */
    h1, h2, h3, p {
        max-width: 100%;
        overflow-wrap: break-word;
    }
}