/* Centrar placeholder y texto en inputs */
input::placeholder {
    text-align: center !important;
}

input {
    text-align: center !important;
}

/* Ajustar botón para look premium */
button, .button {
    display: block;
    margin: 20px auto;
    background-color: #C86B4A; /* Terracota SOMA */
    color: #fff;
    padding: 14px 28px;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}

button:hover, .button:hover {
    background-color: #B05B3F; /* Terracota más oscura al hover */
}