.footer {
    clear: both;
    background: var(--blau, #003366); /* Default color if variable is undefined */
    color: var(--blanc);
    display: flex;
    flex-direction: column;
    padding: 3.5rem 3rem;
}

.footerLogo {
	height: 5rem;
}

.footer a {
	color: var(--blanc);
	text-decoration: none;
	cursor: pointer;
}

/*	ESTRUCTURA FOOTER */

.fila.superior{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.columna {
    flex: 1;
    min-width: calc(250px + 6rem); /* Ensures columns stack on small screens */;
    max-width: calc(350px + 6rem);
    padding: 0 6rem;
    
}

.columna.logo {
	width: 100%;
}

.columna.dreta img {
    height: 1.5rem;
}

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

.columna.dreta {
	text-align: right;
}

.columna.dreta a {
	font-size: 2rem;
	font-weight: 600;
}

.titolInfoFooter1 {
	font-size: 1rem;
    font-weight: 400;
    margin-top: 1.5rem;
    text-align: left;
}

.titolInfoFooter2 {
	font-size: 1rem;
    font-weight: 400;
    margin-top: 0.4rem;
    text-align: right;
}

.teleDiv{
    display:flex;gap:0.5rem;justify-content:right;
}

.itemContainerInfoXarxes {
    margin-top: 0;
}


.fila.inferior {
    text-align: center;
    padding-top: 1.5rem;
    font-size: 0.9rem;

}

/* FI ESTRUCTURA FOOTER */

.fila.inferior a {
    color: var(--blanc);
    text-decoration: none;
    margin: 0 0.5rem;
}

.fila.inferior a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1035px) {
	.columna {padding: 0}
}

@media screen and (max-width: 619px) {
	.columna {text-align: center}
	.titolInfoFooter1 {text-align: center}
	.contXarxes {justify-content: center !important;}
	.titolInfoFooter2 {text-align: center;}
	.columna.dreta{text-align: center;}
	.teleDiv{justify-content:center;}
}