.top-nav-buttons{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px auto 30px;flex-wrap:wrap}.button-nav{display:inline-flex;align-items:center;justify-content:center;background-color:#b34a36;color:#fff!important;font-family:poppins,sans-serif;font-size:14px;font-weight:500;padding:10px 22px;border-radius:20px;text-decoration:none!important;box-shadow:0 4px 10px rgba(179,74,54,.15);transition:all .2s ease;border:none}.button-nav:hover{background-color:#dca73a;color:#1a1a1a!important;text-decoration:none!important;transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.1)}.box-place{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,4%);margin:0 auto 30px;width:98%;max-width:1800px;overflow:hidden;font-family:poppins,sans-serif;color:#334155;box-sizing:border-box}.place-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:15px}.place-title{display:flex;align-items:center}.place-name{font-size:24px;font-weight:700;color:#b34a36;font-family:merriweather,serif}.place-actions{display:flex;align-items:center;gap:15px}.details-link{display:flex;align-items:center;gap:8px;color:#006b8f;text-decoration:none!important;font-size:15px;font-weight:500;transition:all .2s ease}.details-link i.las{font-size:24px;color:#7cb342;transition:color .2s ease}.details-link:hover{color:#b34a36;text-decoration:none!important;transform:translateX(4px)}.details-link:hover i.las{color:#b34a36}.conditions-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:25px 20px;gap:15px}.box-map-wrapper{flex:none;width:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:flex-start}.box-map-wrapper img{border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.map-altitude{font-size:13px;color:#64748b;margin-top:10px;text-align:center;font-weight:500}.box-day{flex:none;width:170px;background-color:#fdfbf7;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,2%)}.box-day.now{width:260px;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,5%)}.box-title{background-color:#b34a36;color:#fff;padding:12px 10px;font-size:15px;font-weight:600;text-align:center}.box-day.now .box-title{background-color:#64748b}.box-content1,.box-content2{padding:15px;font-size:14px;line-height:1.7}.box-content1 img.weather-icon{float:left;margin:0 12px 5px 0;width:55px;height:55px}.wind-line{display:flex;align-items:center}.box-content2{border-top:1px solid #e2e8f0;font-style:italic;color:#64748b;text-align:center;background-color:#f8fafc;flex-grow:1}.forecast-container{display:flex;flex-direction:row;width:100%}.day-summary-card{flex:0 0 220px;background-color:#f8fafc;border-right:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box}.summary-item{font-size:13px;color:#334155;text-align:center;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-item strong{display:block;color:#b34a36;font-size:14px;margin-bottom:5px}.hourly-grid-area{flex:1;display:flex;flex-wrap:wrap;padding:20px;gap:12px;box-sizing:border-box}.box-hour{flex:1 1 180px;min-width:160px;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,3%)}.chance-list{display:flex;flex-direction:column;gap:6px;margin-top:15px;padding-top:15px;border-top:1px dashed #cbd5e1}.chance-title{font-weight:600;text-align:center;color:#64748b;margin-bottom:5px;font-size:13px}.chance-item{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.chance-item span:last-child{font-weight:600;color:#334155}@media screen and (max-width:900px){.forecast-container{flex-direction:column}.day-summary-card{flex:none;width:100%;border-right:none;border-bottom:1px solid #e2e8f0}.box-day.now{width:100%}}body.dark .button-nav{background-color:#334155;color:#fff!important}body.dark .button-nav:hover{background-color:#dca73a;color:#1a1a1a!important}body.dark .box-place{background-color:#1e293b;border-color:#334155}body.dark .place-header{background-color:#242526;border-color:#334155}body.dark .place-name{color:#dca73a}body.dark .map-altitude{color:#94a3b8}body.dark .box-day,body.dark .box-hour{background-color:#1a1a1a;border-color:#334155;color:#cbd5e1}body.dark .box-day.now{background-color:#242526;border-color:#475569}body.dark .box-title{background-color:#dca73a;color:#1a1a1a}body.dark .box-day.now .box-title{background-color:#475569;color:#fff}body.dark .box-content2{background-color:#1a1a1a;border-color:#334155;color:#94a3b8}body.dark .day-summary-card{background-color:#242526;border-color:#334155}body.dark .summary-item{color:#cbd5e1;border-color:#334155}body.dark .summary-item strong{color:#dca73a}body.dark .chance-title{color:#94a3b8}body.dark .chance-item{color:#cbd5e1}body.dark .chance-item span:last-child{color:#fff}body.dark .chance-list{border-color:#475569}.map-controls-container{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px auto 30px;flex-wrap:wrap}.control-label{font-size:15px;font-weight:600;color:#334155}.segmented-control{display:inline-flex;background-color:#f1f5f9;padding:4px;border-radius:25px;border:1px solid #e2e8f0}.segmented-control input[type=radio]{display:none}.segmented-control label{padding:8px 20px;font-size:14px;font-weight:500;color:#64748b;border-radius:20px;cursor:pointer;transition:all .2s ease;user-select:none}.segmented-control label:hover{color:#b34a36}.segmented-control input[type=radio]:checked+label{background-color:#b34a36;color:#fff;box-shadow:0 2px 8px rgba(179,74,54,.2)}.map-image{border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,6%);border:1px solid #e2e8f0;transition:opacity .3s ease}.map-instruction{color:#64748b;font-size:14px;margin-top:15px}.custom-tooltip{position:absolute;display:none;z-index:9999;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 15px;box-shadow:0 10px 25px rgba(0,0,0,.12);pointer-events:none;font-family:poppins,sans-serif;min-width:180px}.tooltip-title{font-family:merriweather,serif;font-size:15px;font-weight:700;color:#b34a36;margin-bottom:6px;border-bottom:1px solid #f1f5f9;padding-bottom:4px}.tooltip-body{font-size:13px;line-height:1.6;color:#334155}body.dark .control-label{color:#cbd5e1}body.dark .segmented-control{background-color:#1e293b;border-color:#334155}body.dark .segmented-control label{color:#94a3b8}body.dark .segmented-control label:hover{color:#dca73a}body.dark .segmented-control input[type=radio]:checked+label{background-color:#dca73a;color:#1a1a1a}body.dark .map-image{border-color:#334155}body.dark .custom-tooltip{background-color:#1e293b;border-color:#334155;color:#cbd5e1}body.dark .tooltip-title{color:#dca73a;border-bottom-color:#334155}body.dark .tooltip-body{color:#cbd5e1}