body { font-family: sans-serif; padding: 20px; }
form { display: flex; gap: 5px; margin-bottom: 20px; }
input { padding: 5px; }
button { padding: 5px 10px; cursor: pointer; }

#portfolio { max-width: 500px; margin: auto; }
.profit { font-weight: bold; }
.profit.negative { color: red; }
.profit.positive { color: green; }
.profit.neutral { color: gray; }
.asset {
    display: flex;
    justify-content: space-between;
    align-items: center;  /* centra verticalmente */
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 8px;
    background-color: #f9f9f9;
    flex-wrap: wrap;  /* permite que se adapte a pantallas pequeñas */
}

.asset div {  /* cada bloque de info */
    flex: 1 1 120px;  /* ocupa mínimo 120px, pero se ajusta */
    margin: 2px 5px;
}