.purpose-showcase{position:relative;isolation:isolate;overflow:hidden;background:#c31629 url('./mision-vision-fondo.jpg') center/cover no-repeat;color:#fff;padding:40px 0 56px}
.purpose-showcase__content{position:relative;z-index:1}
.purpose-showcase__heading{margin:0 0 30px 18px}
.purpose-showcase__heading .eyebrow{color:#ffcf5b;margin-bottom:14px;font-size:11px;letter-spacing:.18em}
.purpose-showcase__heading .eyebrow>span{background:#ffcf5b}
.purpose-showcase__heading h2{font-size:clamp(34px,3.1vw,48px);line-height:1.14;letter-spacing:-.035em}
.purpose-showcase__heading em{color:#ffd34e}
.purpose-showcase__growth{position:absolute;right:1.5%;top:0;height:100%;width:28%;min-width:280px;pointer-events:none;z-index:0}
.purpose-showcase__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.purpose-card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#fff 65%,#fcf7f7);color:var(--ink);border:2px solid #fff;border-radius:21px;box-shadow:0 9px 0 #f96b7b66,0 17px 0 #a3172b4d,0 24px 35px #7e071f35;transition:transform .32s cubic-bezier(.2,.7,.25,1),box-shadow .32s}
.purpose-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(138deg,transparent 80%,#f5eded6b 80%,transparent 100%);pointer-events:none}
.purpose-card__header{position:relative;display:flex;align-items:center;gap:24px;min-height:112px;padding:18px 22px 18px 163px}
.purpose-card__number{position:absolute;left:-2px;top:6px;bottom:8px;width:132px;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#b5152a,#d51b2d);color:#fff;font-size:49px;font-weight:800;line-height:1;letter-spacing:-.07em;border-radius:20px 34px 26px 0;clip-path:polygon(0 0,83% 0,100% 78%,100% 100%,0 100%);filter:drop-shadow(0 8px 7px #bd1a2b33)}
.purpose-card__header h3{position:relative;font-size:27px;letter-spacing:-.035em;line-height:1.18;padding-bottom:13px}
.purpose-card__header h3:after{content:'';position:absolute;left:0;bottom:0;width:54px;height:3px;background:#ffca48;border-radius:3px}
.purpose-card__symbol{display:grid;place-items:center;width:80px;height:80px;border:2px solid #fbdfe3;border-radius:50%;background:#fcedef;flex-shrink:0;margin-left:auto;color:#cf1930}
.purpose-card__symbol svg{width:43px;height:43px}
.purpose-card__body{position:relative;border-top:1px solid #e9e8e7;padding:20px 28px 0 58px}
.purpose-card__body p{position:relative;font-size:13px;line-height:1.5;color:#68777f;margin:0;padding-bottom:18px;letter-spacing:-.012em}
.purpose-card__body p+p{padding-top:17px;border-top:1px solid #ece7e7}
.purpose-card__body p:before{content:'';position:absolute;left:-25px;top:6px;width:9px;height:9px;background:#d92135;border-radius:50%}
.purpose-card__body p+p:before{top:23px}
.purpose-card__body p:after{content:'';position:absolute;left:-21px;top:25px;bottom:15px;width:2px;background:#e3e2e2}
.purpose-card__body p+p:after{top:42px}
.purpose-card__footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding:0 26px 22px 28px}
.purpose-card__caption{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:43px;padding:9px 20px;border-radius:28px;background:#fcebed;color:#d51c31;font-size:12px;line-height:1.3;font-weight:800}
.purpose-card__caption svg{width:23px;height:23px;flex-shrink:0}
.purpose-card__arrow{width:56px;height:56px;border-radius:50%;background:#fff;color:#cf1930;display:grid;place-items:center;box-shadow:0 5px 13px #be192728;flex-shrink:0}
.purpose-card__arrow .icon{width:29px;height:29px;stroke-width:2.7;transition:transform .3s}
.purpose-card__open{position:absolute;inset:0;z-index:2;display:block;width:100%;border:0;border-radius:19px;background:transparent;cursor:pointer}
.purpose-card__open:focus-visible{outline:4px solid #ffdc62;outline-offset:7px}
.purpose-card:focus-within{transform:translateY(-8px);box-shadow:0 9px 0 #f96b7b66,0 17px 0 #a3172b4d,0 28px 38px #7e071f50}
@media(hover:hover) and (pointer:fine){.purpose-card:hover{transform:translateY(-10px);box-shadow:0 9px 0 #f96b7b66,0 17px 0 #a3172b4d,0 30px 40px #7e071f55}.purpose-card:hover .purpose-card__arrow .icon{transform:translateX(4px)}}
.purpose-dialog{width:min(780px,calc(100% - 36px));max-height:calc(100dvh - 48px);padding:42px;border:2px solid #fff;border-radius:26px;background:linear-gradient(135deg,#fff,#fff9f9);box-shadow:0 30px 100px #42061655;color:var(--ink);overflow:auto;overscroll-behavior:contain}
.purpose-dialog::backdrop{background:#420617b8;backdrop-filter:blur(7px)}
.purpose-dialog[open]{animation:purpose-dialog-enter .35s cubic-bezier(.18,.8,.25,1) both}
.purpose-dialog__close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fbe9ec;color:#c82032}
.purpose-dialog__close:hover{background:#f5d6dd}
.purpose-dialog__header{position:relative;padding:0 60px 25px 0;border-bottom:1px solid #eadfe1;margin-bottom:25px}
.purpose-dialog__number{display:block;color:#c82032;font-size:16px;line-height:1;font-weight:800;margin-bottom:15px}
.purpose-dialog__header h2{font-size:38px;line-height:1.18}
.purpose-dialog__symbol{position:absolute;right:0;bottom:25px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fcebed;color:#cf1930}
.purpose-dialog__symbol svg{width:33px;height:33px}
.purpose-dialog__body p{font-size:17px;line-height:1.9;color:#52636b;margin:0 0 24px}
.purpose-dialog__body p:last-child{margin-bottom:0}
.purpose-word{display:inline-block;white-space:pre;animation:purpose-word-enter .38s cubic-bezier(.18,.75,.2,1) var(--word-delay,0ms) both}
@keyframes purpose-word-enter{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes purpose-dialog-enter{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1700px){.purpose-showcase{padding:40px 0 60px}.purpose-showcase__content{width:min(1280px,calc(100% - 112px))}.purpose-card__body p{font-size:14px}}
@media(min-width:1021px) and (max-width:1250px){.purpose-card__header{padding-left:135px;gap:12px}.purpose-card__number{width:112px;font-size:44px}.purpose-card__header h3{font-size:24px}.purpose-card__symbol{width:65px;height:65px}.purpose-card__symbol svg{width:37px;height:37px}.purpose-card__body{padding-inline:48px 23px}.purpose-card__caption{font-size:11px;padding-inline:14px}.purpose-card__footer{padding-inline:22px}}
@media(max-width:1020px){.purpose-showcase{padding:50px 0 58px;background-position:25% center}.purpose-showcase__grid{grid-template-columns:1fr;gap:36px;max-width:680px;margin-inline:auto}.purpose-showcase__heading{max-width:680px;margin:0 auto 32px}.purpose-showcase__heading h2{font-size:40px}.purpose-card__body p{font-size:15px}.purpose-showcase__growth{right:0;width:45%;opacity:.75}}
@media(max-width:600px){.purpose-showcase__content{width:calc(100% - 36px)}.purpose-showcase{padding:38px 0 48px;background-position:14% center}.purpose-showcase__heading .eyebrow{font-size:9px;letter-spacing:.12em}.purpose-showcase__heading h2{font-size:32px;line-height:1.17}.purpose-card{border-radius:18px}.purpose-card__header{min-height:102px;padding:16px 15px 16px 108px;gap:10px}.purpose-card__number{width:89px;font-size:37px;top:5px;bottom:9px;border-radius:16px 25px 22px 0}.purpose-card__header h3{font-size:22px;padding-bottom:10px}.purpose-card__header h3:after{width:38px}.purpose-card__symbol{width:49px;height:49px}.purpose-card__symbol svg{width:29px;height:29px}.purpose-card__body{padding:19px 21px 0 43px}.purpose-card__body p{font-size:13px;line-height:1.65;padding-bottom:17px}.purpose-card__body p:before{left:-20px;width:8px;height:8px}.purpose-card__body p:after{left:-17px}.purpose-card__footer{padding:2px 18px 19px;gap:8px}.purpose-card__caption{font-size:10px;gap:8px;padding:8px 12px;min-height:38px}.purpose-card__caption svg{width:20px;height:20px}.purpose-card__arrow{width:44px;height:44px}.purpose-card__arrow .icon{width:24px;height:24px}.purpose-dialog{padding:28px 23px;max-height:calc(100dvh - 32px);width:calc(100% - 28px);border-radius:20px}.purpose-dialog__header{padding:14px 38px 22px 0}.purpose-dialog__header h2{font-size:30px}.purpose-dialog__symbol{width:43px;height:43px;bottom:22px}.purpose-dialog__symbol svg{width:28px;height:28px}.purpose-dialog__body p{font-size:15px;line-height:1.85}.purpose-dialog__close{top:10px;right:10px}}
@media(max-width:360px){.purpose-card__header{padding-left:91px;padding-right:11px;gap:7px}.purpose-card__number{width:76px;font-size:33px}.purpose-card__header h3{font-size:20px}.purpose-card__symbol{width:43px;height:43px}.purpose-card__symbol svg{width:25px;height:25px}.purpose-card__caption{font-size:9px;padding-inline:9px}.purpose-showcase__heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.purpose-card,.purpose-card__arrow .icon{transition:none}.purpose-card:hover,.purpose-card:focus-within{transform:none}.purpose-word,.purpose-dialog[open]{animation:none;filter:none;opacity:1;transform:none}}