footer {
    background:#222;
    color:white;
    padding:20px;
}

.footer-contenedor {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
}

.columna {
    display:flex;
    flex-direction:column;
}

.columna h3 {
    margin-bottom:10px;
	text-align: left;
}

.columna a {
    color:#ccc;
    text-decoration:none;
    margin:4px 0;
	text-align: left;
}

.columna a:hover {
    color:white;
}

.ficon {
    display:flex;
    align-items:center;
    
}

/* Si la pantalla es menor a 768px (teléfonos y tablets verticales) */
@media (max-width: 768px) {
    .footer-contenedor {
        justify-content: left;
        margin-left: 8px;
    }
    .columna h3, .columna a {
        text-align: left;
    }
}