.section-hover:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    z-index: 10;
}
.section-hover {
    transition: all 0.3s ease;
}
.floating-icon {
    animation: float 3s ease-in-out infinite;
}
        /* Contenedor principal */
        .content {
            padding: 20px;
            padding-top: 80px; /* Altura del menú + margen */
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Estilos del menú fijo */
        .menu-fixed {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            z-index: 1000;
            transition: all 0.3s;
            padding: 1rem;
        }

        /* Efecto al hacer scroll */
        .menu-fixed.scroll {
            padding: 0.5rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

        /* Contenido del menú */
        .menu-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .logo {
            font-weight: 700;
            font-size: 1.2rem;
            color: #2c3e50;
        }

        .nav-links {
            list-style: none;
            display: flex;
            gap: 2rem;
        }

        .nav-links a {
            color: #34495e;
            text-decoration: none;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: #e74c3c;
        }

        .social-icons {
            display: flex;
            gap: 1rem;
        }

        .social-icons a {
            color: #34495e;
            font-size: 1.2rem;
        }
        

        /* Responsive */
        @media (max-width: 768px) {
            .menu-inner {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
            }

            .nav-links {
                flex-direction: column;
                align-items: center;
                width: 100%;
            }
        }




@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.mobile-menu.active {
    max-height: 500px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section-hover:hover {
        transform: scale(1.01); /* Less dramatic on mobile */
    }
    
    .floating-icon {
        animation: float 3s ease-in-out infinite;
    }
    
    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-5px); } /* Smaller animation on mobile */
    }
}

/* Fix logo size responsively */
.img {
    width: 45%;    /* 50% del contenedor */
    height: auto;  /* Evita deformaciones */
}