.sgop{--fg:#1d1d1f;--soft:#515154;--acc:#2e7d57;--accd:#1f6b46;--accs:#e8f3ed;--surf:#f5f5f7;--line:#e3e8e5;--e:cubic-bezier(.23,1,.32,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;position:relative;z-index:0;isolation:isolate;container-type:inline-size;box-sizing:border-box;background:#fff;color:var(--fg);font-family:var(--font);font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased;overflow-x:clip;color-scheme:light}.sgop *,.sgop *:before,.sgop *:after{box-sizing:border-box}.sgop h1,.sgop h2,.sgop h3,.sgop p{margin:0;font-family:inherit;font-style:normal;word-break:normal;overflow-wrap:normal;text-transform:none}.sgop a{text-decoration:none;color:inherit}.sgop div:empty{display:block}.sgop svg{max-width:100%}.sgop .in{position:relative;z-index:2;max-width:1040px;margin:0 auto}.sgop .bubs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sgop .bubs i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--accs);animation:sgop-in 1.1s var(--e) both,sgop-dr var(--t) ease-in-out 1.1s infinite alternate;animation-delay:var(--d),calc(var(--d) + 1.1s)}@keyframes sgop-in{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes sgop-dr{0%{translate:0 0}to{translate:0 12px}}.sgop .hero{position:relative;overflow:hidden;text-align:center;padding:84px 28px 70px}.sgop .eye{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--accd)}.sgop h1{margin-top:12px;font-size:clamp(40px,8cqw,76px);line-height:1;letter-spacing:-.045em;font-weight:700;text-wrap:balance;color:var(--fg)}.sgop h1 span{display:inline-block}.sgop h1 em{font-style:normal;color:var(--acc)}.sgop .lead{margin:18px auto 0;max-width:560px;font-size:18px;line-height:1.5;color:var(--soft)}.sgop.js .hero .eye,.sgop.js .hero .lead,.sgop.js .hero .score{opacity:0;animation:sgop-up 1s var(--e) forwards}.sgop.js .hero .lead{animation-delay:.7s}.sgop.js .hero .score{animation-delay:.9s}.sgop.js h1 span{opacity:0;transform:translateY(.3em);animation:sgop-up 1s var(--e) forwards}.sgop.js h1 span:nth-child(1){animation-delay:.1s}.sgop.js h1 span:nth-child(2){animation-delay:.22s}.sgop.js h1 span:nth-child(3){animation-delay:.34s}.sgop.js h1 span:nth-child(4){animation-delay:.46s}.sgop.js h1 span:nth-child(5){animation-delay:.58s}@keyframes sgop-up{to{opacity:1;transform:none}}.sgop .wv{position:absolute;top:50%;width:300px;height:400px;margin-top:-200px;pointer-events:none;z-index:1}.sgop .wv.l{left:-30px;transform:scaleX(-1)}.sgop .wv.r{right:-30px}.sgop .wv path{opacity:.07;animation:sgop-wv 4.2s ease-in-out infinite}.sgop .wv path:nth-child(2){animation-delay:.45s}.sgop .wv path:nth-child(3){animation-delay:.9s}@keyframes sgop-wv{0%{opacity:.06;transform:translate(14px)}35%{opacity:.5;transform:none}75%,to{opacity:.06;transform:translate(-10px)}}.sgop .score{margin:38px auto 0;display:inline-flex;align-items:center;gap:22px;background:#fff;border-radius:26px;padding:20px 30px;box-shadow:0 10px 34px #1f6b461f;text-align:left}.sgop .gb{width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0000001f;display:grid;place-items:center;flex:none;animation:sgop-gp 3.6s ease-in-out infinite}@keyframes sgop-gp{50%{transform:scale(1.08)}}.sgop .big{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1}.sgop .st{position:relative;overflow:hidden;color:var(--acc);letter-spacing:3px;font-size:20px;line-height:1;white-space:nowrap}.sgop .st:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%);transform:translate(-120%);animation:sgop-sh 3.4s 2.2s ease-in-out infinite}@keyframes sgop-sh{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.sgop .hero .st i{font-style:normal;display:inline-block;opacity:.18;animation:sgop-sl .5s var(--e) forwards,sgop-tw 3.4s 2.4s ease-in-out infinite}.sgop .hero .st i:nth-child(1){animation-delay:1.2s,2.4s}.sgop .hero .st i:nth-child(2){animation-delay:1.35s,2.55s}.sgop .hero .st i:nth-child(3){animation-delay:1.5s,2.7s}.sgop .hero .st i:nth-child(4){animation-delay:1.65s,2.85s}.sgop .hero .st i:nth-child(5){animation-delay:1.8s,3s}@keyframes sgop-sl{to{opacity:1;transform:scale(1.18)}}@keyframes sgop-tw{50%{transform:scale(1.3)}}.sgop .sc small{display:block;margin-top:6px;font-size:14px;color:var(--soft)}.sgop .feat{padding:70px 40px 20px}.sgop .q{max-width:860px;margin:0 auto;text-align:center}.sgop .q p{font-size:clamp(24px,4.6cqw,38px);line-height:1.22;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.sgop .q span{display:block;margin-top:18px;font-size:15px;color:var(--soft)}.sgop .q b{color:var(--accd)}.sgop .sec{position:relative;overflow:hidden;padding:72px 40px}.sgop .grid{display:block;columns:3;column-gap:20px;row-gap:0;margin:0;padding:0}.sgop .card{break-inside:avoid;margin:0 0 20px;background:var(--surf);border-radius:24px;padding:26px;transition:transform .5s var(--e),box-shadow .5s var(--e)}.sgop .card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #1f6b461f}.sgop .card .st{font-size:15px;letter-spacing:2px}.sgop .card .st:after{display:none}.sgop .card p{margin-top:12px;font-size:15.5px;line-height:1.55}.sgop .card .en{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.5;color:var(--soft);font-style:italic}.sgop .who{display:flex;align-items:center;gap:11px;margin-top:18px}.sgop .av{width:38px;height:38px;border-radius:50%;background:var(--accs);color:var(--accd);display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}.sgop .who b{font-size:14.5px;display:block}.sgop .who small{display:block;font-size:12.5px;color:var(--soft);margin-top:1px}.sgop .cta{text-align:center}.sgop .cta h2{font-size:clamp(30px,5.4cqw,52px);line-height:1.04;letter-spacing:-.04em;font-weight:700;text-wrap:balance}.sgop .cta p{margin:14px auto 0;max-width:520px;color:var(--soft);font-size:17px;line-height:1.5}.sgop .btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.sgop .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;transition:transform .4s var(--e),background .4s var(--e)}.sgop .btn:hover{transform:translateY(-2px)}.sgop .btn svg{width:19px;height:19px;flex:none}.sgop .b1{background:var(--acc);color:#fff;box-shadow:0 6px 18px #2e7d5747}.sgop .b1:hover{background:var(--accd)}.sgop .b2{border:1.5px solid var(--acc);color:var(--accd);background:#fff}.sgop .b2:hover{background:#f1f8f4}.sgop .end{position:relative;overflow:hidden;color:#fff;text-align:center;border-radius:34px;margin:0 40px 60px;padding:56px 28px;background:radial-gradient(110% 130% at 100% 0%,#3f9a70,#3f9a7000 58%),linear-gradient(150deg,#2b7d55,#174d34);box-shadow:0 26px 64px #1f6b464d}.sgop .endrow{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4cqw,24px)}.sgop .iso{flex:none;width:clamp(46px,8cqw,84px);aspect-ratio:134/140;background-repeat:no-repeat;background-size:479% 100%;background-position:0 0;filter:brightness(0) invert(1);animation:sgop-fl 6s ease-in-out infinite}@keyframes sgop-fl{50%{transform:translateY(-6px)}}.sgop .end h2{font-size:clamp(28px,5cqw,46px);letter-spacing:-.04em;line-height:1.05;font-weight:700;color:#fff}.sgop .end .btn.w{background:#fff;color:var(--accd)}.sgop .end .btn.o{border:1.5px solid rgba(255,255,255,.6);color:#fff}.sgop .end .btn.o:hover{background:#ffffff1f}.sgop .end .btns{position:relative}.sgop a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.sgop.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--e),transform .9s var(--e)}.sgop.js .rv.in{opacity:1;transform:none}@container (max-width:880px){.sgop .grid{columns:2}.sgop .sec{padding:56px 24px}.sgop .feat{padding:56px 24px 10px}.sgop .end{margin:0 24px 40px}.sgop .wv{width:200px;opacity:.8}.sgop .wv.l{left:-70px}.sgop .wv.r{right:-70px}}@container (max-width:560px){.sgop .grid{columns:2;column-gap:12px}.sgop .card{padding:16px;border-radius:18px;margin-bottom:12px}.sgop .card p{font-size:13.5px;line-height:1.5}.sgop .card .en,.sgop .card .st{font-size:12px}.sgop .who{gap:8px;margin-top:14px}.sgop .av{width:30px;height:30px;font-size:13px}.sgop .who b{font-size:12.5px}.sgop .who small{font-size:11px}.sgop .sec{padding:44px 18px}.sgop .feat{padding:44px 18px 6px}.sgop .hero{padding:56px 18px 48px}.sgop .score{gap:14px;padding:16px 20px}.sgop .big{font-size:44px}.sgop .gb{width:46px;height:46px}.sgop .end{margin:0 16px 32px;padding:40px 20px;border-radius:28px}.sgop .btn{width:100%}.sgop .btns{flex-direction:column}.sgop .wv{width:62px;height:104px;top:34px;margin-top:0;opacity:1}.sgop .wv.l{left:8px}.sgop .wv.r{right:8px}.sgop .bubs i{scale:.8}}@media(max-width:749px){.sgop .st{font-size:17px}}@media(prefers-reduced-motion:reduce){.sgop *{animation:none!important}.sgop.js .hero .eye,.sgop.js .hero .lead,.sgop.js .hero .score,.sgop.js h1 span,.sgop .hero .st i{opacity:1!important;transform:none!important}.sgop .wv path{opacity:.2}.sgop.js .rv{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/sg-opiniones.css.map */