:root{--color-1:#fff;--color-2:#000;--color-3:#a4dbe8;--color-4:#bde9c9;--color-5:#decde7;--color-6:#f8e08e;--color-7:#f4f4f4;--color-8:#595959;--color-9:#dadada;--color-10:#268095;--color-11:#e8f6f9;--header-height:8rem;--color-background:var(--color-1);--color-text:var(--color-2);--color-btn-background:var(--color-2);--color-btn-text:var(--color-1);--space:4rem;--fluid:62.5%;--pattern-1:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.5 13" style="enable-background:new 0 0 6.5 13" xml:space="preserve"><circle cx="1.1" cy="11.9" r="1.1"/><circle cx="4.3" cy="5.4" r="1.1"/></svg>');--pattern-2:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.5 13' style='enable-background:new 0 0 6.5 13' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:gray}%3C/style%3E%3Ccircle class='st0' cx='4.3' cy='5.4' r='1.1'/%3E%3Ccircle class='st0' cx='1.1' cy='11.9' r='1.1'/%3E%3C/svg%3E");--pattern:var(--pattern-1);--transition:cubic-bezier(1,0,0,1);--transition-2:cubic-bezier(.215,.61,.355,1);--grid-max:100vw;--grid-gap:2rem;--grid-rgap:2rem;--grid-ext:1.5rem;--font:"IBMPlexSans","Arial";--prestafont:"Prestafont","Arial"}@media (min-width:576px){:root{--space:6rem;--header-height:8.5rem;--grid-rgap:2.5rem}}@media (min-width:768px){:root{--space:8rem;--grid-ext:3rem}}@media (min-width:1025px){:root{--space:9rem;--grid-max:160rem;--grid-gap:3rem;--grid-rgap:4.5rem;--grid-ext:6rem}}@media (min-width:1200px){:root{--space:10rem;--grid-ext:8rem}}@media (min-width:1600px){:root{--grid-ext:10.5rem}}.card-article{--ratio:56.41026%}.card-article .placeholder{background-color:var(--color-3);margin-bottom:1.5rem;padding-top:var(--ratio);position:relative}.card-article .placeholder img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s var(--transition-2);width:60%}.card-article picture{margin-bottom:1.5rem;overflow:hidden;padding-top:var(--ratio);position:relative}.card-article picture img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .8s var(--transition-2);width:100%}.card-article a{display:block}.card-article .content{--grid-rgap:1.5rem;border-left:.1rem solid var(--color-2);padding-left:2rem}.card-article .content p{margin-top:3rem}.card-article .content>div{margin-bottom:1.5rem}.card-article .content>div .tag{margin-bottom:.25rem}.card-article .content>div .tag:hover{color:var(--color-10)}.card-article .content>div .infos{display:flex;flex-wrap:wrap}.card-article .content>div .infos>:not(:last-child){padding-right:1.8rem;position:relative}.card-article .content>div .infos>:not(:last-child):after{background-color:var(--color-8);border-radius:1rem;content:"";height:.4rem;position:absolute;right:.7rem;top:.8rem;width:.4rem}.card-article .content .title{transition:color .3s var(--transition-2)}.card-article.small .content{border-bottom:.1rem solid var(--color-9);padding-bottom:1.5rem;padding-top:3rem}.card-article.small .content>div{margin-bottom:.8rem}.card-article.small.picture .content{padding-top:0}.card-article.small:hover .content{background-color:#0000000d}.card-article:hover picture img{transform:scale(1.1)}.card-article:hover .placeholder img{transform:translate(-50%,-50%) scale(1.1)}.card-article:hover .title{color:var(--color-10)}