.extra-card{background:#fff;border:1px solid #e1e2e5;box-shadow:0 2px 12px #0001;margin:0 0 1.2rem;padding:1rem 1.25rem}.extra-card h2{color:#24579d;font-size:1.05rem;margin:0 0 1rem}.extra-card p{margin:.5rem 0;font-size:1rem}.extra-card small{display:block;margin-top:1rem}.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.chart-wrap{height:220px}.chart-wrap canvas{width:100%;height:100%}.button{display:inline-block;background:#2b5eaa;color:#fff;border-radius:10px;padding:.75rem 1rem;text-decoration:none;font-weight:bold}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.metrics span{font-size:.75rem;color:#777;text-transform:uppercase}.metrics strong{display:block;font-size:1.05rem;color:#404047;margin-top:.3rem}.weather-figure{display:flex;align-items:center;gap:2rem;min-height:150px}.weather-figure img{width:145px;height:145px}.weather-figure div b,.weather-figure div strong{display:block;font-size:1.8rem;color:#24579d}.weather-figure div strong{font-size:1.2rem;color:#444}@media(max-width:800px){.extra-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
.side-menu{background:#0059b2;position:fixed;top:0;left:0;height:100vh;width:6.5rem;padding:0 16px;overflow-y:auto;overflow-x:hidden}.side-menu ul li{border-bottom:1px solid #fff}.side-menu ul li a{text-decoration:none;display:block;padding:12px 0}.side-menu ul li a>img{width:100%}.side-menu .icon{display:block;text-align:center}.side-menu .icon img{width:1.5rem!important;height:1.5rem;object-fit:contain;display:inline-block;filter:brightness(0) invert(1)}.side-menu .title{color:#fff;display:block;text-align:center;font-size:11px}.cnt{padding-left:6.5rem}
.pag{background-color:#f8f9fc;min-height:100vh;font-family:"Montserrat",sans-serif}.cnt main{padding:.75rem}