footer{
    width: 100%;
    /*margin: 0 auto;*/
    /* background-image: url('../images/footer.png'); */
    background-size: cover; /* Ajusta la imagen para que cubra todo el área */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: center; /* Centra la imagen en el área */;
   color: var(--color-primary);
    
}

.footer-text-color {

}

.footer-text-color a {
    color: inherit; /* Los enlaces tomarán el color del texto */
}

.footer-text-color i {
    color: inherit; /* Los íconos también heredarán el color */
}

.no-bullets {
    list-style-type: none; /* Elimina las viñetas */
    padding-left: 0; /* Elimina el relleno por defecto en el lado izquierdo */
    margin: 0; /* Elimina los márgenes si es necesario */
}

.key {
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 25%;  
}
    
.rrss-footer {
    color: var(--color-primary);
    font-size: 20px;
    text-align: center;
 }
 
.fa {
    color:  var(--color-primary);;
}
     
.informations {
    position: relative;
    box-sizing: border-box;
    z-index: 1;
    vertical-align: top;
    text-align: center;
    padding: 20 0 0 0;
}

    .information {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        width: 22.5%;       
        
    }

    .information p h4,
    .information p {
        text-decoration: none;
        font-weight: 900;
        font-size: 18px;
    }
    
    .information span, 
    .information li a {
        text-decoration: none;
        font-family: var(--font-primary);
        font-weight: normal;
        font-size: 14px;
        line-height: 1.5;
    }

    .information li a h3 {
        text-decoration: none;
        text-align: left;

        /*font-weight: bolder;*/
        font-size: 14px;
        line-height: 1.5;
    }

	
       		
 #copyright {
    margin: 0 Auto;
    width: 100%;
    font-size: 1.0vw;
    text-align:center;
}    
        	
#copyright-year { 
    width: 100%;
    margin: 0 auto;
	text-align: center;
	font-size: 1vw; 
}
				
.brand {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    font-size: 3.0vw;
    font-weight: 900;
}

.brand h2, .brand span {
    margin: 0 Auto;/* Elimina márgenes que puedan interferir */
    padding: 0; /* Elimina padding si es necesario */
}

.brand span {
    font-size: 0.8em; /* Ajusta el tamaño del símbolo de registro si es necesario */
    padding: 0 0 15px 0; /* Añade un pequeño margen para separar el símbolo del texto */
}
		
		
.developer {
    display: flex; /* Usar flexbox para alinear elementos */
    align-items: center; /* Centrar elementos verticalmente */
    gap: 10px; /* Espacio entre el texto y la imagen */
    background: var(--color-primary);
    color: white;
    text-align: left;
    padding: 20px;
}

.developer .agency {
    width: 60px;
    height: auto;
}



	        
@media screen and (max-width: 800px) {
		
		#content_footer{
            font-size: 4vw;
			text-decoration:none;
			}
		
		.legal { 
			position: relative;
			width: 80%;
		/*	font-size: 5vw; */
		   
			text-align: left;
			}
		
		.item, .item1, .item2 {
			width: 100%;
			padding: 0 0 0 20;
			
		}
		#copyright-year { 
		    font-size: 4vw; 
			padding: 30 0 0 0;
            }	
        
		.brand {
			width: 100%;
		    font-size: 8vw; 
		    display: flex;
			}
			
		.business {
		    padding: 0 0 20 20;
			text-align: left;
			font-size: 4vw; 
	
			}	
		.developer {
			text-align: left;
			font-size: 3.5vw; 
	        height: 20px;
			}		
		.agency {
			width: 12%;
			height: auto;
		}	


    .information {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        width: 80%;
        padding: 10 0 10 0;
        
    }

}