.bloc-comptes{width:100%;padding:48px}@media(max-width: 768px){.bloc-comptes{padding:16px}}.bloc-comptes .wrapper{display:flex;flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;position:relative}.bloc-comptes .wrapper .head{display:flex;flex-direction:column;gap:12px;text-align:center}@media(max-width: 768px){.bloc-comptes .wrapper .head{text-align:left}}.bloc-comptes .wrapper .head .title{margin:0;color:var(--font-color-primary);font-size:var(--h2-size)}.bloc-comptes .wrapper .head .title .esp{display:block}@media(max-width: 768px){.bloc-comptes .wrapper .head .title .esp{display:inline}}.bloc-comptes .wrapper .head .subTitle{color:var(--font-color-secondary);font-size:18px;margin:0}.bloc-comptes .wrapper .content .cards-container{display:flex;flex-direction:column;gap:24px}@media all and (min-width: 768px){.bloc-comptes .wrapper .content .cards-container{flex-direction:row}}@media(min-width: 768px)and (max-width: 1024px){.bloc-comptes .wrapper .content .cards-container{flex-wrap:wrap}}@-webkit-keyframes cardShadow{from{box-shadow:none;transform:translateY(40px) scale(0.9)}to{box-shadow:0px 8px 24px 0px rgba(0,0,0,.25);transform:translateY(0) scale(1)}}@keyframes cardShadow{from{box-shadow:none;transform:translateY(40px) scale(0.9)}to{box-shadow:0px 8px 24px 0px rgba(0,0,0,.25);transform:translateY(0) scale(1)}}.bloc-comptes .wrapper .content .cards-container .card{text-decoration:none;border-radius:12px;border:1px solid #999;box-shadow:0px 8px 24px 0px rgba(0,0,0,.25);position:relative;flex:1}@media(min-width: 768px)and (max-width: 1024px){.bloc-comptes .wrapper .content .cards-container .card{flex:calc(50% - 24px)}}@media all and (min-width: 768px){.bloc-comptes .wrapper .content .cards-container .card{-webkit-animation:none;animation:none}}.bloc-comptes .wrapper .content .cards-container .card.gradient{background:linear-gradient(145deg, rgba(186, 214, 6, 0.5) -19.67%, rgba(186, 214, 6, 0) 59.41%),#fff;transition:transform .8s,box-shadow .4s}@media(prefers-color-scheme: dark){.bloc-comptes .wrapper .content .cards-container .card.gradient{background:linear-gradient(145deg, rgba(186, 214, 6, 0.5) -19.67%, rgba(186, 214, 6, 0) 59.41%),var(--bg-tertiary)}}.bloc-comptes .wrapper .content .cards-container .card.gradient:hover{transform:translateY(-5px);box-shadow:0px 8px 16px 13px rgba(0,0,0,.08) !important}.bloc-comptes .wrapper .content .cards-container .card .wrapper{display:flex;padding:24px;flex-direction:column;gap:12px;height:100%}.bloc-comptes .wrapper .content .cards-container .card .wrapper .promo{display:flex;justify-content:center;align-items:center;position:absolute;top:10px;right:9px;border-radius:8px;border-right:1px solid #333;border-bottom:1px solid #333;background:#bad606;z-index:1}.bloc-comptes .wrapper .content .cards-container .card .wrapper .promo .content{padding:4px 8px;font-weight:700;color:#1f2111}.bloc-comptes .wrapper .content .cards-container .card .wrapper .img-container{flex:1}.bloc-comptes .wrapper .content .cards-container .card .wrapper .img-container img{width:100%;height:114px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4784313725))}.bloc-comptes .wrapper .content .cards-container .card .wrapper .infos{display:flex;flex-direction:column;gap:12px;flex:1}.bloc-comptes .wrapper .content .cards-container .card .wrapper .infos h3{margin:0;color:var(--font-color-primary);font-size:18px;font-style:normal;font-weight:700;line-height:26px}.bloc-comptes .wrapper .content .cards-container .card .wrapper .infos p{margin:0;color:var(--font-color-secondary);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.bloc-comptes .wrapper .content .cards-container .card .wrapper a{text-align:center;position:static;color:var(--font-color-primary);margin:0;width:100%}.bloc-comptes .wrapper .content .cards-container .card .wrapper a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}@media(prefers-color-scheme: dark){.bloc-comptes .wrapper .content .cards-container .card .wrapper a{border:1px solid #fff;background-color:#fff;color:#000}}