.container img,.container:after{width:100%;border-radius:20px 20px 0 0}body{background-color:#151320;font-family:sans-serif}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px;grid-gap:40px}.card{background-color:#036eb7;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.18)}.container{position:relative;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.container img{display:block}.container:after{content:"";height:100%;position:absolute;top:0;left:0;opacity:.7}.details{padding:20px 10px}.details>h3{color:#fff;font-weight:600;font-size:18px;margin:10px 0 15px}.details>p{color:#a0a0a0;font-size:15px;line-height:30px;font-weight:400}.tab button,nav#tab a{font-family:var(--font-family-clean);color:#fff}div#abas .nav-meses a,nav#tab a{background:var(--blue-color-one);text-decoration:none;margin-right:1px;font-size:.9em}nav#tab a{padding:5px 12px;border:2px solid var(--blue-color-one);border-radius:5px;line-height:20px}nav#tab a.active{background:#e53935;color:#fff;border:2px solid #e53935}nav#tab a.active,nav#tab a:hover{border:2px solid var(--red-color-one);transition-duration:2s}nav#tab a:hover{background:#fff;color:var(--blue-color-one) border: 2px solid #036eb7;transition-duration:2s}@media screen and (min-width:100px) and (max-width:767px){nav#tab a{display:inline;line-height:30px;font-size:.8em!important;padding:4px 6px}}#abas{text-align:center!important}.tab{overflow:hidden;background-color:#096ee9}.tab button{background-color:inherit;float:left;border:none;outline:0;cursor:pointer;padding:8px 14px;transition:.4s;font-size:1em;border-radius:5px}.tab button.active,.tab button:hover{background-color:#e84040}.tabcontent{display:none;border-top:none}