@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.app{background-image:url(/assets/fondo-app-clima-Bc9f1y-N.jpg);min-height:100vh;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.card{width:100%;max-width:400px;background-color:#fffc;padding:2em 1.5em;border-radius:.8em}.card__title{text-align:center;font-weight:500;font-size:1.7em;margin-bottom:.2em}.card__country{font-size:1em;font-weight:400;text-align:center;margin-bottom:1em}.card__body{display:grid;grid-template-columns:3fr 4fr;align-items:center;margin-bottom:2em}.card__image{width:100%}.info{display:grid;gap:1em}.info__title{font-size:1em;text-align:center;font-weight:500}.info__title:after,.info__title:before{content:'"'}.info__list{display:grid;gap:.5em}.info__item{font-size:.9em;display:grid;grid-template-columns:3fr 2fr}.info__label{color:#555}.info__value{font-weight:500}.card__temp{text-align:center;margin-bottom:1em;font-weight:500}.card__btn{display:block;margin-left:auto;margin-right:auto;font-size:1em;background-color:#71b6d6;color:#fff;padding:.6em 2em;border-radius:1em}.card__btn:hover{filter:brightness(1.2)}@media screen and (min-width: 1000px){.card{font-size:1.2rem}}*{box-sizing:border-box}html{font-family:Barlow,sans-serif}body{margin:0}h1,h2,h3,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}img{display:block}button{font-family:inherit;border:none;cursor:pointer}