.full_width{position:relative;overflow:hidden;width:100%;min-height:calc(100dvh - 72px);display:flex;align-items:center;justify-content:center;padding:24px 20px;box-sizing:border-box;background:linear-gradient(180deg,#f3ecfb,#faf7fd 60%,#fff)}.full_width__glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.full_width__glow--a{width:520px;height:520px;left:-160px;top:-200px;background:#bb96ea73}.full_width__glow--b{width:460px;height:460px;right:-140px;bottom:-220px;background:#d5bff380}.main{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;max-width:1400px;height:calc(100dvh - 130px);max-height:860px;min-height:640px;padding:8px;box-sizing:border-box;border-radius:32px;background:#fff;border:1px solid var(--color-200);box-shadow:0 50px 90px -50px #35155680}.main__squared{display:flex;flex-direction:row;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#fff}.main__squared__left{width:100%;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(50% 40% at 0% 0%,rgba(213,191,243,.45) 0%,transparent 70%),#fff}.main__squared__right{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:28px;box-sizing:border-box;transition:background .5s ease;background:radial-gradient(60% 60% at 100% 0%,rgba(213,191,243,.55) 0%,transparent 70%),linear-gradient(160deg,#f7f3fd,#ede4f9)}.main__squared__right:before,.main__squared__right:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25);pointer-events:none}.main__squared__right:before{width:420px;height:420px;right:-140px;top:-140px;border-color:#753cb41f}.main__squared__right:after{width:300px;height:300px;left:-120px;bottom:-120px;border-color:#753cb414}.img_cont{position:relative;z-index:1;width:100%;height:100%;max-width:560px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:26px;box-shadow:0 40px 70px -35px #3515568c}.img_cont img{width:100%;height:100%;object-fit:cover;display:block}.img_cont__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,8,40,.75) 0%,rgba(20,8,40,.05) 45%,transparent 100%);pointer-events:none}.img_cont__chip{position:absolute;top:22px;left:22px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffffd9;border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-950);font-size:var(--fs-sm);font-weight:700}.img_cont__chip__dot{width:8px;height:8px;border-radius:50%;background:var(--color-500);animation:obPulse 2s ease-out infinite}.img_cont__glass_effect{position:absolute;left:22px;right:22px;bottom:22px;z-index:5;padding:20px 22px;border-radius:18px;background:#ffffff24;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:#fff;text-align:left;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.35);pointer-events:none}.img_cont__glass_effect p{margin:0;font-size:var(--fs-base);font-weight:500;color:#fff}.content{height:100%;display:flex;justify-content:center;flex-direction:column;width:90%;padding:20px 10px;box-sizing:border-box}.content__eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-bottom:14px;padding:6px 12px;border-radius:999px;background:var(--color-50);border:1px solid var(--color-200);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-700)}.content__grad{background:linear-gradient(90deg,var(--color-500),var(--color-800));-webkit-background-clip:text;background-clip:text;color:transparent}.content__top{display:flex;flex-direction:column;justify-content:center}.content__top h1{font-size:clamp(26px,2.8vw,38px);line-height:1.12;letter-spacing:-.02em;font-weight:700;margin:0 0 10px;color:var(--color-950)}.content__top p{margin:0;color:#351556b3;font-weight:500;font-size:clamp(14px,1.4vw,16px);line-height:1.6;max-width:62ch}.content__options{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:22px;gap:10px}.content__options>p:first-child{margin:0 0 4px;font-size:var(--fs-sm);font-weight:700;letter-spacing:.02em;color:var(--color-800)}.content__note{margin:6px 0 0;font-size:var(--fs-sm);font-weight:500;color:#351556a6}.content__note a{color:var(--color-600);font-weight:700;text-decoration:underline;text-underline-offset:3px}.cards{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:4px;margin:0 -4px}.card{--a: #9d67dd;--b: #753cb4;position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:112px;padding:14px 16px 14px 14px;box-sizing:border-box;border-radius:20px;border:1.5px solid var(--color-200);background:#fff;cursor:pointer;user-select:none;color:inherit;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.card--2{--a: #753cb4;--b: #522c77}.card--3{--a: #9a9db0;--b: #6b6f85}.card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--a),var(--b));transform:scaleY(0);transition:transform .3s ease}.card__icon{flex-shrink:0}.card__icon__circle{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 12px 24px -12px var(--b);transition:transform .3s ease}.card__icon__circle svg{width:26px;height:26px}.card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.card__content h2{margin:0;font-size:var(--fs-base);font-weight:700;color:var(--color-950)}.card__content p{margin:0;font-size:var(--fs-sm);font-weight:500;line-height:1.5;color:#351556b3}.card__tag{align-self:flex-start;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b);background:color-mix(in srgb,var(--a) 14%,#fff)}.card__tag--soon{color:#7a4e00;background:#eab30829}.card__arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--b);background:color-mix(in srgb,var(--a) 12%,#fff);transition:background .3s ease,color .3s ease,transform .3s ease}.card__arrow svg{width:16px;height:16px}.card:hover,.card.is-selected{border-color:color-mix(in srgb,var(--a) 55%,#fff);background:color-mix(in srgb,var(--a) 6%,#fff);box-shadow:0 24px 40px -28px var(--b)}.card:hover:before,.card.is-selected:before{transform:scaleY(1)}.card:hover .card__icon__circle,.card.is-selected .card__icon__circle{transform:scale(1.06) rotate(-4deg)}.card:hover .card__arrow,.card.is-selected .card__arrow{color:#fff;background:linear-gradient(145deg,var(--a),var(--b));transform:translate(3px)}.card:hover{transform:translate(4px)}.card:focus-visible{outline:3px solid var(--a);outline-offset:3px}.card__disabled{cursor:default}.card__disabled .card__content h2{color:#351556cc}.card__disabled:hover{transform:none}@keyframes fadeUpSoft{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRightSoft{0%{opacity:0;transform:translate(24px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes obPulse{0%{box-shadow:0 0 #9d67dd99}to{box-shadow:0 0 0 8px #9d67dd00}}.main__squared--idle .content,.main__squared--idle .cards .card,.main__squared--idle .main__squared__right .img_cont{opacity:0}.main__squared--mounted .content__top{animation:fadeUpSoft .48s ease-out forwards}.main__squared--mounted .content__options>p{animation:fadeUpSoft .52s ease-out forwards}.main__squared--mounted .cards .card:nth-child(1){animation:fadeUpSoft .52s ease-out forwards}.main__squared--mounted .cards .card:nth-child(2){animation:fadeUpSoft .62s ease-out forwards}.main__squared--mounted .cards .card:nth-child(3){animation:fadeUpSoft .72s ease-out forwards}.main__squared--mounted .img_cont{animation:fadeRightSoft .62s ease-out forwards}@media (prefers-reduced-motion: reduce){.main__squared--idle .content,.main__squared--idle .cards .card,.main__squared--idle .main__squared__right .img_cont{opacity:1}.main__squared--mounted *{animation:none!important}.img_cont__chip__dot{animation:none}}@media (max-width: 1050px){.full_width{min-height:auto;padding:96px 16px 32px;align-items:flex-start}.main{height:auto;max-height:none;min-height:0;padding:6px;border-radius:26px}.main__squared{flex-direction:column;border-radius:20px}.main__squared__right{display:flex;padding:18px;order:-1}.main__squared__right:before,.main__squared__right:after{display:none}.img_cont{max-width:none;height:220px;border-radius:16px}.img_cont__glass_effect{display:none}.img_cont__chip{top:14px;left:14px}.content{width:100%;padding:22px 18px 24px}.content__top h1{font-size:clamp(24px,6vw,30px)}.content__options{padding-top:16px}.cards{overflow:visible}.card{min-height:0;padding:12px}.card__icon__circle{width:48px;height:48px;border-radius:15px}.card__icon__circle svg{width:22px;height:22px}.card__arrow{display:none}}// .img_cont{// width: 60%;// height: 60%;// display: flex;// justify-content: center;// align-items: center;// overflow: hidden;// // background-color: red;// border-radius: 10px;// position: relative;// z-index: 1;// img{// object-fit: contain;// border-radius: 10px;//}// &__glass_effect{// position: absolute;// left: 0;// right: 0;// bottom: 25px;// width: 80%;// height: 25%;// margin: 0 auto;// background: rgba(255,255,255,.25);// más visible y contrastado // backdrop-filter: blur(12px) saturate(160%);// -webkit-backdrop-filter: blur(12px) saturate(160%);// border-radius: 12px;// border: 1px solid rgba(255,255,255,.3);// z-index: 5;// color: #fff;// text-align: center;// display: flex;// align-items: center;// justify-content: center;// padding: 20px;// line-height: 1.5;// font-weight: 400;// text-shadow: 0 1px 3px rgba(0,0,0,.4);// mejora legibilidad del texto // pointer-events: none;//}//}// .main{// display: flex;// justify-content: center;// align-items: center;// height: 100%;// max-width: 1400px;// width: 100%;// background: #D1D4DA;// box-sizing: border-box;// height: calc(100vh - 100px);// padding: 7px;// border-radius: 10px;// box-shadow: rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px;// border: 1px solid #C4C4C4;// &__squared{// display: flex;// flex-direction: row;// border-radius: 8px;// background-color: white;// width: 100%;// height:100%;// &__left{// width: 100%;// display: flex;// justify-content: center;// overflow: hidden;//}// &__right{// background: #F2F3F7;// width: 100%;// align-items: center;// display: flex;// justify-content: center;// border-top-right-radius: 10px;// border-bottom-right-radius: 10px;//}//}//}// .cards{// display: flex;// flex-direction: column;// gap:15px;// margin-top: 20px;//}// .card{// &:hover{// border: 1px solid var(--color-500);// background: var(--color-50);// .card__icon__circle{// background-color: var(--color-200);// color:var(--color-600) //}// .card__content{// p{// color: var(--color-700);//}//}//}//}// .card{// transition: all .3s ease-in-out;// border: 1px solid var(--color-100);// display: flex;// width: 100%;// height: 100px;// gap:10px;// border-radius: 10px;// cursor: pointer;// user-select: none;// &__icon{// // background: blue;// width: 100%;// max-width: 80px;// display: flex;// justify-content: center;// align-items: center;// &__circle{// display: flex;// text-align: center;// align-items: center;// justify-content: center;// transition: all .3s ease-in-out;// border-radius: 50px;// height: 50px;// width: 50px;// background-color: var(--color-100);// color:var(--color-500) //}//}// &__content{// display: flex;// flex-direction: column;// justify-content: center;// // background-color: yellow;// gap: 5px;// h2{// font-weight: 600;// font-size: var(--fs-sm);// margin: 0px;//}// p{// margin: 0px;// font-size: var(--fs-sm);//}//}//}// .full_width{// width: 100%;// background: #D9DFEB;// align-items: center;// justify-content: center;// display: flex;// padding: 10px;// box-sizing: border-box;//}// .content{// height: 100%;// display: flex;// justify-content: center;// flex-direction: column;// width: 90%;// // border:1px solid red;// margin: 10px;// &__top{// h1{// font-size: var(--fs-md);// font-weight: 600;//}// p{// font-weight: 500;// color: gray;// font-size: var(--fs-sm);//}//}// &__options{// p:nth-child(1){// font-size: var(--fs-sm);// font-weight: 700;// margin-bottom: 10px;// color: #6e6e6e;//}//}//}