.casos-exito{padding:3.125vw 0;position:relative}.casos-exito .intro{width:100%;max-width:41.6666666667vw}.casos-exito .title{color:#18355e}.casos-exito .title+.desc{margin-top:1.0416666667vw}.casos-exito .desc{color:#495057}.casos-exito .casos{display:flex;justify-content:space-between;gap:1.0416666667vw;margin-top:1.6666666667vw}.casos-exito .casos .card--exito{position:relative;width:9.1666666667vw;height:44.2708333333vw;padding:3.125vw;border-radius:1.0416666667vw;color:#fff;overflow:hidden;transition:width .5s ease-in-out}.casos-exito .casos .card--exito:hover{cursor:pointer}.casos-exito .casos .card--exito .background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.casos-exito .casos .card--exito .background::after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:#18355e;opacity:.5;transition:background .5s ease-in-out}.casos-exito .casos .card--exito .text{z-index:1;display:flex;justify-content:space-between;flex-direction:column;height:100%}.casos-exito .casos .card--exito .text .title{width:-moz-fit-content;width:fit-content;transform-origin:left bottom;rotate:-90deg;white-space:nowrap;position:absolute;left:50%;transition:rotate .4s linear;color:#fff;bottom:4.1666666667vw;transform:translateY(50%)}.casos-exito .casos .card--exito .text .title+.desc{margin-top:2.0833333333vw}.casos-exito .casos .card--exito .icon{width:3.125vw;height:3.125vw;position:relative;z-index:1;-o-object-fit:contain;object-fit:contain}.casos-exito .casos .card--exito .desc{color:#fff;transform:translateX(200%);opacity:0;transition:transform .4s linear,opacity .4s linear}.casos-exito .casos .card--exito.active{width:40.1041666667vw;padding-left:2.6041666667vw;padding-right:2.0833333333vw}.casos-exito .casos .card--exito.active .background::after{background:linear-gradient(270deg, #9ed7f1 0.12%, rgba(24, 53, 94, 0.5) 32.11%, #022659 70.63%);mix-blend-mode:multiply;opacity:.8}.casos-exito .casos .card--exito.active .text{width:100%;max-width:calc(40.1041666667vw - 4.6875vw)}.casos-exito .casos .card--exito.active .title{rotate:0deg;position:relative;bottom:initial !important;left:0;transform:none}.casos-exito .casos .card--exito.active .desc{width:100%;opacity:1;transform:translateX(0);font-size:99%}@media screen and (min-width: 769px){.casos-exito .casos.lg .card--exito .icon{width:5.2083333333vw;height:5.2083333333vw}.casos-exito .casos.lg .card--exito:not(.active) .icon{position:absolute;top:3.125vw;left:50%;transform:translateX(-50%)}}@media screen and (max-width: 768px){.casos-exito{padding:15.3846153846vw 0}.casos-exito .intro{max-width:initial}.casos-exito .title+.desc{margin-top:5.1282051282vw}.casos-exito .desc{color:#495057}.casos-exito .casos{gap:5.1282051282vw;margin-top:8.2051282051vw;flex-direction:column}.casos-exito .casos .card--exito{position:relative;width:100%;height:auto;max-height:33.3333333333vw;padding:5.1282051282vw;border-radius:2.5641025641vw;transition:max-height .5s linear}.casos-exito .casos .card--exito .text .icon{margin-bottom:4.1025641026vw;width:7.6923076923vw;height:7.6923076923vw}.casos-exito .casos .card--exito .text .title{transform-origin:initial;rotate:initial;white-space:initial;position:relative;right:0;bottom:initial !important;left:initial;transform:none;font-size:6.6666666667vw}.casos-exito .casos .card--exito .text .title+.desc{margin-top:6.1538461538vw}.casos-exito .casos .card--exito .text .desc{display:none}.casos-exito .casos .card--exito.active{width:100%;max-height:307.6923076923vw;padding-left:5.1282051282vw;padding-right:5.1282051282vw}.casos-exito .casos .card--exito.active .text{max-width:initial}.casos-exito .casos .card--exito.active .text .icon{margin-bottom:8.2051282051vw}.casos-exito .casos .card--exito.active .text .desc{display:block}}