button {

	height: 30px;
	width: 30px;

	border: 0;
	border-radius: 0.5em;
	outline: none;

	margin-inline: 2px;

	color: var(--colorSecundario);

	border: 1px solid var(--colorSecundario);
	background: 0;

}

button:hover {
	transform: scale(1.05);
}

@media (min-width: 768px){


    
    .flex-alineado{

        display:flex;
        justify-content:space-evenly;
        align-items: center;
    }
}

input {
	margin-inline: 3px;

	background-color: transparent;
	color: var(--colorFuenteSecundario);

	height: 30px;
	width: 80%;

	border: 0;
	border-bottom: solid 1px #c5c5c5;

	outline: none;
}

#inputNuevosClimas {

	display: flex;
	justify-content: space-evenly;
	align-items: flex-end;
	border: 0;
}