html,body,#root{height:100%;margin:0}.home-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#89f7fe,#66a6ff);text-align:center;padding:40px;box-sizing:border-box}.home-container h1{font-size:3rem;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.3);margin-bottom:40px;font-weight:700;animation:fadeIn 1s ease-in-out}.home-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.home-buttons .btn{font-size:1rem;padding:12px 24px;border:none;border-radius:12px;background-color:#fffc;color:#333;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .2s ease,background-color .3s ease}.home-buttons .btn:hover{background-color:#fff;transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #10b981;--secondary-hover: #059669;--button-text-color: #ffffff;--button-radius: 12px;--button-padding: 12px 24px;--button-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition-fast: .25s ease}.btn{background-color:var(--primary-color);color:var(--button-text-color);padding:var(--button-padding);border:none;border-radius:var(--button-radius);box-shadow:var(--button-shadow);cursor:pointer;font-size:1rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:var(--button-text-color);padding:var(--button-padding);border:none;border-radius:var(--button-radius);box-shadow:var(--button-shadow);cursor:pointer;font-size:1rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-secondary:hover{background-color:var(--secondary-hover);transform:translateY(-2px)}.nosotros-container{min-height:100vh;padding:60px 20px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;animation:fadeIn 1.5s ease-in-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nosotros-container h1{font-size:3rem;color:#1c1c1c;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.05);font-weight:700;letter-spacing:1px}.nosotros-description{font-size:1.1rem;max-width:720px;color:#2f2f2f;line-height:1.8;background-color:#fff;padding:28px 30px;border-radius:12px;box-shadow:0 6px 20px #0000001a;margin-bottom:30px;text-align:justify}.contact-box{background-color:#f9f9f9;padding:20px 30px;border-radius:12px;box-shadow:0 4px 12px #00000014;animation:floatBox 3s ease-in-out infinite alternate;transition:transform .3s ease}@keyframes floatBox{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.contact-box p{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#1c1c1c}.contact-link{display:flex;align-items:center;gap:8px;color:#0072b1;font-weight:500;text-decoration:none;margin:6px 0;transition:all .3s ease}.contact-link:hover{color:#005691;transform:translate(4px)}.icon{width:20px;height:20px;vertical-align:middle}.sunny-container{padding:2rem;border-radius:16px;box-shadow:0 0 20px #0006;color:#1347e3;text-shadow:0 0 3px rgba(12,22,216,.7);max-width:800px;margin:2rem auto;text-align:center;background-color:#fff}.sun{position:relative;margin:0 auto 1rem;width:80px;height:80px;background:radial-gradient(circle,gold 60%,orange);border-radius:50%;box-shadow:0 0 20px 5px gold}.sun:before,.sun:after{content:"";position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(255,215,0,.5);animation:rays 2s linear infinite}.sun:after{animation-delay:1s}@keyframes rays{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.rainy-container{padding:2rem;border-radius:16px;box-shadow:0 0 20px #0006;color:#1347e3;text-shadow:0 0 3px rgba(12,22,216,.7);max-width:800px;margin:2rem auto;text-align:center;background-color:#fff}.rainy-sky{position:relative;height:120px;margin-bottom:1rem}.rainy-cloud{width:120px;height:60px;background:#cfd8dc;border-radius:50%;position:absolute;animation:floatCloud 6s ease-in-out infinite}.rainy-cloud:before,.rainy-cloud:after{content:"";position:absolute;background:#cfd8dc;border-radius:50%}.rainy-cloud:before{width:60px;height:60px;top:-30px;left:10px}.rainy-cloud:after{width:80px;height:80px;top:-20px;left:40px}.cloud-left{left:10%;top:10px}.cloud-right{right:10%;top:30px;animation-delay:3s}.raindrop{position:absolute;width:6px;height:16px;background-color:#2196f3;border-radius:3px;animation:rainDrop 1s linear infinite;opacity:0}.drop1{left:30px;animation-delay:0s}.drop2{left:70px;animation-delay:.3s}.drop3{left:20px;animation-delay:.5s}.drop4{left:80px;animation-delay:.8s}@keyframes rainDrop{0%{top:0;opacity:0}10%{opacity:1}to{top:60px;opacity:0}}.city-list{list-style:none;padding-left:0;text-align:start}.cloudy-container{padding:2rem;border-radius:16px;box-shadow:0 0 20px #0006;color:#1347e3;text-shadow:0 0 3px rgba(12,22,216,.7);max-width:800px;margin:2rem auto;text-align:center;background-color:#fff}.cloudy-sun{position:relative;margin:0 auto 1rem;width:80px;height:80px;background:radial-gradient(circle,gold 60%,orange);border-radius:50%;box-shadow:0 0 20px 5px gold;animation:none}.cloudy-sun:before,.cloudy-sun:after{content:"";position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(255,215,0,.5);animation:cloudy-rays 2s linear infinite}.cloudy-sun:after{animation-delay:1s}@keyframes cloudy-rays{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.cloudy-cloud{margin:-33px auto 2rem;width:100px;height:60px;background:#cfd8dc;border-radius:50%;position:relative;animation:floatCloud 6s ease-in-out infinite}.cloudy-cloud:before,.cloudy-cloud:after{content:"";position:absolute;background:#cfd8dc;border-radius:50%}.cloudy-cloud:before{width:60px;height:60px;top:-30px;left:10px}.cloudy-cloud:after{width:80px;height:80px;top:-20px;left:40px}@keyframes floatCloud{0%,to{transform:translate(0)}50%{transform:translate(15px)}}.sky-elements{text-align:center;margin-bottom:1rem}.city-list{list-style:none;padding-left:0;margin:0;text-align:start}.cloudy-night-container{background:#fff;color:#1d17c4;padding:2rem;border-radius:20px;box-shadow:0 0 25px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff}.sky-elements-night{position:relative;height:120px;margin-bottom:1.5rem}.cloudy-moon:after{content:"";position:absolute;width:60px;height:60px;background:#fdfdfd;border-radius:50%;left:15px;top:0}@keyframes cloud-move{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}.cloudy-moon{position:absolute;width:60px;height:60px;background:#f2b47b;border-radius:50%;left:35%;top:20px;z-index:0;overflow:hidden}.cloudy-cloud-night{width:100px;height:60px;background:linear-gradient(to right,#d4c04f,#aaa);border-radius:60% 40% 40% 60%/60% 40%;position:absolute;top:50px;left:80px;z-index:1;box-shadow:25px 0 #d4c04f,50px 0 #d4c04f;animation:cloud-move 6s ease-in-out infinite}.city-list{list-style:none;padding:0;margin:0}.city-card{background:#00000008;padding:1rem;margin-bottom:1rem;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.no-data{text-align:center;color:#555;font-size:1rem}.unknown-weather-container{text-align:center;background-color:#fff;position:relative;overflow:hidden;min-height:200px;padding:2rem;border-radius:16px;box-shadow:0 0 20px #0006;color:#1347e3;text-shadow:0 0 3px rgba(12,22,216,.7);max-width:800px;margin:2rem auto}.weather-icons-ring,h2{position:relative;width:100%;display:flex;justify-content:center;gap:1.5rem;margin:2rem auto}.weather-icon,h2{font-size:28px;animation:floatIcon 2.5s ease-in-out infinite alternate}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-6px)}}h2{font-size:2.5rem;color:#e74c3c;margin-top:-10%;margin-bottom:-26%}.fog-container{padding:2rem;border-radius:16px;box-shadow:0 0 20px #0006;color:#1347e3;text-shadow:0 0 3px rgba(12,22,216,.7);max-width:800px;margin:2rem auto;text-align:center;background-color:#fff}.fog{position:relative;height:100px;margin-bottom:1.5rem}.fog-cloud{position:absolute;width:100px;height:60px;background:#cfd8dc;border-radius:50%;animation:fogFloat 8s ease-in-out infinite}.fog-cloud:before,.fog-cloud:after{content:"";position:absolute;background:#cfd8dc;border-radius:50%}.fog-cloud:before{width:60px;height:60px;top:-20px;left:10px}.fog-cloud:after{width:80px;height:80px;top:-10px;left:40px}.cloud-a{left:10%;top:10px;animation-delay:0s}.cloud-b{left:40%;top:20px;animation-delay:2s}.cloud-c{left:70%;top:15px;animation-delay:4s}.cloud-d{left:-10%;top:5px;animation-delay:1s}@keyframes fogFloat{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(15px);opacity:.8}}.city-list{list-style:none;padding-left:0;margin:0}.weather-description{font-size:1.3rem;font-weight:700;color:#245789;text-align:center;margin-top:8px;margin-bottom:6px;background-color:#d0e6f7;padding:6px 12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-transform:capitalize}.snow-container{text-align:center;background-color:#f0f8ff;position:relative;overflow:hidden;min-height:10px;padding:2rem;border-radius:16px;box-shadow:0 0 20px #0006;color:#1347e3;text-shadow:0 0 3px rgba(12,22,216,.7);max-width:800px;margin:2rem auto}.snow-animation{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.snowflake{color:#fff;font-size:1.5rem;position:absolute;top:-10px;animation:fall linear infinite;opacity:.9}.snowflake:nth-child(1){left:5%;animation-duration:4s}.snowflake:nth-child(2){left:15%;animation-duration:5s}.snowflake:nth-child(3){left:25%;animation-duration:3.5s}.snowflake:nth-child(4){left:35%;animation-duration:4.5s}.snowflake:nth-child(5){left:45%;animation-duration:4s}.snowflake:nth-child(6){left:55%;animation-duration:5.5s}.snowflake:nth-child(7){left:65%;animation-duration:4.2s}.snowflake:nth-child(8){left:75%;animation-duration:3.8s}.snowflake:nth-child(9){left:85%;animation-duration:4.6s}.snowflake:nth-child(10){left:95%;animation-duration:5.2s}@keyframes fall{0%{top:-10px;transform:translate(0) rotate(0);opacity:.9}25%{transform:translate(-10px) rotate(-5deg)}50%{transform:translate(10px) rotate(5deg)}75%{transform:translate(-15px) rotate(-8deg)}to{top:45%;transform:translate(20px) rotate(10deg);opacity:.3}}.city-list{list-style:none;padding-left:0;margin:54% 0 0}.weather-description{font-size:1.3rem;font-weight:700;color:#2c3e50;text-align:center;margin-top:8px;margin-bottom:6px;background-color:#d0e6f7;padding:6px 12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-transform:capitalize}.weather-description,.city-header,.city-details{color:#1d17c4}.loader-container{width:250px;height:250px;padding:15px;display:flex;align-items:center;justify-content:center;position:relative}.loader-cloud{width:250px;position:relative}.loader-front{padding-top:20px;margin-left:-130px;position:absolute;z-index:11;animation:loader-clouds 8s infinite ease-in-out}.loader-back{margin-top:-60px;margin-left:60px;z-index:12;animation:loader-clouds 12s infinite ease-in-out}.loader-right-front,.loader-left-front,.loader-right-back,.loader-left-back{background-color:#4c9beb;display:inline-block;z-index:5}.loader-right-front{width:45px;height:45px;border-radius:50% 50% 50% 0%;margin-left:-25px}.loader-left-front{width:65px;height:65px;border-radius:50% 50% 0%}.loader-right-back{width:50px;height:50px;border-radius:50% 50% 50% 0%;margin-left:-20px}.loader-left-back{width:30px;height:30px;border-radius:50% 50% 0%}.loader-sun{width:120px;height:120px;background:linear-gradient(to right,#fcbb04,#fffc00);border-radius:60px;display:inline-block;position:absolute;top:50px;left:60px}.loader-sunshine{animation:loader-sunshines 2s infinite}@keyframes loader-sunshines{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes loader-clouds{0%{transform:translate(15px)}50%{transform:translate(0)}to{transform:translate(15px)}}.Clima{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#333;background-color:#f0f0f0;padding:20px;min-height:100vh;overflow:hidden}html,body{overflow:hidden;margin:0;padding:0;height:100%}