Diario Personal Para Pc Con Contrasena Apr 2026

.btn-nuevo-dia background: #2c553c;

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

.password-input background: #f0ede8; border: 1px solid #d6c8b5; padding: 12px 20px; width: 80%; font-size: 1rem; text-align: center; margin: 20px 0 12px; border-radius: 60px; transition: 0.2s;

.btn-nuevo-dia:hover background: #3f7557; diario personal para pc con contrasena

<div id="lockScreen" class="lock-screen"> <div class="lock-icon">📔🔒</div> <h2>Diario Personal</h2> <p style="color:#5d4a32;">Protegido con contraseña</p> <input type="password" id="passwordInput" class="password-input" placeholder="Contraseña" autocomplete="off"> <br> <button id="unlockBtn">🔓 Desbloquear</button> <div id="loginError" class="error-msg" style="display: none;">⚠️ Contraseña incorrecta</div> <div style="margin-top: 25px; font-size: 0.75rem; color:#a07d58;">🔐 Solo tú tienes acceso</div> </div>

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

.error-msg color: #c23b22; background: #ffe6e2; padding: 8px; border-radius: 40px; margin-top: 12px; font-size: 0.85rem; display: inline-block; .btn-nuevo-dia background: #2c553c

.password-input:focus border-color: #b97f44; box-shadow: 0 0 0 2px #e9bc8f; background: white;

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;

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

@media (max-width: 550px) .diario-body padding: 1.2rem; textarea height: 250px; </style> </head> <body>

button:hover background: #9b754b; transform: scale(0.97);

Diario Personal Para Pc Con Contrasena Apr 2026

Keep In Touch