Diario Personal Para Pc Con Contrasena Instant

.diary-header background: #5d3a1a; color: #f9e7c2; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px;

.btn-nuevo-dia:hover background: #3f7557;

.lock-icon font-size: 3rem; margin-bottom: 1rem;

#fechaSelector background: #f3efe6; border: 1px solid #decbae; padding: 8px 16px; border-radius: 40px; font-size: 1rem; flex: 2; min-width: 150px;

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;

footer font-size: 0.7rem; text-align: center; background: #f0e7da; padding: 12px; color: #6b4c2c;

input, textarea, button font-family: inherit; border-radius: 60px; border: none; outline: none;

.lock-header font-size: 2rem; color: #3e2a1f; margin-bottom: 0.5rem;

.btn-guardar background: #4f6d5c;

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;

.acciones display: flex; justify-content: flex-end; gap: 15px; margin-top: 8px;