main{color:var(--cinzaEscuro);font-size:12px;height:100vh;width:100%;margin-top:70px;display:flex;flex-direction:column;align-items:center;gap:25px}#tittle,span .price{font-size:30px;color:#000;font-weight:700}#text1,.namePlan{color:var(--primary-green);font-weight:600}#textPrinc{height:12%;margin-top:1.25%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}#plans{display:flex;justify-content:center;gap:32px}.plan{position:relative;display:flex;flex-direction:column;align-items:center;height:500px;width:300px;padding:26px;border-radius:10px;gap:24px;background-color:#fff;border:1px solid var(--cinzaClaro)}#plans img{position:absolute;right:0;top:1%;fill:none}.infPrice{width:100%;height:25%;display:flex;flex-direction:column;justify-content:space-between;gap:10px}#plans hr{width:100%;border:none;height:1px;background-color:var(--cinzaClaro)}#plans ul{list-style-type:none;display:flex;flex-direction:column;width:100%;gap:10px}.plan button{background-color:#fff;color:var(--primary-green);width:calc(100% - 48px);height:8%;position:absolute;bottom:0;margin:24px;border-radius:6px;border:1px solid var(--cinzaClaro);cursor:pointer}.plan button:hover{transition-duration:.2s;background-color:var(--primary-green);color:#fff}#plans span p{display:inline}footer{margin-top:50px}@media only screen and (max-width: 479px){main{font-size:14px;height:auto}#textPrinc{margin-top:3%;gap:6px}#text2{width:75vw;text-align:center}#plans{flex-direction:column}.plan{height:450px;width:90vw}#plans img{width:28%}}@media only screen and (min-width: 480px) and (max-width: 767px){main{font-size:14px;height:auto;gap:40px}#tittle,span .price{font-size:35px}#textPrinc{margin-top:3%;gap:8px}#text2{width:75vw;text-align:center}#plans{flex-direction:column;margin-bottom:100px}.plan{align-items:start;height:450px;width:90vw}#plans img{width:38%}#plans hr{width:60%}}@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait){main{font-size:16px;height:auto;gap:40px}#tittle,span .price{font-size:40px}#textPrinc{margin-top:3%;gap:10px}#plans{flex-direction:column;margin-bottom:100px}.plan{align-items:start;height:450px;width:90vw}#plans img{height:84%}#plans hr{width:60%}}@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape){#plans{gap:min(2.5vw,30px)}.plan{width:min(30vw,250px)}#plans img{width:27%}}
