.lock-screen padding: 2rem 2rem 2.5rem; text-align: center;
<script> (function(){ // ---------- CONFIGURACIÓN DE CONTRASEÑA ---------- // Cambia esta clave por la que tú quieras (mínimo 4 caracteres) const CORRECT_PASSWORD = "misueños2025"; // <-- CAMBIA AQUÍ TU CONTRASEÑA
.btn-nuevo-dia:hover background: #3f7557;
.diary-header h2 margin: 0; font-weight: 500; letter-spacing: 2px; font-size: 1.6rem; diario personal para pc con contrasena
.lock-icon font-size: 3rem; margin-bottom: 1rem;
<!-- Pantalla de bloqueo (contraseña) --> <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>
@media (max-width: 550px) .diario-body padding: 1.2rem; textarea height: 250px; </style> </head> <body> .lock-screen padding: 2rem 2rem 2.5rem
.fecha-control display: flex; gap: 12px; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap;
textarea:focus border-color: #b97f44; box-shadow: 0 0 0 2px #f3d9bf;
.btn-cerrar-sesion background: #aa6f3c;
.acciones display: flex; justify-content: flex-end; gap: 15px; margin-top: 8px;
footer font-size: 0.7rem; text-align: center; background: #f0e7da; padding: 12px; color: #6b4c2c;
