:root{--bg-start: #eef2f7;--bg-end: #dde5f2;--brand: #0d6efd;--brand-2: #6ea8fe;--text: #111827;--muted: #6b7280;--card-bg: rgba(255, 255, 255, .6);--blur: 12px}@media (prefers-color-scheme: dark){:root{--bg-start: #0b1020;--bg-end: #0f1629;--text: #e5e7eb;--muted: #9aa3b2;--card-bg: rgba(17, 24, 39, .55)}}html,body{height:100%;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));color:var(--text);font-family:Arial,sans-serif}.title{font-weight:800;letter-spacing:.3px;text-shadow:0 1px 0 rgba(0,0,0,.05)}.inputCiudad,.form-control{border-radius:14px!important;border:1px solid transparent!important;box-shadow:0 6px 18px #0d6efd0f;transition:box-shadow .25s ease,transform .08s ease,border-color .25s ease;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--brand),var(--brand-2)) border-box!important}.inputCiudad:focus,.form-control:focus{outline:none;border-color:transparent!important;box-shadow:0 10px 28px #0d6efd2e;transform:translateY(-1px)}.btnBuscar,.btn.btn-primary{border-radius:12px!important;font-weight:600;padding-inline:1.15rem;transition:transform .08s ease,box-shadow .25s ease,filter .25s ease;box-shadow:0 8px 20px #0d6efd38}.btnBuscar:hover,.btn.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 30px #0d6efd47}.btnBuscar:active,.btn.btn-primary:active{transform:translateY(0) scale(.99);box-shadow:0 6px 16px #0d6efd33}.card{background:var(--card-bg)!important;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid rgba(255,255,255,.28)!important;border-radius:18px!important;transition:transform .25s ease,box-shadow .25s ease;opacity:0;animation:fadeIn .35s ease forwards;text-align:center;padding:1rem}.card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0000001f}@keyframes fadeIn{to{opacity:1}}.card-title,h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.ptemperatura{font-size:1.8rem;font-weight:700;color:#fff;margin:1rem 0 .5rem}.text-capitalize{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1rem}.imgClima,.card img.img-fluid{display:block;margin:.5rem auto 0;animation:floaty 3.2s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));max-width:100px}@keyframes floaty{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}.container{max-width:860px}@media (max-width: 576px){.form-control.w-50{width:100%!important;margin-right:0!important;margin-bottom:.75rem}}