/* housider-alertas.css - minimal clean form */
.ri-form-container { max-width: 900px; margin: 20px auto; padding: 16px; background:#fff; border:1px solid #e5e5e5; border-radius:8px; }
.ri-form h3 { margin-top: 24px; font-size: 18px; border-bottom: 1px solid #eee; padding-bottom: 6px; }
.ri-form label { display:block; font-weight:600; margin:10px 0 6px; }
.ri-form input[type="text"],
.ri-form input[type="number"],
.ri-form input[type="email"],
.ri-form input[type="url"],
.ri-form select,
.ri-form textarea { width:100%; padding:10px; border:1px solid #ccc; border-radius:6px; }
.ri-btn { margin-top: 16px; padding:10px 16px; background:#198754; color:#fff; border:none; border-radius:8px; cursor:pointer; }
.ri-btn:hover { opacity:.9; }
.ri-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ri-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.ri-alert { padding:10px 12px; border-radius:6px; margin-bottom:12px; }
.ri-alert-success { background:#e7f7ef; color:#0f5132; border:1px solid #badbcc; }
.ri-alert-error { background:#fde2e1; color:#842029; border:1px solid #f5c2c7; }
@media (max-width: 720px){
  .ri-grid-2, .ri-grid-3 { grid-template-columns:1fr; }
}