header{padding:var(--ppk-padding-m);display:flex;flex-wrap:wrap;width:100svw;justify-content:space-between;align-items:center;align-content:center;height:20svh;min-width:350px}.logo{width:70px;height:50px;border-radius:30px;position:relative;left:2%}.lupa{font-size:40px;position:relative;left:-30px}.userarea{display:flex}.usercontainer{display:flex;gap:40px}.user{font-size:40px}.mainheder{display:flex;justify-content:space-around;width:90svw;height:10svh;align-items:center;min-width:350px}.buttons>button:first-child{background-color:#000;width:80px;height:40px;color:#fff;border-radius:30px}.buttons>button:nth-child(2){background-color:transparent;width:80px;height:40px;color:#000;border-radius:30px}.buttons>button:nth-child(3){background-color:transparent;width:80px;height:40px;color:#000;border-radius:30px}.buttons{display:flex;gap:var(--ppk-gap-m)}.searchdiv{display:flex;background-color:#d6d4d4;width:600px;border-radius:30px;justify-content:space-around;align-items:center}.inputsearch{width:300px;height:30px;position:relative;top:-8px;border-radius:30px;border:none;text-align:center}.inputsearch:hover::placeholder{opacity:0}.buscar{width:80px;border-radius:30px;height:30px;background-color:red;position:relative;top:-8px;border:none}.menu{display:none}@media (max-width: 1300px){.menu{display:block}.userarea{display:none}}@media (max-width: 1153px){.logo{position:relative;left:50%}}@media (max-width: 1000px){.lupa{display:none}.inputsearch{top:0;height:40px}.buscar{top:0}}@media (max-width: 826px){.searchdiv{position:absolute;top:190px;width:450px;left:15%}header{height:25svh}.mainheder{height:18svh}}@media (max-width: 581px){.searchdiv{position:absolute;top:190px;width:450px;left:5%}}@media (max-width: 513px){.searchdiv{width:340px;min-width:340px}.inputsearch{width:60%}}@media (max-width: 430px){.buttons>button:nth-child(2){display:none}header{height:30svh}.mainheder{height:20svh}.searchdiv{top:90px}.buttons,.menu{position:relative;top:30px}}@media (max-width: 400px){.searchdiv{top:80px}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}body{overflow-x:hidden}:root{--ppk-padding-s: 10px;--ppk-padding-m: 20px;--ppk-padding-l: 30px;--ppk-padding-xl: 40px;--ppk-margin-s: 10px;--ppk-margin-m: 20px;--ppk-margin-l: 30px;--ppk-margin-xl: 40px;--ppk-gap-xs: 10px;--ppk-gap-s: 20px;--ppk-gap-m: 30px;--ppk-gap-l: 40px;--ppk-gap-xl: 50px}.sections{margin-top:50px;width:100svw;justify-content:center;display:flex;flex-wrap:wrap;position:relative;top:5svh;left:0;gap:var(--ppk-gap-l);padding:var(--ppk-padding-l);min-width:350px;margin:var(--ppk-margin-m)}.articleimg{width:400px;height:fit-content;display:flex;flex-direction:column;position:relative;gap:var(--ppk-gap-m);align-items:center;justify-content:center}.articleimg img{width:300px;height:fit-content;border-radius:30px}.name{text-align:center;font-size:20px!important;padding:var(--ppk-padding-l)}.lovebutton{background:transparent;border:none;font-size:50px;outline:none;color:gray;position:absolute;left:250px;top:80px;width:50px}.lovebutton i:hover{cursor:pointer}.download{background-color:transparent;border:wheat;font-size:50px;position:absolute;left:80px;top:80px;width:62px}@media (max-width: 429px){.lovebutton{left:200px}}.classfooter{display:flex;width:100svw;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--ppk-gap-l);background-color:#dbdbf8;height:150px;margin-top:50px}.footimage{width:100svw;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--ppk-gap-l)}span{width:40px;font-size:40px}