.header{display:flex;padding:1em 1.5em;justify-content:space-between}.hero{text-align:center;padding-bottom:5em;background:var(--Lightgray)}.hero .copy{margin-bottom:2.5em}.hero__image{height:300px;margin:0 calc(-1 * var(--Wrapperspace));background:url("../images/image-mockups.png") center bottom no-repeat,url("../images/bg-intro-mobile.svg") center no-repeat;background-size:345px,cover;margin-bottom:1.2em}@media screen and (min-width: 768px){.hero{text-align:left;background:url("../images/bg-intro-desktop.svg") left 650px top -290px no-repeat;background-size:cover;min-height:550px;box-sizing:border-box}.hero__content{border:1px solid red;display:grid;align-items:center;min-height:550px;grid-template-areas:"description image";grid-template-columns:480px 1fr;position:relative}.hero__description{border:1px solid green}.hero__image{grid-area:image;min-height:inherit;border:1px solid purple;position:absolute;width:500px;left:0;height:768px;background:url("../images/image-mockups.png") left bottom no-repeat;background-size:cover}}@media screen and (min-width: 1024){.hero__content{position:static}.hero__image{background:url("../images/image-mockups.png") right -100px bottom no-repeat;width:730px;left:initial;right:0;top:initial}}.menu{width:40px;background:url("/static/images/icon-hamburger.svg") no-repeat center}.why{text-align:center;background:var(--Gray);padding:5em 0}.why .copy{margin-bottom:4em;font-size:1em}.why__item .copy{margin-bottom:2em}.why__item img{marging-bottom:1.5em}.latestarticles{padding-top:5em 0;background:var(--Lightgray)}.latestarticles .title__h1{text-align:center}.latestarticles .title__h3{text-align:left}.latestarticles__grid{display:grid;grid-row-gap:2em}.latestarticles__item{border-radius:.5em;overflow:hidden;background:var(--White)}.latestarticles__item-content{padding:1.8em}.latestarticles__item .copy{color:var(--Grayblue)}.latestarticles__item small{color:var(--Grayblue);margin-bottom:1em;display:block}.latestarticles__item img{width:100%;object-fit:cover;display:block}.footer{background:var(--Darkblue);color:var(--White);padding:2em 0;text-align:center}.footer img{display:block;margin:auto;margin-bottom:2em}.footer__link{display:block;color:var(--gray);text-decoration:none;margin-bottom:2em}.footer__social{display:grid;grid-template-columns:repeat(5, 25px);grid-column-gap:1em;justify-content:center;margin-bottom:2.5em 0}.footer__copyright{color:var(--Grayblue);margin-top:2.5em}:root{--Darkblue: hsl(233, 26%, 24%);--Limegreen: hsl(136, 65%, 51%);--Rightcyan: hsl(192, 70%, 51%) ;--Grayblue: hsl(233, 8%, 62%);--Gray: hsl(220, 16%, 96%);--Lightgray: hsl(0, 0%, 98%);--White: hsl(0, 0%, 100%);--Wrapperspace: 1.5em;font-size:16px}body{font-family:"Public Sans",sans-serif;margin:0;color:var(--Grayblue)}.copy{line-height:1.7;font-size:.9em}.is-hidden{display:none}.wrapper{padding:0 var(--Wrapperspace);max-width:1115px;margin:auto}.title__h1{font-size:2.5em;color:var(--darkblue);font-weight:300;line-height:1.3;margin:0;margin-bottom:.5em}.title__h2{font-size:2.5em;color:var(--darkblue);font-weight:300;line-height:1.3;margin:0;margin-bottom:.5em;font-size:1.5em}.title__h3{font-size:2.5em;color:var(--darkblue);font-weight:300;line-height:1.3;margin:0;margin-bottom:.5em;font-size:1em;border:1px solid red}.button{padding:.9em 2em;font-size:1.1em;border-radius:1.4em;color:var(--White);background-image:linear-gradient(to right, var(--Limegreen) 0%, var(--Rightcyan) 100%)}.icon__facebook{width:25px;height:25px;display:inline-flex;background-repeat:no-repeat;background-image:url("../images/icon-facebook.svg")}.icon__youtube{width:25px;height:25px;display:inline-flex;background-repeat:no-repeat;background-image:url("../images/icon-youtube.svg")}.icon__twitter{width:25px;height:25px;display:inline-flex;background-repeat:no-repeat;background-image:url("../images/icon-twitter.svg")}.icon__pinterest{width:25px;height:25px;display:inline-flex;background-repeat:no-repeat;background-image:url("../images/icon-pinterest.svg")}.icon__instagram{width:25px;height:25px;display:inline-flex;background-repeat:no-repeat;background-image:url("../images/icon-instagram.svg")}/*# sourceMappingURL=estilos.css.map */
