.diary-header h2 margin: 0; font-weight: 500; letter-spacing: 2px; font-size: 1.6rem;
Here’s a complete, ready-to-use in HTML/CSS/JS. Save it as diario.html and open it in any browser. No internet needed.
button background: #7c5e3a; color: white; padding: 10px 24px; font-weight: bold; font-size: 1rem; cursor: pointer; transition: 0.2s; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border: none; diario personal para pc con contrasena
.acciones display: flex; justify-content: flex-end; gap: 15px; margin-top: 8px;
.btn-nuevo-dia:hover background: #3f7557; button background: #7c5e3a
textarea width: 100%; height: 320px; background: #fefaf2; border: 1px solid #e2d4c0; border-radius: 28px; padding: 20px; font-size: 1rem; line-height: 1.5; resize: vertical; font-family: 'Segoe UI', 'Cascadia Code', monospace; margin-bottom: 20px;
/* Pantalla de bloqueo / login */ .lock-screen, .diary-container background: rgba(255, 248, 235, 0.95); backdrop-filter: blur(2px); border-radius: 2rem; box-shadow: 0 25px 45px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,200,0.2); width: 100%; max-width: 700px; transition: all 0.3s ease; overflow: hidden; padding: 10px 24px
.btn-cerrar-sesion background: #aa6f3c;