/**
 * Footer
 * Footer con logo vertical, copyright y certificación
 */

/* ===================================
   Footer principal
   =================================== */

.idea-footer {
	width: 100%;
	padding: 40px 0;
	background-color: var(--idea-bg-color);
}

.idea-footer__container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: 40px;
	align-items: center;
}

/* ===================================
   Logo IDEA vertical
   =================================== */

.idea-footer__logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.idea-footer__logo img {
	height: 80px;
	width: auto;
}

/* ===================================
   Copyright y enlaces legales
   =================================== */

.idea-footer__center {
	text-align: center;
}

.idea-footer__copyright {
	font-family: var(--idea-font-body);
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--idea-naranja-color);
	margin: 0;
}

.idea-footer__copyright a {
	color: var(--idea-naranja-color);
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.idea-footer__copyright a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

/* Menú legal */
.footer-legal-nav {
	display: inline;
	margin-left: 5px;
}

.footer-legal-menu {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-legal-menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

.footer-legal-menu li::before {
	content: ", ";
	margin: 0 2px;
}

.footer-legal-menu li:first-child::before {
	content: "";
	margin: 0;
}

.footer-legal-menu li:last-child::after {
	content: ".";
}

.footer-legal-menu a {
	color: var(--idea-naranja-color);
	text-decoration: none;
	transition: opacity 0.3s ease;
	font-size: 0.875rem;
	font-family: var(--idea-font-body);
}

.footer-legal-menu a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

/* ===================================
   Contacto en Footer
   =================================== */

.idea-footer__contacto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem; /* Más espacio */
 
}

.contacto-item {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-family: var(--idea-font-body);
    font-size: 1rem;
    font-weight: 500;
    color: var(--idea-naranja-color);
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.contacto-item:hover {
    opacity: 0.7;
}

.contacto-item__icono {
    width: 20px;
    height: 20px;
    /* Filtro para convertir SVG negro a naranja */
    filter: invert(40%) sepia(88%) saturate(3500%) hue-rotate(345deg) brightness(90%) contrast(95%);
}


/* ===================================
   Logo certificación EFR
   =================================== */

.idea-footer__certificacion {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.idea-footer__certificacion img {
	height: 60px;
	width: auto;
}

/* ===================================
   Responsive
   =================================== */

/* Tablets */
@media (max-width: 992px) {
	.idea-footer__container {
		grid-template-columns: 1fr;
		gap: 30px;
		text-align: center;
	}

	.idea-footer__logo {
		justify-content: center;
	}

	.idea-footer__logo img {
		height: 70px;
	}

	.idea-footer__certificacion {
		justify-content: center;
	}

	.idea-footer__certificacion img {
		height: 50px;
	}

	.idea-footer__contacto {
		margin: 0 0 2rem 0;
	}
}

/* Móviles */
@media (max-width: 576px) {
	.idea-footer {
		padding: 30px 0;
	}

	.idea-footer__container {
		padding: 0 20px;
		gap: 20px;
	}

	.idea-footer__logo img {
		height: 60px;
	}

	.idea-footer__copyright {
		font-size: 0.75rem;
	}

	.idea-footer__contacto {
		flex-direction: column;
		gap: 1rem;
		margin: 0 20px 1.5rem 20px;
	}

	.idea-footer__certificacion img {
		height: 45px;
	}
}