/* Aplicamos estilos con mayor prioridad en NAV */
nav #social-icons {
	display: flex !important;
	gap: 5px !important;
	align-items: center !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

/* Estilos para los botones */
nav #social-icons a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 5px !important;
    border: 3px solid #007f37 !important;
    background-color: #007f37 !important;
    padding: 5px !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
}

/* Ajuste del tamaño de los iconos */
nav #social-icons img {
    width: 30px !important;
    height: 30px !important;
}

/* Efecto hover */
nav #social-icons a:hover {
    transform: scale(1.1) !important;
    filter: brightness(1.2) !important;
}