:root{--font-main: "Montserrat", sans-serif}html{font-size:62.5%}video::-webkit-media-controls{display:none!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:linear-gradient(to bottom,#aab7c2,#5d99c6);height:100vh;display:flex;align-items:center;justify-content:center}.video-container{position:relative;width:100%;height:100vh;overflow:hidden}.video-container{display:flex;align-items:center;justify-content:center}.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.container{position:relative;z-index:1;color:#fff;width:90%;max-width:1100px;height:60rem;display:flex;overflow:hidden;margin:0 auto;box-shadow:0 1rem 2rem #0003}#video-fondo{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:1;transition:opacity 1s ease}.weather-main,.weather-sidebar{flex:1;padding:3rem}.weather-main{position:relative;flex:1;overflow:hidden}.branding{font-size:1.5rem;font-weight:700}.temperature-info{display:flex;gap:3rem;position:absolute;bottom:9rem;left:4rem;color:#fff;font-size:3rem}.location-info{font-size:2rem;font-weight:600}.date{font-weight:300}.weather-sidebar{width:35%;max-width:400px;padding:3rem;background-color:#05090d59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:4rem}.search-bar input{width:100%;padding:1rem 1.5rem;font-size:1.6rem;border:none;background:transparent;color:#fff;outline:none;transition:border-color .3s ease;border-radius:.5rem}.search-bar input::placeholder{color:#ffffff80}.search-bar input:focus{border-color:#fff}.city-list{list-style:none;display:flex;flex-direction:column;gap:3rem;font-weight:300;font-size:1.2rem}.weather-details{display:flex;flex-direction:column;gap:2rem;color:#fffc}.weather-details,.info{font-weight:300;font-size:1.2rem}.detail{display:flex;justify-content:space-between;font-weight:600}@media (max-width: 900px){.container{flex-direction:column-reverse;height:auto;max-height:none;box-shadow:0 1rem 2rem #0003}.weather-main,.weather-sidebar{width:100%;max-width:none;padding:2rem}.temperature-info{flex-direction:column;align-items:flex-start;gap:1.5rem;font-size:2.2rem;position:static;padding:2rem 0}.location-info{font-size:1.6rem}.weather-sidebar{gap:2rem}.search-bar input{font-size:1.4rem}}@media (max-width: 600px){html{font-size:55%}body{height:auto}.container{box-shadow:none;border-radius:0;width:100%;height:auto;max-height:none;overflow-y:auto;flex-direction:column-reverse}.temperature-info{font-size:3rem}.weather-sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#05090d59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem}.city-list li{font-size:1.2rem}.detail{flex-direction:column;align-items:flex-start;gap:.5rem}}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}