/* Casuística — estilos del sitio */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
summary::-webkit-details-marker{display:none}

/* Base */
:where(body) { margin: 0px; font-family: Inter, system-ui, sans-serif; color: rgb(35, 40, 46); background: rgb(35, 40, 46); -webkit-font-smoothing: antialiased; }
:where(a) { color: rgb(77, 195, 194); text-decoration: none; }
:where(a):hover { color: rgb(127, 216, 215); }
details summary::-webkit-details-marker { display: none; }
details[open] .faq-plus { transform: rotate(45deg); }

/* Componentes */
.s1{position: sticky; top: 0px; z-index: 20; background: rgba(58, 63, 68, 0.92); backdrop-filter: blur(8px);}
.s2{max-width: 1160px; margin: 0px auto; padding: 16px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;}
.s3{font-family: Fredoka, sans-serif; font-weight: 500; font-size: 26px; letter-spacing: 0.06em; color: rgb(77, 195, 194);}
.s4{display: flex; align-items: center; gap: 30px; flex-wrap: wrap; font-size: 15px; font-weight: 600;}
.s5{color: rgb(255, 255, 255); box-shadow: rgb(77, 195, 194) 0px -2px 0px inset; padding: 6px 0px;}
.s6{color: rgb(201, 206, 211); padding: 6px 0px;}
.s7{position: relative; overflow: hidden; background-color: rgb(35, 40, 46); background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px); background-size: 56px 56px;}
.s8{position: absolute; left: 46%; top: 38%; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(242, 194, 0, 0.42), rgba(242, 194, 0, 0) 68%); pointer-events: none;}
.s9{position: absolute; left: -160px; bottom: -200px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(229, 72, 59, 0.45), rgba(229, 72, 59, 0) 68%); pointer-events: none;}
.sa{position: absolute; right: -180px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(77, 195, 194, 0.38), rgba(77, 195, 194, 0) 68%); pointer-events: none;}
.sb{position: relative; max-width: 1160px; margin: 0px auto; padding: 120px 28px; display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 0.75fr); gap: 48px; align-items: center;}
.sc{display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(77, 195, 194, 0.45); background: rgba(77, 195, 194, 0.1); color: rgb(77, 195, 194); font-size: 14px; font-weight: 600; border-radius: 999px; padding: 7px 14px;}
.sd{width: 7px; height: 7px; border-radius: 50%; background: rgb(77, 195, 194);}
.se{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(40px, 5.4vw, 68px); line-height: 1.06; letter-spacing: -0.01em; color: rgb(238, 240, 242); margin: 22px 0px; text-wrap: balance;}
.sf{background: linear-gradient(90deg, rgb(77, 195, 194), rgb(242, 194, 0) 45%, rgb(242, 140, 30) 75%, rgb(229, 72, 59)) text; color: transparent;}
.sg{font-size: 19px; line-height: 1.6; color: rgb(213, 217, 221); margin: 0px; max-width: 620px; text-wrap: pretty;}
.sh{display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px;}
.si{background: rgb(77, 195, 194); color: rgb(35, 40, 46); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 17px; border-radius: 999px; padding: 16px 30px;}
.sj{border: 1.5px solid rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 17px; border-radius: 999px; padding: 15px 28px;}
.sk{display: flex; justify-content: center;}
.sl{width: 270px; height: 560px; border-radius: 44px; background: rgb(17, 20, 23); padding: 12px; box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 80px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px; transform: rotate(3deg);}
.sm{width: 100%; height: 100%; border-radius: 34px; overflow: hidden; background: rgb(241, 242, 243); position: relative;}
.sn{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.so{background: rgb(247, 242, 236);}
.sp{max-width: 1160px; margin: 0px auto; padding: 110px 28px 100px;}
.sq{display: flex; align-items: center; gap: 10px; color: rgb(46, 156, 155); font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;}
.sr{width: 24px; height: 2px; background: rgb(77, 195, 194);}
.ss{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; margin: 18px 0px 0px; max-width: 640px; text-wrap: balance;}
.st{margin-top: 56px; border-top: 1px solid rgb(226, 219, 210);}
.su{display: flex; align-items: center; gap: 20px; padding: 22px 0px; border-bottom: 1px solid rgb(226, 219, 210); flex-wrap: wrap;}
.sv{flex: 0 0 auto; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(200, 50, 59); background: rgb(252, 227, 228); border-radius: 999px; padding: 6px 13px;}
.sw{font-size: 18px; line-height: 1.5; flex: 1 1 0%; min-width: min(100%, 260px);}
.sx{flex: 0 0 auto; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(181, 138, 0); background: rgb(253, 243, 204); border-radius: 999px; padding: 6px 13px;}
.sy{flex: 0 0 auto; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(194, 94, 12); background: rgb(253, 231, 210); border-radius: 999px; padding: 6px 13px;}
.sz{flex: 0 0 auto; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(46, 156, 155); background: rgb(221, 243, 242); border-radius: 999px; padding: 6px 13px;}
.s10{margin-top: 48px; background: rgb(35, 40, 46); color: rgb(255, 255, 255); border-radius: 18px; padding: 30px 34px; font-size: 18px; line-height: 1.65; text-align: center; text-wrap: pretty;}
.s11{color: rgb(77, 195, 194);}
.s12{background: linear-gradient(rgb(232, 246, 245), rgb(247, 242, 236));}
.s13{max-width: 860px; margin: 0px auto; padding: 100px 28px; text-align: center;}
.s14{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(32px, 3.8vw, 46px); line-height: 1.15; margin: 0px; text-wrap: balance;}
.s15{font-size: 19px; line-height: 1.6; color: rgb(75, 81, 87); margin: 18px auto 0px; max-width: 640px; text-wrap: pretty;}
.s16{background: rgb(35, 40, 46); color: rgb(255, 255, 255);}
.s17{max-width: 1160px; margin: 0px auto; padding: 110px 28px;}
.s18{display: flex; align-items: center; gap: 10px; color: rgb(77, 195, 194); font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;}
.s19{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; margin: 18px 0px 0px; max-width: 680px; text-wrap: balance;}
.s1a{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px; margin-top: 54px;}
.s1b{background: rgb(44, 50, 56); border: 1px solid rgb(58, 65, 72); border-radius: 18px; padding: 30px;}
.s1c{width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid rgba(77, 195, 194, 0.5); background: rgba(77, 195, 194, 0.1); color: rgb(77, 195, 194); display: flex; align-items: center; justify-content: center; font-weight: 700;}
.s1d{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; margin: 22px 0px 8px;}
.s1e{font-size: 16px; line-height: 1.6; color: rgb(185, 192, 198); margin: 0px;}
.s1f{color: rgb(77, 195, 194); font-weight: 600;}
.s1g{background: rgb(255, 255, 255);}
.s1h{max-width: 1160px; margin: 0px auto; padding: 110px 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 56px; align-items: center;}
.s1i{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; margin: 18px 0px 0px; text-wrap: balance;}
.s1j{font-size: 19px; line-height: 1.6; color: rgb(75, 81, 87); margin: 18px 0px 0px; text-wrap: pretty;}
.s1k{color: rgb(35, 40, 46);}
.s1l{position: relative; border-radius: 22px; padding: 2px; background: linear-gradient(135deg, rgb(77, 195, 194), rgb(242, 194, 0) 45%, rgb(242, 140, 30) 75%, rgb(229, 72, 59)); transform: rotate(-4deg); box-shadow: rgba(35, 40, 46, 0.25) 0px 30px 70px; max-width: 460px; justify-self: center; pointer-events: none;}
.s1m{background: rgb(35, 40, 46); border-radius: 20px; padding: 30px; color: rgb(255, 255, 255);}
.s1n{display: flex; align-items: center; gap: 10px;}
.s1o{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 20px;}
.s1p{font-size: 13px; color: rgb(154, 161, 168);}
.s1q{margin-top: 22px; font-size: 13px; font-weight: 700; color: rgb(154, 161, 168); letter-spacing: 0.06em; text-transform: uppercase;}
.s1r{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;}
.s1s{border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; padding: 7px 14px; font-size: 14px;}
.s1t{background: rgb(77, 195, 194); color: rgb(35, 40, 46); border-radius: 999px; padding: 7px 14px; font-size: 14px; font-weight: 600;}
.s1u{margin-top: 18px; font-size: 13px; font-weight: 700; color: rgb(154, 161, 168); letter-spacing: 0.06em; text-transform: uppercase;}
.s1v{margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.s1w{font-size: 13px; font-weight: 700; color: rgb(154, 161, 168); letter-spacing: 0.06em; text-transform: uppercase;}
.s1x{display: flex; gap: 8px; margin-top: 8px;}
.s1y{margin-top: 8px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 10px; padding: 8px 12px; font-size: 14px;}
.s1z{margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: rgb(255, 255, 255); color: rgb(35, 40, 46); border-radius: 12px; padding: 12px 12px 12px 16px;}
.s20{font-size: 14px; color: rgb(107, 113, 119);}
.s21{width: 38px; height: 38px; border-radius: 50%; background: rgb(35, 40, 46); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center;}
.s22{text-align: center;}
.s23{display: inline-flex; align-items: center; gap: 10px; color: rgb(46, 156, 155); font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;}
.s24{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; margin: 18px 0px 0px;}
.s25{font-size: 18px; line-height: 1.6; color: rgb(75, 81, 87); margin: 12px auto 0px; max-width: 680px; text-wrap: pretty;}
.s26{display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 22px;}
.s27{display: inline-flex; align-items: center; gap: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 219, 210); border-radius: 999px; padding: 9px 16px; font-size: 15px; font-weight: 600;}
.s28{color: rgb(46, 156, 155);}
.s29{display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); gap: 40px; align-items: center; margin-top: 56px;}
.s2a{display: flex; flex-direction: column; gap: 18px; align-items: flex-end; text-align: right;}
.s2b{display: flex; align-items: center; gap: 12px;}
.s2c{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 19px;}
.s2d{font-size: 15px; color: rgb(107, 113, 119);}
.s2e{width: 28px; height: 2px; background: rgb(77, 195, 194);}
.s2f{position: relative; width: 440px; height: 560px;}
.s2g{position: absolute; left: 0px; top: 50px; transform: rotate(-8deg); width: 230px; height: 476px; border-radius: 40px; background: rgb(17, 20, 23); padding: 11px; box-shadow: rgba(35, 40, 46, 0.3) 0px 26px 60px; z-index: 1;}
.s2h{width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background: rgb(241, 242, 243);}
.s2i{position: absolute; right: 0px; top: 50px; transform: rotate(8deg); width: 230px; height: 476px; border-radius: 40px; background: rgb(17, 20, 23); padding: 11px; box-shadow: rgba(35, 40, 46, 0.3) 0px 26px 60px; z-index: 1;}
.s2j{position: absolute; left: 105px; top: 0px; width: 230px; height: 476px; border-radius: 40px; background: rgb(17, 20, 23); padding: 11px; box-shadow: rgba(35, 40, 46, 0.3) 0px 26px 60px; z-index: 2;}
.s2k{display: flex; flex-direction: column; gap: 18px; align-items: flex-start;}
.s2l{font-size: 19px; line-height: 1.6; color: rgb(201, 206, 211); margin: 16px 0px 0px; max-width: 700px; text-wrap: pretty;}
.s2m{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px; margin-top: 50px; align-items: stretch;}
.s2n{background: rgb(255, 255, 255); color: rgb(35, 40, 46); border-radius: 20px; padding: 24px; box-shadow: rgba(0, 0, 0, 0.35) 0px 24px 60px; display: flex; flex-direction: column; gap: 16px;}
.s2o{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.s2p{font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(46, 156, 155);}
.s2q{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 20px; margin-top: 2px;}
.s2r{font-size: 12px; font-weight: 600; color: rgb(107, 113, 119); background: rgb(241, 242, 243); border-radius: 999px; padding: 5px 10px; white-space: nowrap;}
.s2s{display: flex; align-items: flex-end; justify-content: space-between; gap: 14px;}
.s2t{font-family: Fredoka, sans-serif; font-weight: 700; font-size: 52px; line-height: 1;}
.s2u{font-size: 13px; color: rgb(107, 113, 119); margin-top: 4px;}
.s2v{display: flex; align-items: flex-end; gap: 3px; height: 58px; width: 120px;}
.s2w{flex: 1 1 0%; height: 22px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s2x{flex: 1 1 0%; height: 28px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s2y{flex: 1 1 0%; height: 25px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s2z{flex: 1 1 0%; height: 34px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s30{flex: 1 1 0%; height: 31px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s31{flex: 1 1 0%; height: 40px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s32{flex: 1 1 0%; height: 38px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s33{flex: 1 1 0%; height: 46px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s34{flex: 1 1 0%; height: 44px; border-radius: 3px 3px 0px 0px; background: rgb(191, 231, 230);}
.s35{flex: 1 1 0%; height: 52px; border-radius: 3px 3px 0px 0px; background: rgb(77, 195, 194);}
.s36{flex: 1 1 0%; height: 49px; border-radius: 3px 3px 0px 0px; background: rgb(77, 195, 194);}
.s37{flex: 1 1 0%; height: 58px; border-radius: 3px 3px 0px 0px; background: rgb(77, 195, 194);}
.s38{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.s39{background: rgb(247, 242, 236); border-radius: 12px; padding: 12px;}
.s3a{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 24px; line-height: 1;}
.s3b{font-size: 12px; color: rgb(107, 113, 119); margin-top: 4px; line-height: 1.3;}
.s3c{border-top: 1px solid rgb(238, 240, 242); padding-top: 14px;}
.s3d{color: rgb(242, 178, 0); font-size: 15px; letter-spacing: 2px;}
.s3e{font-size: 14px; line-height: 1.5; margin-top: 4px; font-style: italic;}
.s3f{font-size: 12px; color: rgb(138, 144, 151); margin-top: 4px;}
.s3g{font-size: 13px; font-weight: 700; color: rgb(75, 81, 87); margin-bottom: 8px;}
.s3h{display: flex; flex-direction: column; gap: 8px;}
.s3i{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 4px 10px; align-items: center;}
.s3j{display: flex; flex-direction: column; gap: 4px; min-width: 0px;}
.s3k{font-size: 13px; font-weight: 600;}
.s3l{display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px;}
.s3m{height: 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; background: rgb(227, 229, 231); color: rgb(154, 161, 168);}
.s3n{height: 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; background: rgb(46, 156, 155); color: rgb(255, 255, 255);}
.s3o{height: 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; background: rgb(241, 242, 243); color: rgb(154, 161, 168);}
.s3p{display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right;}
.s3q{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 15px; white-space: nowrap;}
.s3r{font-size: 11.5px; color: rgb(107, 113, 119); white-space: nowrap;}
.s3s{height: 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; background: rgb(35, 40, 46); color: rgb(255, 255, 255);}
.s3t{height: 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; background: rgb(242, 140, 30); color: rgb(255, 255, 255);}
.s3u{color: rgb(242, 140, 30);}
.s3v{display: flex; flex-wrap: wrap; gap: 6px;}
.s3w{font-size: 12px; font-weight: 600; background: rgb(221, 243, 242); color: rgb(31, 127, 126); border-radius: 999px; padding: 5px 10px;}
.s3x{font-size: 12px; font-weight: 600; background: rgb(253, 231, 210); color: rgb(160, 78, 10); border-radius: 999px; padding: 5px 10px;}
.s3y{background: rgb(35, 40, 46); color: rgb(255, 255, 255); border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.45;}
.s3z{border-radius: 22px; padding: 2px; background: linear-gradient(135deg, rgb(77, 195, 194), rgb(242, 194, 0) 45%, rgb(242, 140, 30) 75%, rgb(229, 72, 59));}
.s40{background: rgb(255, 255, 255); color: rgb(35, 40, 46); border-radius: 20px; padding: 24px; box-shadow: none; display: flex; flex-direction: column; gap: 16px; height: 100%;}
.s41{font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(194, 124, 0);}
.s42{display: flex; align-items: center; gap: 16px;}
.s43{flex: 0 0 84px; height: 84px; border-radius: 50%; background: conic-gradient(rgb(77, 195, 194) 0deg, rgb(77, 195, 194) 72%, rgb(241, 242, 243) 72%, rgb(241, 242, 243) 100%); display: flex; align-items: center; justify-content: center;}
.s44{width: 64px; height: 64px; border-radius: 50%; background: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.s45{font-family: Fredoka, sans-serif; font-size: 22px; line-height: 1;}
.s46{font-size: 10px; color: rgb(107, 113, 119);}
.s47{font-size: 13px; line-height: 1.5; color: rgb(75, 81, 87);}
.s48{border-top: 1px solid rgb(238, 240, 242); padding-top: 14px; display: flex; flex-direction: column; gap: 9px;}
.s49{display: grid; grid-template-columns: 82px 1fr 1fr; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(138, 144, 151);}
.s4a{display: grid; grid-template-columns: 82px 1fr 1fr; gap: 8px; align-items: center; font-size: 13px;}
.s4b{font-weight: 600;}
.s4c{display: flex; align-items: center; gap: 6px;}
.s4d{flex: 1 1 0%; height: 8px; border-radius: 99px; background: rgb(241, 242, 243);}
.s4e{width: 98%; height: 100%; border-radius: 99px; background: rgb(77, 195, 194);}
.s4f{width: 94%; height: 100%; border-radius: 99px; background: rgb(138, 144, 151);}
.s4g{width: 96%; height: 100%; border-radius: 99px; background: rgb(77, 195, 194);}
.s4h{width: 72%; height: 100%; border-radius: 99px; background: rgb(229, 72, 59);}
.s4i{color: rgb(200, 50, 59);}
.s4j{width: 96%; height: 100%; border-radius: 99px; background: rgb(138, 144, 151);}
.s4k{font-size: 12.5px; line-height: 1.45; color: rgb(59, 65, 72);}
.s4l{color: rgb(138, 144, 151);}
.s4m{background: rgb(252, 227, 228); color: rgb(142, 31, 38); border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.45;}
.s4n{font-size: 13px; color: rgb(138, 144, 151); margin: 16px 0px 0px;}
.s4o{display: inline-flex; gap: 4px; background: rgb(241, 242, 243); border-radius: 999px; padding: 5px; margin-top: 28px;}
.s4p{border: 0px; cursor: pointer; font-family: Fredoka, sans-serif; font-weight: 600; font-size: 16px; border-radius: 999px; padding: 10px 22px; background: rgb(35, 40, 46); color: rgb(255, 255, 255);}
.s4q{border: 0px; cursor: pointer; font-family: Fredoka, sans-serif; font-weight: 600; font-size: 16px; border-radius: 999px; padding: 10px 22px; background: transparent; color: rgb(75, 81, 87);}
.s4r{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; margin-top: 44px; align-items: stretch;}
.s4s{position: relative; border-radius: 22px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(227, 229, 231); box-shadow: rgba(35, 40, 46, 0.14) 0px 24px 60px; display: flex; flex-direction: column;}
.s4t{height: 5px; background: linear-gradient(90deg, rgb(77, 195, 194), rgb(242, 194, 0) 45%, rgb(242, 140, 30) 75%, rgb(229, 72, 59));}
.s4u{padding: 26px 24px 24px; display: flex; flex-direction: column; flex: 1 1 0%;}
.s4v{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 26px; margin: 0px;}
.s4w{font-size: 15px; color: rgb(107, 113, 119); margin-top: 4px;}
.s4x{display: flex; align-items: baseline; gap: 6px; margin-top: 26px;}
.s4y{font-size: 17px; font-weight: 600; color: rgb(107, 113, 119);}
.s4z{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 44px; line-height: 1;}
.s50{font-size: 15px; color: rgb(107, 113, 119); white-space: nowrap;}
.s51{font-size: 14px; color: rgb(46, 156, 155); font-weight: 600; margin-top: 6px; min-height: 20px;}
.s52{font-size: 13px; color: rgb(138, 144, 151); margin-top: 2px;}
.s53{margin-top: 16px; background: rgb(247, 242, 236); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; font-size: 15px;}
.s54{padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px;}
.s55{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 8px;}
.s56{color: rgb(75, 81, 87); white-space: nowrap;}
.s57{white-space: nowrap;}
.s58{font-size: 12.5px; color: rgb(46, 156, 155); font-weight: 600; line-height: 1.35;}
.s59{display: flex; flex-direction: column; gap: 10px; margin: 22px 0px 26px; font-size: 15px; color: rgb(59, 65, 72);}
.s5a{display: flex; gap: 10px;}
.s5b{color: rgb(46, 156, 155); font-weight: 700;}
.s5c{margin-top: auto; margin-bottom: 10px; font-size: 13px; color: rgb(107, 113, 119); text-align: center; line-height: 1.4; white-space: nowrap;}
.s5d{color: rgb(59, 65, 72);}
.s5e{text-align: center; font-family: Fredoka, sans-serif; font-weight: 600; font-size: 17px; border-radius: 999px; padding: 13.5px; border: 1.5px solid rgb(35, 40, 46); background: rgb(35, 40, 46); color: rgb(255, 255, 255);}
.s5f{font-size: 13px; color: rgb(107, 113, 119); text-align: center; margin: 12px 0px 0px; line-height: 1.5;}
.s5g{color: rgb(46, 156, 155); font-weight: 600; text-decoration: underline;}
.s5h{font-size: 15px; line-height: 1.55; color: rgb(75, 81, 87); text-align: center; margin: 28px auto 0px; max-width: 680px; text-wrap: pretty;}
.s5i{display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; margin-top: 16px; font-size: 16px; color: rgb(75, 81, 87);}
.s5j{margin-top: 12px; display: flex; align-items: center; gap: 10px; background: rgb(253, 243, 204); border-radius: 10px; padding: 8px 12px;}
.s5k{flex: 0 0 auto;}
.s5l{display: flex; flex-direction: column; line-height: 1.25;}
.s5m{font-size: 13.5px; color: rgb(35, 40, 46); white-space: nowrap;}
.s5n{font-size: 12.5px; color: rgb(138, 101, 0); font-weight: 600;}
.s5o{max-width: 900px; margin: 0px auto; padding: 110px 28px;}
.s5p{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.1; margin: 18px 0px 36px;}
.s5q{display: flex; flex-direction: column; gap: 12px;}
.s5r{background: rgb(255, 255, 255); border: 1px solid rgb(226, 219, 210); border-radius: 16px; padding: 0px 24px;}
.s5s{list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0px; font-family: Fredoka, sans-serif; font-weight: 600; font-size: 19px;}
.s5t{flex: 0 0 auto; font-size: 26px; color: rgb(46, 156, 155); line-height: 1; transition: transform 0.2s;}
.s5u{margin: 0px; padding: 0px 0px 22px; font-size: 16px; line-height: 1.6; color: rgb(75, 81, 87);}
.s5v{max-width: 880px; margin: 0px auto; padding: 120px 28px; text-align: center;}
.s5w{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.12; margin: 0px; text-wrap: balance;}
.s5x{display: inline-block; margin-top: 36px; background: rgb(77, 195, 194); color: rgb(35, 40, 46); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 18px; border-radius: 999px; padding: 17px 34px;}
.s5y{max-width: 1160px; margin: 0px auto; padding: 70px 28px;}
.s5z{border: 1px solid rgb(191, 231, 230); background: rgb(247, 242, 236); border-radius: 22px; padding: 32px 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;}
.s60{display: flex; align-items: center; gap: 18px; min-width: min(100%, 280px); flex: 1 1 0%;}
.s61{flex: 0 0 52px; height: 52px; border-radius: 50%; background: rgb(35, 40, 46); color: rgb(77, 195, 194); display: flex; align-items: center; justify-content: center;}
.s62{margin: 0px; font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; line-height: 1.3;}
.s63{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 17px; border: 1.5px solid rgb(35, 40, 46); color: rgb(35, 40, 46); border-radius: 999px; padding: 13px 24px;}
.s64{background: rgb(35, 40, 46); color: rgb(154, 161, 168);}
.s65{max-width: 1160px; margin: 0px auto; padding: 56px 28px 36px; display: flex; justify-content: space-between; gap: 28px; flex-wrap: wrap;}
.s66{font-family: Fredoka, sans-serif; font-weight: 500; font-size: 24px; letter-spacing: 0.06em; color: rgb(77, 195, 194);}
.s67{font-size: 15px; margin-top: 8px;}
.s68{font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(77, 195, 194);}
.s69{display: block; margin-top: 10px; color: rgb(201, 206, 211); font-size: 15px;}
.s6a{max-width: 1160px; margin: 0px auto; padding: 18px 28px 30px; border-top: 1px solid rgb(58, 65, 72); font-size: 13px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.s6b{position: absolute; left: 44%; top: 40%; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(242, 194, 0, 0.42), rgba(242, 194, 0, 0) 68%); pointer-events: none;}
.s6c{position: relative; max-width: 1160px; margin: 0px auto; padding: 120px 28px;}
.s6d{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(40px, 5.4vw, 68px); line-height: 1.06; letter-spacing: -0.01em; color: rgb(238, 240, 242); margin: 22px 0px 20px; max-width: 860px; text-wrap: balance;}
.s6e{display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px;}
.s6f{display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(90deg, rgb(77, 195, 194), rgb(154, 203, 107)); color: rgb(35, 40, 46); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 15px; border-radius: 999px; padding: 8px 16px;}
.s6g{display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(90deg, rgb(242, 194, 0), rgb(154, 203, 107)); color: rgb(35, 40, 46); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 15px; border-radius: 999px; padding: 8px 16px;}
.s6h{display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(90deg, rgb(77, 195, 194), rgb(242, 194, 0) 50%, rgb(229, 72, 59)); color: rgb(35, 40, 46); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 15px; border-radius: 999px; padding: 8px 16px;}
.s6i{font-size: 19px; line-height: 1.6; color: rgb(213, 217, 221); margin: 0px; max-width: 640px; text-wrap: pretty;}
.s6j{font-size: 18px; line-height: 1.6; color: rgb(75, 81, 87); margin: 20px 0px 0px; max-width: 700px; text-wrap: pretty;}
.s6k{margin-top: 52px; border-top: 1px solid rgb(226, 219, 210);}
.s6l{font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(200, 50, 59); background: rgb(252, 227, 228); border-radius: 999px; padding: 6px 13px;}
.s6m{font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(181, 138, 0); background: rgb(253, 243, 204); border-radius: 999px; padding: 6px 13px;}
.s6n{font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(46, 156, 155); background: rgb(221, 243, 242); border-radius: 999px; padding: 6px 13px;}
.s6o{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.18; margin: 0px; text-wrap: balance;}
.s6p{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 18px; margin-top: 54px;}
.s6q{display: flex; align-items: center; gap: 10px; color: rgb(77, 195, 194); font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-top: 96px;}
.s6r{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; margin: 18px 0px 0px; max-width: 620px;}
.s6s{font-size: 17px; color: rgb(185, 192, 198); margin: 14px 0px 0px;}
.s6t{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 18px; margin-top: 36px;}
.s6u{background: rgb(44, 50, 56); border: 1px solid rgb(58, 65, 72); border-radius: 18px; padding: 26px; text-align: center;}
.s6v{font-size: 15px; color: rgb(185, 192, 198); margin-top: 6px;}
.s6w{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; margin: 18px 0px 0px; max-width: 560px;}
.s6x{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 18px; margin-top: 48px;}
.s6y{background: rgb(255, 255, 255); border: 1px solid rgb(226, 219, 210); border-radius: 18px; padding: 28px; display: flex; flex-direction: column;}
.s6z{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; color: rgb(46, 156, 155);}
.s70{font-size: 16px; line-height: 1.6; color: rgb(75, 81, 87); margin: 10px 0px 18px;}
.s71{margin-top: auto; font-size: 13px; color: rgb(138, 143, 148); border-top: 1px solid rgb(238, 231, 222); padding-top: 12px;}
.s72{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; margin: 18px 0px 0px; max-width: 640px;}
.s73{font-size: 18px; line-height: 1.6; color: rgb(75, 81, 87); margin: 14px 0px 0px; max-width: 760px; text-wrap: pretty;}
.s74{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 28px; margin-top: 44px; align-items: start;}
.s75{border: 1px solid rgb(227, 229, 231); border-radius: 24px; overflow: hidden; box-shadow: rgba(35, 40, 46, 0.08) 0px 20px 50px;}
.s76{padding: 30px;}
.s77{display: flex; align-items: center; justify-content: space-between;}
.s78{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; margin: 0px;}
.s79{background: rgb(221, 243, 242); color: rgb(46, 156, 155); font-size: 13px; font-weight: 700; border-radius: 999px; padding: 5px 12px;}
.s7a{display: flex; flex-direction: column; gap: 12px; margin-top: 20px; font-size: 16px;}
.s7b{display: flex; gap: 12px; align-items: flex-start;}
.s7c{flex: 0 0 22px; height: 22px; border-radius: 50%; background: rgb(46, 156, 155); color: rgb(255, 255, 255); font-size: 12px; display: flex; align-items: center; justify-content: center;}
.s7d{margin-top: 24px; border: 1px solid rgb(191, 231, 230); border-radius: 18px; padding: 14px;}
.s7e{background: rgb(232, 246, 245); border: 1px solid rgb(191, 231, 230); border-radius: 12px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between;}
.s7f{display: flex; flex-direction: column; gap: 2px; min-width: 0px;}
.s7g{font-size: 14px; font-weight: 700; letter-spacing: 0.08em; color: rgb(75, 81, 87);}
.s7h{font-size: 13px; font-weight: 600; color: rgb(46, 156, 155);}
.s7i{font-size: 13px; color: rgb(75, 81, 87);}
.s7j{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 28px; white-space: nowrap; flex-shrink: 0;}
.s7k{margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; color: rgb(46, 156, 155); font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;}
.s7l{flex: 1 1 0%; height: 1px; background: rgb(191, 231, 230);}
.s7m{margin-top: 12px; background: rgb(35, 40, 46); color: rgb(255, 255, 255); border-radius: 14px; padding: 20px 20px 18px; display: grid; grid-template-columns: 44px minmax(0px, 1fr); gap: 14px;}
.s7n{width: 44px; height: 44px; border-radius: 12px; background: rgba(242, 194, 0, 0.14); color: rgb(242, 194, 0); display: flex; align-items: center; justify-content: center;}
.s7o{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;}
.s7p{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 17px; line-height: 1.3;}
.s7q{flex: 0 0 auto; text-align: right;}
.s7r{font-size: 13px; color: rgb(138, 144, 151); text-decoration: line-through;}
.s7s{font-family: Fredoka, sans-serif; font-weight: 700; font-size: 18px; color: rgb(77, 195, 194); line-height: 1.1;}
.s7t{font-size: 14px; line-height: 1.55; color: rgb(201, 206, 211); margin: 8px 0px 0px;}
.s7u{margin-top: 12px; font-size: 12.5px; font-weight: 600; color: rgb(242, 194, 0);}
.s7v{font-size: 15px; line-height: 1.5; color: rgb(75, 81, 87); margin: 18px 0px 0px; padding: 14px 16px; background: rgb(247, 242, 236); border-radius: 12px;}
.s7w{font-size: 14px; color: rgb(107, 113, 119); margin: 18px 0px 0px; border-top: 1px dashed rgb(227, 229, 231); padding-top: 16px;}
.s7x{display: flex; flex-direction: column; gap: 20px; position: sticky; top: 90px;}
.s7y{border: 1px solid rgb(227, 229, 231); border-radius: 24px; padding: 30px;}
.s7z{font-size: 15px; color: rgb(75, 81, 87); margin: 6px 0px 0px;}
.s80{display: block; font-size: 15px; font-weight: 600; margin-top: 20px;}
.s81{color: rgb(229, 72, 59);}
.s82{width: 100%; margin-top: 8px; border: 1px solid rgb(217, 220, 223); border-radius: 10px; padding: 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit;}
.s83{font-size: 14px; color: rgb(107, 113, 119); margin: 14px 0px 0px;}
.s84{display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; background: rgb(232, 246, 245); border: 1px solid rgb(191, 231, 230); border-radius: 12px; padding: 16px; font-size: 15px; line-height: 1.45; cursor: pointer;}
.s85{width: 18px; height: 18px; margin-top: 2px;}
.s86{width: 100%; margin-top: 20px; border: 0px; background: rgb(35, 40, 46); color: rgb(255, 255, 255); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 17px; border-radius: 999px; padding: 16px; cursor: pointer;}
.s87{font-size: 15px; text-align: center; margin: 16px 0px 0px;}
.s88{color: rgb(46, 156, 155); text-decoration: underline; font-weight: 600;}
.s89{font-size: 13px; color: rgb(107, 113, 119); text-align: center; margin: 8px 0px 0px;}
.s8a{max-width: 860px; margin: 0px auto; padding: 110px 28px; text-align: center;}
.s8b{font-family: Fredoka, sans-serif; font-weight: 600; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.12; margin: 0px; text-wrap: balance;}
.s8c{font-size: 18px; color: rgb(185, 192, 198); margin: 16px 0px 0px;}
.s8d{min-height: calc(-70px + 100vh); display: flex; flex-direction: column;}
.s8e{background: rgb(232, 246, 245); border-bottom: 1px solid rgb(191, 231, 230);}
.s8f{max-width: 960px; margin: 0px auto; padding: 56px 28px 52px;}
.s8g{font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(46, 156, 155); margin: 0px 0px 12px; text-align: center;}
.s8h{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 14px;}
.s8i{display: block; border-radius: 18px; padding: 2px; background: linear-gradient(135deg, rgb(77, 195, 194), rgb(242, 194, 0) 45%, rgb(242, 140, 30) 75%, rgb(229, 72, 59)); color: inherit;}
.s8j{height: 100%; background: rgb(35, 40, 46); color: rgb(255, 255, 255); border-radius: 16px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px;}
.s8k{font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(77, 195, 194);}
.s8l{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 18px; line-height: 1.25; margin-top: 4px;}
.s8m{flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: rgb(77, 195, 194); color: rgb(35, 40, 46); display: flex; align-items: center; justify-content: center; font-size: 18px;}
.s8n{height: 100%; background: rgb(255, 255, 255); color: rgb(35, 40, 46); border-radius: 16px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px;}
.s8o{font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(46, 156, 155);}
.s8p{flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: rgb(35, 40, 46); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 18px;}
.s8q{background: rgb(255, 255, 255); flex: 1 1 0%; display: flex; align-items: center;}
.s8r{width: 100%; max-width: 960px; margin: 0px auto; padding: 34px 28px 40px;}
.s8s{background: rgb(247, 242, 236); border: 1px solid rgb(226, 219, 210); border-radius: 24px; padding: 30px 36px;}
.s8t{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 26px; margin: 0px; text-align: center;}
.s8u{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 14px; margin-top: 20px;}
.s8v{font-size: 14px; font-weight: 600;}
.s8w{width: 100%; margin-top: 6px; border: 1px solid rgb(226, 219, 210); background: rgb(255, 255, 255); border-radius: 10px; padding: 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit;}
.s8x{display: block; font-size: 14px; font-weight: 600; margin-top: 14px;}
.s8y{width: 100%; margin-top: 6px; border: 1px solid rgb(226, 219, 210); background: rgb(255, 255, 255); border-radius: 10px; padding: 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; resize: vertical;}
.s8z{width: 100%; margin-top: 18px; border: 0px; background: rgb(77, 195, 194); color: rgb(35, 40, 46); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 16px; border-radius: 999px; padding: 14px; cursor: pointer;}
.s90{max-width: 1160px; margin: 0px auto; padding: 100px 28px 110px;}
.s91{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 20px; margin-top: 48px;}
.s92{border: 1px solid rgb(227, 229, 231); border-radius: 20px; padding: 30px;}
.s93{width: 60px; height: 60px; border-radius: 50%; background: rgb(77, 195, 194); color: rgb(255, 255, 255); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; display: flex; align-items: center; justify-content: center;}
.s94{font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; margin: 18px 0px 2px;}
.s95{font-size: 14px; font-weight: 600; color: rgb(46, 156, 155);}
.s96{font-size: 15px; line-height: 1.65; color: rgb(75, 81, 87); margin: 12px 0px 0px;}
.s97{font-size: 15px; line-height: 1.65; color: rgb(75, 81, 87); margin: 12px 0px 14px;}
.s98{width: 60px; height: 60px; border-radius: 50%; background: rgb(229, 72, 59); color: rgb(255, 255, 255); font-family: Fredoka, sans-serif; font-weight: 600; font-size: 22px; display: flex; align-items: center; justify-content: center;}

/* Estados hover */
.h1:hover{color: rgb(255, 255, 255) !important;}
.h2:hover{background: rgb(111, 211, 210) !important; color: rgb(35, 40, 46) !important;}
.h3:hover{background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important;}
.h4:hover{background: rgb(35, 40, 46) !important; color: rgb(255, 255, 255) !important;}

/* Responsive: tablet y mobile */
@media (max-width: 900px) {
  [data-r="hero"], [data-r="qv"] { justify-items: center; grid-template-columns: minmax(0px, 1fr) !important; gap: 56px !important; }
  [data-r="hero"] > :first-child { justify-self: stretch; }
  [data-r="sec"] { padding-top: 88px !important; padding-bottom: 88px !important; }
}
@media (max-width: 600px) {
  [data-r="sec"], [data-r="hero"] { padding: 64px 20px !important; }
  [data-r="cluster"] { zoom: 0.72; }
  [data-r="navlinks"] { gap: 8px 18px !important; font-size: 14px !important; }
  [data-r="navwrap"] { padding: 12px 20px !important; gap: 10px !important; }
}

/* Spinner del botón de pago (auditoría) mientras redirige */
@keyframes casu-spin { to { transform: rotate(360deg); } }
.casu-spin { display:inline-block; width:16px; height:16px; margin-right:9px; vertical-align:-3px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:casu-spin .7s linear infinite; }
.is-loading { pointer-events:none; opacity:.9; }