footer{
	position: relative;
	margin-top: 4em;
	/* padding:2% 0; */
	width:100%;
	background-color:#e8e3cd;
}
.content-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Permite que los elementos se envuelvan en pantallas más pequeñas */
    
}

.footer-item {
    flex: 1; /* Hace que cada elemento ocupe el mismo espacio */
    min-width: 200px; /* Anchura mínima para los elementos */
    margin: 10px; /* Espacio entre los elementos */
}

#logofooter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


@media (max-width: 768px) {
    .content-footer {
        flex-direction: column; /* Cambia a disposición vertical en pantallas más pequeñas */
        align-items: flex-start; /* Alinea a la izquierda */
    }

    .footer-item {
        width: 100%; /* Cada elemento ocupa el 100% del ancho */
        margin: 5px 0; /* Espacio vertical entre elementos */
    }
}


footer b{
	font-size: 12px;
}

#logofooter img {
    max-width: 200px; /* Ajusta este valor según lo necesites */
	min-width: 200px;
    width: 100%;      /* Se ajusta al contenedor */
    height: auto;     /* Mantiene la proporción */
}



/*---------------Fin Contenido----------*/
@media (min-width:1200px){
}
/*---------------fin escritorio----------*/


/*---------------inicio portatil--------------*/
@media (max-width: 1199px) and (min-width: 992px){
	footer{
		margin-top: 2em;
		padding:2% 0;
		width:100%;
		background-color:#e8e3cd;
	}

	#logofooter img{
		width: 15%;
	}
}
/*---------------fin portatil------------*/


/*---------------tableta--------------*/
@media (max-width:991px) and (min-width: 768px){
	footer{
		margin-top: 2em;
		padding:2% 0;
		width:100%;
		background-color:#e8e3cd;
	}

	#logofooter img{
		width: 25%;
	}
}
/*-------------fin tableta--------------*/


/*---------------telefono--------------*/
@media (max-width: 767px){
	footer{
		margin-top: 2em;
		padding:5% 0;
		width:100%;
		background-color:#e8e3cd;
	}

	#logofooter img{
		width: 30%;
	}
}


@media (max-width: 500px){
	footer{
		margin-top: 2em;
		padding:5% 0;
		width:100%;
		background-color:#e8e3cd;
	}

	#logofooter img{
		width: 40%;
	}
}
/*-------------fin telefono------------*/