body {

    font-family: Arial, sans-serif;

    background: #f4f6f8;

    padding: 20px;

}

.card {

    background: white;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.08);

}

h1 {

    margin-bottom: 20px;

}

.form-grid {

    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(300px, 1fr));

    gap: 15px;

}

.campo {

    display: flex;

    flex-direction: column;

}

label {

    margin-bottom: 5px;

    font-size: 13px;

    font-weight: bold;

}

input {

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 6px;

    font-size: 14px;

}

button {

    background: #1976d2;

    color: white;

    border: none;

    padding: 12px 20px;

    border-radius: 6px;

    cursor: pointer;

    font-weight: bold;

    margin-top: 20px;

}

button:hover {

    background: #125aa0;

}

img {

    margin-top: 10px;

    max-width: 180px;

    border-radius: 6px;

    border: 1px solid #ddd;

}