:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff}body{margin:0}.container{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;background-color:#fff;width:100%;box-sizing:border-box}.logo{height:40px;width:auto;max-width:100%;cursor:pointer;flex-shrink:0}.center-content{display:flex;justify-content:center;align-items:center;flex:1}.right-content{display:flex;align-items:center;gap:15px;flex-shrink:0}.msg{color:#081ff6;font-weight:bolder;margin:0}.btn-cerrar{background:transparent;color:#dc3545;border:2px solid #dc3545;padding:10px 15px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .5s ease;position:relative;overflow:hidden;white-space:nowrap}.btn-cerrar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#dc3545;transition:all .5s ease;z-index:-1}.btn-cerrar:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.btn-cerrar:hover:before{left:0}.content-login{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#375eff,#14269b)}header{flex-shrink:0}main{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px;box-sizing:border-box}.content-login main>div{width:100%;max-width:400px}.form{background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 15px 35px #0000001a;width:100%}.form label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;letter-spacing:.5px}.form input{width:100%;padding:14px 16px;margin-bottom:24px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:#f8fafc}.form input:focus{outline:none;border-color:#010349;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.form input:hover{border-color:#d9daff;background-color:#d9daff}.form input::placeholder{color:#7c7ffd}@media (max-width: 480px){main{padding:20px 15px}.form{padding:30px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form{animation:fadeInUp .6s ease-out}.content{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#0d22c6,#0c145a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;margin-top:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-msg{color:#e63946;background:#ffe5e5;border:1px solid #e63946;padding:8px 12px;margin-top:12px;border-radius:6px;font-size:14px;text-align:center;animation:fadeIn .3s ease-in-out}.register-link{display:block;color:#2d3748;text-decoration:none;font-size:.9rem}.register-link:hover{cursor:pointer;text-decoration:underline}.form input::placeholder{color:#a3a7c2;letter-spacing:.3px;transition:all .3s ease;opacity:.8}.form input:focus::placeholder{color:#c8cae8;transform:translate(4px);opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.content{background:linear-gradient(135deg,#e8edf2,#f9fbfc);min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif}.main-container{display:flex;flex-direction:column;flex:1;position:relative}.selector-top-left{position:absolute;top:25px;left:25px;z-index:20}.habitacion-selector{background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:14px;box-shadow:0 4px 30px #0000001a;display:flex;align-items:center;gap:15px}.habitacion-selector label{font-weight:600;color:#1c1c1c;font-size:15px}.habitacion-selector select{width:210px;padding:10px 14px;border-radius:10px;border:1px solid #d8d8d8;outline:none;font-size:15px;background-color:#ffffffc4;transition:all .25s;cursor:pointer}.habitacion-selector select:hover{border-color:#9dbef6}.habitacion-selector select:focus{border-color:#4a90e2;box-shadow:0 0 8px #4a90e259;background-color:#fff}.main-content{margin:auto;width:90%;max-width:1200px;display:flex;justify-content:center;align-items:center}.habitacion-container{width:100%;max-width:900px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:50px;border-radius:22px;box-shadow:0 10px 40px #0000001f;text-align:center}.habitacion-container h2{font-size:36px;font-weight:700;margin-bottom:12px;color:#2c3e50}.habitacion-container p{font-size:20px;margin-bottom:25px;color:#4a4a4a}.svg-container{margin:25px auto;padding:20px;background:#fff;border-radius:18px;box-shadow:0 3px 18px #0000001f;max-width:600px}.detalle-btn{background:linear-gradient(135deg,#4a90e2,#0951d6);color:#fff;padding:16px 35px;font-size:18px;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .25s ease}.detalle-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000040}.detalle-btn:active{transform:translateY(0);box-shadow:0 4px 12px #0003}.no-habitacion{padding:50px;background:#ffffffd9;border-radius:18px;border:2px dashed #d3d3d3;text-align:center;font-size:22px;color:#666;width:100%}.alerta-temp{color:#d62828;background:#ffdada;padding:12px 20px;border-radius:10px;font-size:18px;display:inline-block;margin-bottom:20px}@media (max-width: 768px){.selector-top-left{position:relative;margin-bottom:20px;display:flex;justify-content:center}.habitacion-container{padding:30px}.svg-container{padding:15px}}.notfound{background-color:#dedcd6;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;min-height:100vh;display:flex;flex-direction:column}.notfound main{padding:20px}.notfound main h1{color:#081ff6}.dashboard-content{color:#000!important}.dashboard-wrapper{width:95%;margin:0 auto;padding:20px}.filters{display:flex;gap:10px;margin:15px 0}.filter-btn{padding:8px 16px;border:none;background:#ddd;border-radius:6px;cursor:pointer;transition:background .3s}.filter-btn.active{background:#007bff;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.stat-card{text-align:center;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0000001a;padding:10px}.stat-value{font-size:1.8rem;font-weight:700;color:#007bff}.predicciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.btn-predicciones{background:linear-gradient(135deg,#ff7f0e,#ff9d4d);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-predicciones:hover:not(:disabled){background:linear-gradient(135deg,#e67300,#ff8c1a);transform:translateY(-2px)}.btn-predicciones:disabled{background:#ccc;cursor:not-allowed;transform:none}.predicciones-info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ff7f0e}.predicciones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.prediccion-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.pred-time{font-weight:600;color:#495057}.pred-temp{color:#ff7f0e;font-weight:700}.pred-rh{color:#6c757d;font-size:.9em}.custom-tooltip{background:#fff;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a}.tooltip-label{font-weight:700;margin-bottom:5px}.tooltip-value{font-weight:600;margin:2px 0}.tooltip-detail{font-size:.85em;color:#666;margin:2px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}