:root{background-color:#f1fefe}body{max-width:1600px;margin:0 auto;padding:0px 1rem;font-family:Poppins,sans-serif;color:#000;position:relative}body:before{content:"";display:block;width:44%;height:100%;background-color:#2e2f38;position:absolute;top:0;right:0;z-index:-2}body header{padding:36px 0}body header .title{display:flex;justify-content:space-between;align-items:baseline}body header .title nav{margin-left:153px}body header .title aside{margin-left:auto;margin-right:8%}body header .title ul{display:flex;gap:56px;list-style:none}body header .title ul a{text-decoration:none;font-weight:400;font-size:18px;color:#000}body header .title ul .link{color:#fff;font-weight:600}body header .title ul .btn{padding:11px 39px;background-color:#fa504d;color:#fff;font-weight:600}body main{display:grid;grid-template-columns:56% 44%}body main .hero{margin:80px 0 0}body main .hero .hero__header{position:relative}body main .hero .hero__header img{position:absolute;top:0;left:140px}body main .hero .hero__header h1{margin:0;font-weight:400;font-family:Belgrano,serif;font-size:72px}body main .hero .hero__header p{font-weight:400;font-family:Poppins,sans-serif;font-size:24px;color:gray}body main .hero .hero__header:before{content:"";display:block;width:83px;height:3px;background-color:#fa504d;position:absolute;top:324px;left:0}body main .hero aside{display:flex;align-items:baseline;gap:32px}body main .hero aside .link{color:#000;font-weight:600;font-size:18px}body main .hero aside .link span{position:relative;top:16px;left:6px}body main .hero aside .btn{padding:16px 90px;background-color:#fa504d;color:#fff;font-weight:600;text-decoration:none;font-size:18px}body main .articles h2{font-weight:400;font-family:Belgrano,serif;font-size:32px}body main .articles .articles{display:flex;gap:32px}body main .articles .articles article{border:1px solid grey}body main .articles .articles article img{max-width:392px;margin:8px}body main .panel{grid-column:2/3;grid-row:1/3}body main .panel img{width:574px;height:580px;z-index:-1;position:relative;top:0;left:46px}body main .panel figcaption{display:none}body main .panel .info{margin:-56px 110px 0 72px;background-color:#f1fefe;width:608px;height:235px;z-index:1}body main .panel .info .data{display:flex;justify-content:space-between;align-items:center}body main .panel .info .data .left{margin:32px;display:flex;align-items:center;width:226px}body main .panel .info .data .left img{width:63px;height:64px;left:0;z-index:2}body main .panel .info .data .left .in{display:flex;flex-direction:column;gap:12px;width:147px;height:67px}body main .panel .info .data .left .in p:nth-of-type(1){margin:0;color:gray;font-size:18px}body main .panel .info .data .left .in p:nth-of-type(2){margin:0;font-weight:600;font-size:24px;color:#000}body main .panel .info .data .right{margin:32px;display:flex;flex-direction:column;gap:12px;width:101px;height:67px}body main .panel .info .data .right p:nth-of-type(1){margin:0;color:gray;font-size:18px}body main .panel .info .data .right p:nth-of-type(2){margin:0;font-weight:600;font-size:24px;color:#000}body main .panel .info .down{margin:32px;position:relative}body main .panel .info .down .btn{padding:11px 86px;background-color:#fa504d;color:#fff;font-weight:600;text-decoration:none;font-size:18px}body main .panel .info .down .link{padding:11px 86px;background-color:#f1fefe;color:#fa504d;font-weight:600;text-decoration:none;font-size:18px}body main .panel .info .down:before{content:"";display:block;width:544px;height:1px;background-color:#000;position:absolute;top:-40px;left:0}body main .panel .last{margin:40px 110px 57px 72px;display:flex;justify-content:space-between;align-items:center;width:594px;height:48px}body main .panel .last p{display:flex;align-items:center;gap:6px;margin:0;text-decoration:none;font-weight:400;font-size:18px;color:#f1fefe}body main .panel .last p span{text-decoration:none;font-weight:600;font-size:32px;color:#fa504d}
