.imsg{transform-origin:0 100%;position:relative;width:fit-content;max-width:340px;margin:12px 0 0 7px;background:#E9E9EB;color:#0F1B26;padding:10px 16px;border-radius:20px;font:400 17px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;letter-spacing:-.01em}
.imsg::before{content:"";position:absolute;left:-7px;bottom:0;width:20px;height:20px;background:#E9E9EB;border-bottom-right-radius:16px 14px}
.imsg::after{content:"";position:absolute;left:-26px;bottom:0;width:26px;height:20px;background:#fff;border-bottom-right-radius:10px}
@keyframes imsgin{0%{transform:translateX(-90px) scale(.55);opacity:0}55%{transform:translateX(6px) scale(1.05);opacity:1}78%{transform:translateX(-2px) scale(.99);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}
@supports (animation-timeline:view()){.imsg{animation:imsgin linear both;animation-timeline:view();animation-range:entry 51% entry 100%}}
@media (prefers-reduced-motion:reduce){.imsg{animation:none!important}}
.mano{display:inline-block;font-family:"Caveat","Segoe Script","Bradley Hand",cursive;font-weight:600;font-size:28px;line-height:1.1;color:#2457C5;white-space:nowrap}
@keyframes escribe{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0 -10% 0)}}
@supports (animation-timeline:view()){.mano{animation:escribe cubic-bezier(.4,0,.6,1) both;animation-timeline:view();animation-range:entry 54% entry 100%}}
@media (prefers-reduced-motion:reduce){.mano{animation:none!important}}
@media (max-width:900px){.mano{white-space:normal}}
.cks{display:grid;gap:10px;margin-top:10px}
.ck{display:flex;align-items:center;gap:12px}
.cb{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid #000;background:#fff;display:grid;place-items:center}
.cb svg{width:18px;height:18px}.cb path{stroke-dasharray:1;stroke-dashoffset:0}
@keyframes cbfill{from{background:#fff}to{background:#fff}}
@keyframes cbdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cbpop{0%{transform:scale(1)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
@supports (animation-timeline:view()){
.cb{animation:cbfill linear both,cbpop linear both;animation-timeline:view(),view();animation-range:entry 61% entry 70%,entry 60% entry 90%}
.cb path{animation:cbdraw linear both;animation-timeline:view();animation-range:entry 55% entry 90%}
.ck2 .cb{animation-range:entry 70% entry 100%,entry 85% cover 12%}
.ck2 .cb path{animation-range:entry 82% cover 8%}}
@media (prefers-reduced-motion:reduce){.cb,.cb path{animation:none!important}}
.abanico{position:absolute;left:calc(74.5% - 44px);bottom:34px;width:0;height:0;z-index:2}
.ab{position:absolute;left:-42px;bottom:0;width:84px;height:84px;border-radius:21px;display:grid;place-items:center;box-shadow:0 10px 22px rgba(0,49,83,.22),0 0 0 1px rgba(0,49,83,.10);transform-origin:50% 160%}
.ab1{transform:rotate(-16deg) translateX(-14px)}.ab2{transform:rotate(0)}.ab3{transform:rotate(16deg) translateX(14px)}
@keyframes abf1{from{transform:rotate(0) translateX(0)}to{transform:rotate(-16deg) translateX(-14px)}}
@keyframes abf3{from{transform:rotate(0) translateX(0)}to{transform:rotate(16deg) translateX(14px)}}
@supports (animation-timeline:view()){.ab1{animation:abf1 cubic-bezier(.2,.8,.2,1) both;animation-timeline:view();animation-range:entry 60% entry 100%}.ab3{animation:abf3 cubic-bezier(.2,.8,.2,1) both;animation-timeline:view();animation-range:entry 60% entry 100%}}
@media (prefers-reduced-motion:reduce){.ab1,.ab3{animation:none!important}}
@keyframes icosube{from{transform:translateY(120px)}to{transform:translateY(0)}}
@supports (animation-timeline:view()){.ico-sube{animation:icosube linear both;animation-timeline:view();animation-range:entry 35% entry 100%}}
@media (prefers-reduced-motion:reduce){.ico-sube{animation:none!important}}
@keyframes pp{0%,49.99%{opacity:1}50%,100%{opacity:0}}
.pp{animation:pp 1s steps(1,end) infinite}
@media (prefers-reduced-motion:reduce){.pp{animation:none}}
@font-face{font-family:"DSEG7";src:url(../assets/fuentes/dseg7-classic-bold.woff2) format("woff2");font-weight:700;font-display:swap}
.lh-t{font-family:"DSEG7","SF Mono",ui-monospace,monospace;font-weight:700;font-size:19px;letter-spacing:.04em;color:#00A838;text-shadow:0 0 7px rgba(0,214,74,.45);line-height:1.3;justify-self:start;align-self:start}
@font-face{font-family:"Caveat";src:url(../assets/fuentes/caveat-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}
@media (max-width:900px){
.sts{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:28px;margin-top:48px!important}
.sts>div{padding:8px 16px 8px 0!important;border-left:0!important}
.cgrid{grid-template-columns:minmax(0,1fr)!important;gap:48px!important}
}