footer{
position: relative;
}

.footer-text-color {
    margin: 0 auto;
    width: 60%;
    color: var(--color-primary); /* Reemplaza #333 por el color que prefieras */
    padding: 20px;
}

.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 {
    font-size: 24px;
    text-align: center;
 }
     
.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 {

    font-size: 1.0vw;
}    
        	
#copyright-year { 
	text-align: center;
	position: relative;
	width: 100%;
				
	display: inline-block ;
    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-family: var(--font-brand);
}

.brand h2, .brand span {
    margin: 0; /* 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 {
	text-align: left;
	background-color: var(--color-primary);
    color: white;
	font-family: Helvetica;
	font-size: 14px; 
	padding: 20px;
}

.agency {
	width: 4%;
	height: auto;
}	

.visual_key {
    position: absolute; 
    bottom:0px; 
    width: 200px; 
    z-index: 30;
}
	        
@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: 40px; 
		    display: flex;
			}
			
		.business {
		    padding: 0 0 20 20;
			text-align: left;
			font-size: 4vw; 
	
			}	

	.agency {
			width: 12%;*/
			height: auto;*/
		}	


    .information {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        width: 80%;
        padding: 10 0 10 0;
        
    }
    
    .visual_key {
    position: absolute; 
    bottom: 0px;
    left: 40%;
    width: 200px; 
    z-index: 30;
}

}