.sleep-calc-container { background: #ffffff; padding: 25px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 30px; }
.sleep-section { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.sleep-section:last-child { border-bottom: none; }
.sleep-title { color: #2c3e50; font-size: 22px; margin-bottom: 15px; font-weight: 700; text-align: center; }
.input-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; }
input[type="time"] { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 6px; font-size: 16px; box-sizing: border-box; }
button { background-color: #5d5fef; color: white; border: none; padding: 12px 20px; border-radius: 6px; cursor: pointer; font-size: 16px; width: 100%; font-weight: bold; transition: background 0.3s; margin-top: 10px; }
button:hover { background-color: #4749d4; }
.result-box { margin-top: 20px; padding: 15px; border-radius: 8px; background-color: #f0f4ff; display: none; }
.time-badge { display: inline-block; background: #5d5fef; color: white; padding: 5px 12px; border-radius: 20px; margin: 5px; font-weight: bold; }
.cycle-info { font-size: 14px; color: #666; margin-top: 5px; }
h2, h3 { color: #2c3e50; }
.info-article { margin-top: 40px; }
function calculateBedtime() {
var wakeTimeVal = document.getElementById("wakeTime").value;
if (!wakeTimeVal) return;
var timeParts = wakeTimeVal.split(":");
var hour = parseInt(timeParts[0]);
var minute = parseInt(timeParts[1]);
var date = new Date();
date.setHours(hour);
date.setMinutes(minute);
date.setSeconds(0);
var bedtimeList = document.getElementById("bedtimeList");
bedtimeList.innerHTML = "";
// Calculamos para 6, 5 y 4 ciclos de sueño (90 min cada uno) + 15 min para dormirse
var cycles = [6, 5, 4];
for (var i = 0; i < cycles.length; i++) {
var totalMinutesToSubtract = (cycles[i] * 90) + 15;
var tempDate = new Date(date.getTime() – totalMinutesToSubtract * 60000);
var h = tempDate.getHours().toString().padStart(2, '0');
var m = tempDate.getMinutes().toString().padStart(2, '0');
var div = document.createElement("div");
div.innerHTML = "
";
bedtimeList.appendChild(div);
}
document.getElementById("bedtimeResults").style.display = "block";
}
function calculateWakeUpNow() {
var now = new Date();
var wakeList = document.getElementById("wakeList");
wakeList.innerHTML = "";
// Calculamos tiempos para despertar tras 6, 5 o 4 ciclos
var cycles = [4, 5, 6];
for (var i = 0; i < cycles.length; i++) {
var totalMinutesToAdd = (cycles[i] * 90) + 15;
var tempDate = new Date(now.getTime() + totalMinutesToAdd * 60000);
var h = tempDate.getHours().toString().padStart(2, '0');
var m = tempDate.getMinutes().toString().padStart(2, '0');
var div = document.createElement("div");
div.innerHTML = "
";
wakeList.appendChild(div);
}
document.getElementById("wakeResults").style.display = "block";
}
¿Cómo funciona el cálculo del ciclo de sueño?
Dormir bien no se trata solo de la cantidad de horas, sino de completar los ciclos biológicos necesarios. El cerebro humano pasa por varias etapas de sueño durante la noche, y un ciclo completo suele durar aproximadamente 90 minutos.
La regla de los 90 minutos
Si te despiertas en medio de un ciclo (especialmente durante el sueño profundo), es probable que experimentes lo que se conoce como "inercia del sueño", sintiéndote aturdido, cansado y de mal humor, incluso si has dormido muchas horas. Por el contrario, si te despiertas justo al final de un ciclo, te sentirás mucho más alerta y renovado.
Cómo usar esta calculadora
Nuestra herramienta utiliza dos métodos para ayudarte a optimizar tu descanso:
- Hora de despertar fija: Si sabes que tu alarma suena a las 7:00 AM, la calculadora retrocede en el tiempo en bloques de 90 minutos y añade 15 minutos adicionales (el tiempo promedio que tarda una persona en quedarse dormida) para decirte a qué hora exacta debes cerrar los ojos.
- Ir a dormir ahora: Si estás listo para acostarte, la calculadora proyecta hacia adelante los momentos ideales para despertar sin interrumpir un ciclo profundo.
Ejemplos prácticos
Imagina que necesitas estar despierto a las 06:30 AM:
- 6 Ciclos (9 horas): Deberías dormirte a las 21:15 PM.
- 5 Ciclos (7.5 horas): Deberías dormirte a las 22:45 PM (Ideal para la mayoría de adultos).
- 4 Ciclos (6 horas): Deberías dormirte a las 00:15 AM (Mínimo recomendado).
Consejos para un mejor descanso
Además de calcular tus ciclos, recuerda mantener una higiene del sueño adecuada: evita las pantallas de luz azul (móviles, tablets) al menos 30 minutos antes de dormir, mantén tu habitación a una temperatura fresca y evita la cafeína por la tarde. El cuerpo humano prospera con la consistencia, por lo que intentar despertar a la misma hora todos los días reforzará tu ritmo circadiano.