body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333; }
header { background:#4CAF50; color:white; text-align:center; padding:2rem; }
section { max-width:800px; margin:2rem auto; padding:1rem; background:white; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
h2 { color:#4CAF50; }
form { display:grid; gap:1rem; }
label { font-weight:bold; }
input, button { padding:0.8rem; font-size:1rem; border:1px solid #ccc; border-radius:4px; }
button { background:#4CAF50; color:white; border:none; cursor:pointer; }
button:hover { background:#45a049; }
#mensaje, #mensajeAgenda { margin-top:1rem; padding:1rem; border-radius:4px; }
.success { background:#d4edda; color:#155724; }
.error { background:#f8d7da; color:#721c24; }
footer { text-align:center; padding:1rem; background:#eee; }
@media (max-width:600px) { section { margin:1rem; padding:1rem; } }