/* ----------------- */
/* footer styles */
/* ----------------- */
footer {
    width: 100%;
    min-height: 300px;
    background: var(--green);
    color: var(--white);
    align-items: center;
    padding: 50px 50px;
    border-top: 2px solid var(--white_variation);
}

footer .items-flow{
	display: flex;
    gap: 15px;
}

/* En móviles: flex-flow (columna + wrap) */
@media (max-width: 767px) {
  footer .items-flow {
    flex-flow: column wrap;
  }
}

.adress_nav, .copyright_icons { 
    display: flex;
    width: 95%;
    max-width: 1240px;
    align-items: center;
    justify-content: space-between; 
    margin: auto;
}

.copyright_icons {
    margin-top: 40px;
}

.adress {
    display: flex;
    align-items: center;
    gap: 20px;
}

.adress img { width: 30px; }

.adress span { width: 500px; }

footer .menu {
    display: flex;
    gap: 20px;
}

footer .menu li a { 
    display: inline-block; 
    position: relative;
    padding: 5px 5px; 
    color: var(--white_variation);
    font-weight: lighter; 
    overflow: hidden;    
    transition: color .3s ease;
}

footer .menu li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--white_variation);
    transform-origin: right;
    transform: scaleX(0); /* Comienza oculta */
    transition: transform 0.3s ease; /* Transición para expandir la línea */
}

footer .menu li a:hover {
    font-weight: 600;
}

footer .menu li a:hover::before {
    transform: scaleX(1); /* Expande la línea de izquierda a derecha */
    transform-origin: left;
}

/* Estilo del enlace activo */
footer .menu li.current-menu-item > a,
footer .menu li.current-page-ancestor > a,
footer .menu li.current-page-parent > a {
    font-weight: bold; /* Aplica negrita */
    color: var(--white_variation); /* Cambia el color del texto */
}

/* Desactivar pseudo-elementos en los enlaces activos */
footer .menu li.current-menu-item > a::before,
footer .menu li.current-page-ancestor > a::before,
footer .menu li.current-page-parent > a::before {
    content: ''; /* Asegura que el pseudo-elemento exista */
    width: 0;    /* Oculta la línea */
    height: 0;   /* Oculta completamente el pseudo-elemento */
    transition: none; /* Desactiva las transiciones */
}

.contact__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.copyright {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.copyright {
    align-items: end;
}

.contact__info a {
    color: var(--white)
}

.copyright li { 
    display: flex; 
    align-items: center;
    gap: 20px;
}

.copyright li img {
    width: auto;
    height: 70px;
    object-fit: cover;
    filter: brightness(0) invert(1);
} 

.contact__info .icons_text p {
    margin-bottom: 20px;
}

.contact__info .icons_text .footer__icons { 
    display: flex;
    gap: 30px; 
}

.contact__info .icons_text .footer__icons li img { height: 40px; }
.contact__info li img { height: auto; width: 30px; }
.contact__info li,
.contact__info li a { 
    display: flex;
    gap: 10px; 
    align-items: center;
}

.contact__info li a {
    /* display: inline-block;  */
    position: relative;
    padding: 5px 5px; 
    overflow: hidden;
}


.contact__info li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--white);
    transform-origin: right;
    transform: scaleX(0); /* Comienza oculta */
    transition: transform 0.3s ease; /* Transición para expandir la línea */
}

.contact__info li a:hover::before {
    transform: scaleX(1); /* Expande la línea de izquierda a derecha */
    transform-origin: left;
}

footer img.emoji {
    filter: brightness(10);
    font-size: 25px;
}