:root{
  --ground:#F1F0F5;
  --surface:#FFFFFF;
  --surface-2:#F7F6FA;
  --line:#E1DFEA;
  --line-strong:#CFCBDE;
  --ink:#201D2C;
  --muted:#6B6780;
  --faint:#918CA6;

  --violeta:#6B5BA8;
  --violeta-soft:#ECE8F7;
  --naranja:#C25A34;
  --naranja-soft:#FAE9E1;
  --ambar:#A8762A;
  --ambar-soft:#F8F0DF;
  --tachuela:#FFC800;
  --azul:#3B71A8;
  --azul-soft:#E6EFF8;
  --verde:#427D66;
  --verde-soft:#E5F0EA;

  --shadow:0 1px 2px rgba(32,29,44,.06), 0 8px 24px -12px rgba(32,29,44,.18);
  --r:14px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#15131C;
    --surface:#201D2A;
    --surface-2:#282434;
    --line:#332E42;
    --line-strong:#463F59;
    --ink:#EFEDF4;
    --muted:#9B96AD;
    --faint:#7D7791;

    --violeta:#A49CBE;
    --violeta-soft:#272236;
    --naranja:#C99079;
    --naranja-soft:#332420;
    --ambar:#C0A271;
    --ambar-soft:#302B1E;
    --azul:#8FA3BC;
    --azul-soft:#1F2731;
    --verde:#7FA294;
    --verde-soft:#1F2A25;
    --tachuela:#D7BE7B;

    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --ground:#15131C;
  --surface:#201D2A;
  --surface-2:#282434;
  --line:#332E42;
  --line-strong:#463F59;
  --ink:#EFEDF4;
  --muted:#9B96AD;
  --faint:#7D7791;

  --violeta:#A99BDB;
  --violeta-soft:#2A2440;
  --naranja:#E28A61;
  --naranja-soft:#39241B;
  --ambar:#D3A455;
  --ambar-soft:#332818;
  --azul:#7FAAD6;
  --azul-soft:#1B2937;
  --verde:#71AF91;
  --verde-soft:#1A2D24;

  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
}

html,body{height:100%}
body{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
*,*::before,*::after{box-sizing:border-box}
button{
  font:inherit;color:inherit;background:none;border:none;cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
button:active{opacity:.6}
:focus-visible{outline:2px solid var(--violeta);outline-offset:2px;border-radius:6px}
h1,h2,h3{margin:0;font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;text-wrap:balance}

/* shell */
.app{
  display:flex;flex-direction:column;
  min-height:100%;
}
.topbar{
  position:sticky;top:env(safe-area-inset-top, 0px);z-index:20;
  background:color-mix(in srgb, var(--ground) 88%, transparent);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.topbar-in{
  max-width:1180px;margin:0 auto;
  padding:12px 16px;
  display:flex;align-items:center;gap:12px;
}
.brand{
  display:flex;align-items:center;gap:9px;margin-right:auto;min-width:0;
  cursor:pointer;user-select:none;
  padding:4px 8px;margin-left:-8px;border-radius:12px;
  transition:background .15s;
}
.brand:hover{background:var(--violeta-soft)}
.brand:active{transform:scale(.98)}
.brand:focus-visible{outline:2px solid var(--violeta);outline-offset:2px}
/* gira mientras actualiza */
.brand.refrescando .pin{animation:gira .55s ease-in-out}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
  .brand.refrescando .pin{animation:none;opacity:.5}
}
.pin{
  width:26px;height:26px;flex:none;
  color:var(--violeta);
}
.wordmark{
  position:relative;display:inline-block;
  font-family:"Bricolage Grotesque","Figtree",sans-serif;
  font-weight:800;font-size:22px;letter-spacing:-.025em;line-height:1;
  text-transform:lowercase;
}
/* la t va morada y la tachuela amarilla se le para encima del palito.
   el .010em y el -.17em salieron de medir la Bricolage 800: el palito cae a
   .16em del borde de la letra y su punta a .275em de arriba de la caja */
.wordmark .t{position:relative;color:var(--violeta)}
.wordmark .t::after{
  content:"";position:absolute;left:.010em;top:-.17em;
  width:.30em;height:.30em;border-radius:50%;background:var(--tachuela);
}
.brand small{
  display:block;font-size:11px;color:var(--faint);font-weight:500;
  letter-spacing:.04em;text-transform:uppercase;margin-top:2px;
}
.iconbtn{
  width:40px;height:40px;flex:none;border-radius:11px;
  display:grid;place-items:center;
  border:1px solid var(--line);background:var(--surface);
  color:var(--muted);position:relative;
  transition:border-color .15s, color .15s;
}
.iconbtn:hover{border-color:var(--line-strong);color:var(--ink)}
.iconbtn svg{width:19px;height:19px}
.badge{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;
  border-radius:9px;background:var(--naranja);color:#fff;
  font-size:11px;font-weight:700;line-height:18px;text-align:center;
  border:2px solid var(--ground);
}

/* desktop nav lives in the header */
.tabs-top{display:none}

main{
  flex:1;width:100%;max-width:1180px;margin:0 auto;
  padding:18px 16px 28px;
}
@media (min-width:900px){
  main{padding-bottom:40px}
  .tabs-top{display:flex;gap:4px}
  .tabbar{display:none}
}

/* tabs de abajo. sticky y no fixed porque en iframe se iba al final */
.tabbar{
  position:sticky;bottom:0;z-index:30;
  margin-top:auto;
  background:var(--surface);
  border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom, 0px);
  display:flex;
}
.tabbar button{
  flex:1;padding:9px 4px 11px;
  display:flex;flex-direction:column;align-items:center;gap:3px;
  color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.01em;
  position:relative;
}
.tabbar svg{width:21px;height:21px}
.tabbar button[aria-current="page"]{color:var(--violeta)}
.tabs-top button{
  padding:8px 14px;border-radius:10px;
  font-size:14px;font-weight:600;color:var(--muted);
  display:flex;align-items:center;gap:7px;
}
.tabs-top svg{width:17px;height:17px}
.tabs-top button[aria-current="page"]{background:var(--violeta-soft);color:var(--violeta)}
/* el numerito va pegado a avisos */
.tabs-top button{position:relative}
.tabs-top .tabdot{top:-3px;right:-4px}
.tabdot{
  position:absolute;top:4px;right:calc(50% - 24px);
  min-width:16px;height:16px;padding:0 4px;border-radius:999px;
  background:var(--naranja);color:#fff;
  font-size:10px;font-weight:800;line-height:16px;text-align:center;
}

/* generic pieces */
.eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);
}
.sec{margin-bottom:26px}
.sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}
.sec-head h2{font-size:18px;font-weight:700;letter-spacing:-.01em}
.sec-head .count{font-size:13px;color:var(--faint);font-weight:600;font-variant-numeric:tabular-nums}

.card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
}
.stack{display:flex;flex-direction:column;gap:9px}

/* hero: el próximo pendiente */
.hero{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  box-shadow:var(--shadow);
  position:relative;overflow:hidden;
  margin-bottom:26px;
}
.hero::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;
  background:var(--violeta);
}
.hero.u-urgente::before{background:var(--naranja)}
.hero.u-pronto::before{background:var(--ambar)}
.hero.u-vencido::before{background:var(--naranja)}
.hero-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.hero h3{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:6px}
.hero .materia{font-size:14px;color:var(--muted);font-weight:500}
.cdbig{
  font-family:"Bricolage Grotesque","Figtree",sans-serif;
  font-size:clamp(38px,11vw,54px);font-weight:800;letter-spacing:-.035em;
  line-height:1;font-variant-numeric:tabular-nums;
  margin:16px 0 4px;color:var(--violeta);
}
.cdbig.u-urgente,.cdbig.u-vencido{color:var(--naranja)}
.cdbig.u-pronto{color:var(--ambar)}
.cdlabel{font-size:13px;color:var(--muted);font-weight:500}
.hero-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}

.btn{
  padding:9px 15px;border-radius:10px;font-size:14px;font-weight:600;
  border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);
  transition:background .15s,border-color .15s;
}
.btn:hover{background:var(--surface-2)}
.btn-primary{background:var(--violeta);border-color:var(--violeta);color:#fff}
.btn-primary:hover{filter:brightness(1.08);background:var(--violeta)}
.btn-sm{padding:6px 11px;font-size:13px;border-radius:9px}

/* item row */
.item{
  display:flex;align-items:flex-start;gap:12px;
  padding:13px 14px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
  transition:border-color .15s;
}
.item:hover{border-color:var(--line-strong)}
.item.hecho{opacity:.52}
.item.hecho .item-title{text-decoration:line-through;text-decoration-color:var(--faint)}
/* se ve de 26 pero se toca en 44 */
.check{
  width:26px;height:26px;flex:none;margin-top:1px;
  border-radius:8px;border:1.5px solid var(--line-strong);
  display:grid;place-items:center;color:transparent;
  transition:background .15s,border-color .15s,color .15s;
  position:relative;
}
.check::after{
  content:"";position:absolute;
  top:-9px;right:-9px;bottom:-9px;left:-9px;
}
.check:hover{border-color:var(--verde)}
.check svg{width:15px;height:15px}
.item.hecho .check{background:var(--verde);border-color:var(--verde);color:#fff}
.item-body{flex:1;min-width:0}
.item-title{font-size:15px;font-weight:600;line-height:1.3;word-wrap:break-word}
.item-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:4px}
.materia-tag{font-size:12.5px;color:var(--muted);font-weight:500}
a.materia-link{
  display:inline-flex;align-items:center;gap:4px;
  text-decoration:none;border-bottom:1px dashed var(--line-strong);
}
a.materia-link:hover{color:var(--violeta);border-bottom-color:var(--violeta)}
a.materia-link svg{width:11px;height:11px;opacity:.65}
a.btn{display:inline-flex;align-items:center;text-decoration:none}
.dot-sep{width:3px;height:3px;border-radius:50%;background:var(--line-strong);flex:none}
.cd{
  font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;
  color:var(--violeta);
}
.cd.u-urgente,.cd.u-vencido{color:var(--naranja)}
.cd.u-pronto{color:var(--ambar)}
.item-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.fecha{font-size:12px;color:var(--faint);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}

.pill{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:999px;
  font-size:11.5px;font-weight:700;letter-spacing:.02em;
}
.pill-violeta{background:var(--violeta-soft);color:var(--violeta)}
.pill-naranja{background:var(--naranja-soft);color:var(--naranja)}
.pill-ambar{background:var(--ambar-soft);color:var(--ambar)}
.pill-azul{background:var(--azul-soft);color:var(--azul)}
.pill-verde{background:var(--verde-soft);color:var(--verde)}
.pill svg{width:12px;height:12px}

/* calificaciones */
.grade{
  display:flex;align-items:center;gap:13px;
  padding:13px 14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);
}
.grade-num{
  font-family:"Bricolage Grotesque","Figtree",sans-serif;
  font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1;
  font-variant-numeric:tabular-nums;flex:none;min-width:62px;
}
.grade-body{flex:1;min-width:0}

/* eventos */
.evento{
  display:flex;gap:13px;align-items:flex-start;
  padding:13px 14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);
}
.cal{
  flex:none;width:50px;border-radius:10px;overflow:hidden;
  border:1px solid var(--line);text-align:center;
}
.cal-m{
  background:var(--azul-soft);color:var(--azul);
  font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 0;
}
.cal-d{
  font-family:"Bricolage Grotesque","Figtree",sans-serif;
  font-size:21px;font-weight:700;padding:4px 0 6px;line-height:1;
  font-variant-numeric:tabular-nums;
}

/* avisos */
.aviso{
  display:flex;gap:12px;align-items:flex-start;
  padding:13px 14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);
  position:relative;
}
.aviso.nuevo{border-color:color-mix(in srgb, var(--violeta) 45%, var(--line))}
.aviso-icon{
  width:34px;height:34px;flex:none;border-radius:10px;
  display:grid;place-items:center;
}
.aviso-icon svg{width:17px;height:17px}
.aviso-body{flex:1;min-width:0}
.aviso-t{font-size:14.5px;font-weight:600;line-height:1.3}
.aviso-d{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.4}
.aviso-ts{font-size:11.5px;color:var(--faint);margin-top:5px;font-weight:500}
.aviso-mat{margin-top:5px}

/* empty */
.empty{
  padding:34px 20px;text-align:center;
  border:1px dashed var(--line-strong);border-radius:var(--r);
  color:var(--muted);
}
.empty svg{width:28px;height:28px;color:var(--faint);margin-bottom:8px}
.empty p{margin:0;font-size:14px}
.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:4px;font-weight:600}


/* eventos = notitas en corcho. el papel es claro aunque sea modo oscuro */
.corcho{
  --corcho:#D9B48C;--corcho-borde:#B98A5E;--corcho-p1:rgba(120,80,40,.25);--corcho-p2:rgba(255,255,255,.18);
  background-color:var(--corcho);
  background-image:radial-gradient(var(--corcho-p1) 1px,transparent 1.5px),radial-gradient(var(--corcho-p2) 1px,transparent 1.5px);
  background-size:9px 9px,13px 13px;background-position:0 0,4px 6px;
  box-shadow:inset 0 0 0 5px var(--corcho-borde), inset 0 0 0 6px rgba(0,0,0,.08);
  border-radius:20px;padding:22px 14px 20px;
  display:flex;flex-direction:column;gap:20px;
}
.corcho.pasados{opacity:.75}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .corcho{--corcho:#6B5236;--corcho-borde:#4E3B27;--corcho-p1:rgba(0,0,0,.28);--corcho-p2:rgba(255,255,255,.07)}
}
:root[data-theme="dark"] .corcho{--corcho:#6B5236;--corcho-borde:#4E3B27;--corcho-p1:rgba(0,0,0,.28);--corcho-p2:rgba(255,255,255,.07)}

.nota{
  position:relative;background:var(--papel,#FFF1A8);color:#3a2f22;
  padding:24px 18px 16px;transform:rotate(var(--giro,0deg));
  box-shadow:0 7px 14px -6px rgba(60,40,20,.5);
  font-family:ui-serif,Georgia,"Times New Roman",serif;
}
.stack .nota{margin-top:10px}
.nota .pin{position:absolute;top:-9px;left:50%;width:26px;height:30px;margin-left:-13px;pointer-events:none}
.nota-cat{font-family:inherit;font:800 10.5px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta)}
.nota-quien{opacity:.7}
.nota-t{font-style:italic;font-weight:700;font-size:20px;line-height:1.15;margin:6px 0 6px;color:#2c231a}
.nota-m{font-size:13.5px;opacity:.85}
.nota-d{font-size:13.5px;margin:8px 0 0;opacity:.9;line-height:1.4}
.nota-cd{margin-top:8px;font:800 12.5px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta)}
.nota .nota-btn{margin-top:10px;background:rgba(255,255,255,.7);color:#3a2f22;border-color:rgba(60,40,20,.2)}
.nota .acciones-evento{margin-top:10px}
.nota .acciones-evento .btn{background:rgba(255,255,255,.7);color:#3a2f22;border-color:rgba(60,40,20,.2)}
.nota .pill{letter-spacing:0;text-transform:none;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.nota .pill-ambar{background:#F6E2B5;color:#6E4C12}
.nota .pill-violeta{background:#E4DCF7;color:#4F3F8F}
.nota .btn{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.nota.es-borrador{outline:2px dashed rgba(60,40,20,.35);outline-offset:-6px}
.nota.ya-paso{opacity:.7}

/* la más próxima: Tachuelín sentado arriba (él es la tachuela) */
.nota.con-tachuelin{margin-top:136px;padding-top:40px}
.nota.con-tachuelin .nota-t{font-size:23px}
.nota .sentado{position:absolute;right:22px;top:-145px;width:176px;pointer-events:none;
  filter:drop-shadow(0 3px 3px rgba(60,40,20,.18))}
@media (max-width:360px){ .nota .sentado{width:156px;top:-128px;right:12px} .nota.con-tachuelin{margin-top:120px} }
#previewBanner .nota, #previewCumple .nota{margin-top:130px}

/* Tachuelín sentado: animaciones */
.tch{overflow:visible}
.tch *{transform-box:view-box}
.tch .respira{transform-origin:80px 114px;animation:tchResp 3.4s ease-in-out infinite}
@keyframes tchResp{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,1.03)}}
.tch .pie-i,.tch .pie-d{animation:tchColumpio 2.4s ease-in-out infinite}
.tch .pie-i{transform-origin:68px 110px}
.tch .pie-d{transform-origin:92px 110px;animation-delay:-1.2s}
@keyframes tchColumpio{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}
.tch .cabeza{transform-origin:80px 92px;animation:tchCabeza 8s ease-in-out infinite}
@keyframes tchCabeza{0%,16%,46%,62%,100%{transform:rotate(0)}24%,38%{transform:rotate(-5deg)}70%,86%{transform:rotate(5deg)}}
.tch .mira{animation:tchMira 8s ease-in-out infinite}
@keyframes tchMira{0%,16%,46%,62%,100%{transform:translate(0,0)}24%,38%{transform:translate(-4px,.5px)}70%,86%{transform:translate(4px,.5px)}}
.tch .ojos{transform-box:fill-box;transform-origin:50% 50%;animation:tchParpadeo 4.6s infinite}
@keyframes tchParpadeo{0%,90%,100%{transform:scaleY(1)}93%{transform:scaleY(.08)}96%{transform:scaleY(1)}}
.tch .boca-chica{animation:tchBocaA 9s ease-in-out infinite}
.tch .boca-grande{animation:tchBocaB 9s ease-in-out infinite}
@keyframes tchBocaA{0%,40%,62%,100%{opacity:1}46%,56%{opacity:0}}
@keyframes tchBocaB{0%,40%,62%,100%{opacity:0}46%,56%{opacity:1}}

/* formal */
.tch .brillo{animation:tchBrillo 4s ease-in-out infinite}
@keyframes tchBrillo{0%,55%{transform:translateX(-34px)}75%,100%{transform:translateX(40px)}}
.tch .chispa{transform-box:fill-box;transform-origin:50% 50%;animation:tchChispa 4s ease-in-out infinite}
.tch .chispa.b{animation-delay:-2s}
@keyframes tchChispa{0%,60%,100%{transform:scale(0) rotate(0)}70%{transform:scale(1.15) rotate(45deg)}82%{transform:scale(0) rotate(90deg)}}
.tch .diploma{transform-origin:54px 96px;animation:tchPresume 4s ease-in-out infinite}
@keyframes tchPresume{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(-10deg) translateY(-3px)}}

/* eco */
.tch .brote{transform-origin:134px 92px;animation:tchBrote 2.8s ease-in-out infinite}
@keyframes tchBrote{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.tch .mariposa{animation:tchVuela 7s ease-in-out infinite}
@keyframes tchVuela{0%,100%{transform:translate(0,0)}25%{transform:translate(14px,-10px)}50%{transform:translate(26px,2px)}75%{transform:translate(10px,8px)}}
.tch .ala-i,.tch .ala-d{transform-box:fill-box;animation:tchAla .28s ease-in-out infinite alternate}
.tch .ala-i{transform-origin:100% 50%}.tch .ala-d{transform-origin:0% 50%}
@keyframes tchAla{to{transform:scaleX(.25)}}
.tch .pala{transform-origin:54px 96px;animation:tchPala 3.2s ease-in-out infinite}
@keyframes tchPala{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}

/* cumple */
.tch .gorro{transform-origin:80px 24px;animation:tchGorro 1.6s ease-in-out infinite}
@keyframes tchGorro{0%,100%{transform:rotate(8deg)}50%{transform:rotate(14deg)}}
.tch .pompon{transform-box:fill-box;transform-origin:50% 100%;animation:tchPompon .8s ease-in-out infinite alternate}
@keyframes tchPompon{to{transform:scale(1.2,.85)}}
.tch .flama{transform-box:fill-box;transform-origin:50% 100%;animation:tchFlama .45s ease-in-out infinite alternate}
@keyframes tchFlama{to{transform:scale(.82,1.2)}}
.tch .confeti{animation:tchCae 3.2s linear infinite;opacity:0}
@keyframes tchCae{0%{transform:translate(0,-8px) rotate(0);opacity:0}8%{opacity:1}85%{opacity:1}100%{transform:translate(8px,128px) rotate(320deg);opacity:0}}
.tch .espantasuegras{transform-origin:86px 72px;animation:tchSopla 3.4s ease-in-out infinite;opacity:0}
@keyframes tchSopla{0%,50%,100%{transform:scaleX(.12);opacity:0}54%{opacity:1}62%,82%{transform:scaleX(1);opacity:1}88%{opacity:1}}
.tch .sopla-cara{animation:tchSoplaCara 3.4s ease-in-out infinite}
@keyframes tchSoplaCara{0%,52%,90%,100%{opacity:0}58%,84%{opacity:1}}
.tch .sin-soplar{animation:tchSinSoplar 3.4s ease-in-out infinite}
@keyframes tchSinSoplar{0%,52%,90%,100%{opacity:1}58%,84%{opacity:0}}

/* deporte */
.tch .balon{animation:tchBota 1.3s infinite}
@keyframes tchBota{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}50%{transform:translateY(-30px);animation-timing-function:cubic-bezier(.6,0,.8,.3)}}
.tch .balon-giro{transform-box:fill-box;transform-origin:50% 50%;animation:tchGira 1.3s linear infinite}
@keyframes tchGira{to{transform:rotate(360deg)}}
.tch .mano-bota{transform-origin:106px 96px;animation:tchManoBota 1.3s infinite}
@keyframes tchManoBota{0%,8%,100%{transform:rotate(0)}4%{transform:rotate(-12deg)}90%{transform:rotate(6deg)}}
.tch .gota{animation:tchGota 3.6s ease-in infinite;opacity:0}
@keyframes tchGota{0%,40%{transform:translateY(0);opacity:0}48%{opacity:1}90%{transform:translateY(14px);opacity:1}100%{transform:translateY(16px);opacity:0}}
.tch .colitas{transform-origin:43px 40px;animation:tchColitas .9s ease-in-out infinite alternate}
@keyframes tchColitas{to{transform:rotate(14deg)}}

/* música */
.tch .ritmo{transform-origin:80px 92px;animation:tchRitmo .9s ease-in-out infinite}
@keyframes tchRitmo{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.tch .notita{animation:tchNota 3s ease-out infinite;opacity:0}
.tch .notita.b{animation-delay:-1s}.tch .notita.c{animation-delay:-2s}
@keyframes tchNota{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(14px,-40px) rotate(18deg);opacity:0}}
.tch .rasguea{transform-origin:54px 96px;animation:tchRasguea .45s ease-in-out infinite alternate}
@keyframes tchRasguea{to{transform:rotate(-16deg)}}

/* general */
.tch .saluda{transform-origin:106px 96px;animation:tchSaluda 1.4s ease-in-out infinite}
@keyframes tchSaluda{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(22deg)}}
.tch .banderin{transform-box:fill-box;transform-origin:0% 50%;animation:tchOndea 1s ease-in-out infinite alternate}
@keyframes tchOndea{to{transform:scaleX(.8) skewY(6deg)}}
.tch .corazon{animation:tchCorazon 4s ease-out infinite;opacity:0}
@keyframes tchCorazon{0%,50%{transform:translate(0,0) scale(.4);opacity:0}58%{opacity:1}100%{transform:translate(-6px,-26px) scale(1);opacity:0}}

.nota .sentado.entra{animation:tchVentana 1.05s ease-out both}
@keyframes tchVentana{0%,78%{clip-path:polygon(-40% -60%,140% -60%,140% 87.4%,-40% 87.4%)}100%{clip-path:polygon(-40% -60%,140% -60%,140% 160%,-40% 160%)}}
.sentado.entra .tch-cuerpo{animation:tchAsoma 1.05s both}
@keyframes tchAsoma{0%,22%{transform:translateY(140px);animation-timing-function:cubic-bezier(.2,.9,.3,1.2)}58%{transform:translateY(-9px);animation-timing-function:ease-in-out}76%{transform:translateY(2px)}100%{transform:translateY(0)}}
.sentado.entra .tch-prop{transform-box:fill-box;transform-origin:50% 50%;animation:tchLanza 1.05s both}
@keyframes tchLanza{0%{transform:translateY(110px) rotate(-30deg);animation-timing-function:cubic-bezier(.15,.8,.35,1)}34%{transform:translateY(-44px) rotate(12deg);animation-timing-function:cubic-bezier(.55,0,.75,.4)}70%{transform:translateY(4px) rotate(-3deg)}84%{transform:translateY(-3px) rotate(1deg)}100%{transform:translateY(0) rotate(0)}}
.sentado.entra .tch-fuera,.sentado.entra .tch-sombra{animation:tchAparece 1.05s both}
@keyframes tchAparece{0%,70%{opacity:0}100%{opacity:1}}

@media (prefers-reduced-motion: reduce){.tch *,.nota .sentado.entra{animation:none!important}}

/* banner de evento */
.banner{
  position:relative;overflow:hidden;
  background:var(--surface);
  border:1.5px solid color-mix(in srgb, var(--amb) 35%, var(--line));
  border-radius:20px;
  padding:26px 20px 22px;
  margin-bottom:12px;
  display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;
  box-shadow:var(--shadow);
}
.banner::before{
  content:"";position:absolute;inset:0;
  background:var(--amb-suave);opacity:.55;pointer-events:none;
}
.banner.es-borrador{border-style:dashed}
.banner.ya-paso{opacity:.6}

.banner .orla{
  position:absolute;left:0;width:100%;height:30px;
  color:var(--amb);opacity:.42;pointer-events:none;
}
.banner .orla.arriba{
  top:-2px;
  -webkit-mask-image:linear-gradient(to right,#000 72%,transparent 90%);
  mask-image:linear-gradient(to right,#000 72%,transparent 90%);
}
/* espejeado en horizontal, de cabeza se veía raro */
.banner .orla.abajo{bottom:-2px;transform:scaleX(-1);opacity:.3}
.banner.amb-cumple .orla{opacity:.62}
.banner.amb-cumple .orla.abajo{opacity:.5}
.banner.amb-cumple .remate{opacity:.85}
.banner .remate{
  position:absolute;right:14px;top:12px;
  width:30px;height:30px;color:var(--amb);opacity:.5;pointer-events:none;
}

.banner-cuerpo{position:relative;flex:1 1 230px;min-width:0}
.banner-ceja{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--amb);margin-bottom:7px;
}
.banner-emoji{font-size:15px;line-height:1}
.banner-titulo{
  font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.2;
  margin-bottom:6px;text-wrap:balance;
}
.banner-meta{
  display:flex;flex-wrap:wrap;gap:5px;
  font-size:13px;color:var(--muted);font-weight:500;
}
.banner-desc{
  margin:9px 0 0;font-size:14px;color:var(--muted);line-height:1.5;
  max-width:56ch;
}
.banner-btn{margin-top:13px;background:var(--surface)}
.banner .acciones-evento{margin-top:13px}

.banner-cuenta{
  position:relative;flex:0 0 auto;text-align:right;margin-left:auto;
  padding-top:2px;
}
.banner-cd{
  font-family:"Bricolage Grotesque","Figtree",sans-serif;
  font-size:clamp(30px,8.5vw,42px);font-weight:800;letter-spacing:-.035em;
  line-height:1;font-variant-numeric:tabular-nums;color:var(--amb);
}
.banner-cd-lbl{font-size:11.5px;color:var(--muted);margin-top:4px;font-weight:600}
.banner-dia{
  font-size:12.5px;color:var(--faint);margin-top:9px;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;
}

/* en cel la cuenta va abajo */
@media (max-width:539px){
  .banner{padding:24px 17px 20px}
  .banner-cuenta{
    margin-left:0;text-align:left;width:100%;
    border-top:1px solid color-mix(in srgb, var(--amb) 25%, var(--line));
    margin-top:14px;padding-top:12px;
    display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  }
  .banner-cd{font-size:32px}
  .banner-cd-lbl,.banner-dia{margin-top:0}
  .banner-dia{margin-left:auto}
  .banner .remate{width:26px;height:26px;right:12px;top:10px}
}

.ambientes{display:flex;flex-wrap:wrap;gap:7px}
.amb-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border-radius:999px;
  border:1.5px solid var(--line-strong);background:var(--surface);
  color:var(--muted);font-size:13px;font-weight:600;
  transition:background .15s,border-color .15s,color .15s;
}
.amb-chip span{font-size:14px;line-height:1}
.amb-chip:hover{border-color:var(--amb);color:var(--amb)}
.amb-chip.on{
  background:var(--amb-suave);border-color:var(--amb);color:var(--amb);
}
.pista-ambiente{
  margin:0 0 9px;font-size:12.5px;color:var(--faint);line-height:1.4;
}
#previewBanner .banner{margin-bottom:0}

.push-caja{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:16px 17px;
  margin-bottom:20px;
}
.push-caja.push-on{border-color:color-mix(in srgb, var(--verde) 45%, var(--line))}
.push-ok{
  display:flex;align-items:center;gap:8px;
  background:var(--verde-soft);
  border-radius:999px;
  padding:8px 8px 8px 13px;
  margin-bottom:16px;
  font-size:13px;font-weight:600;color:var(--verde);
}
.push-ok svg{width:15px;height:15px;flex:none}
.push-ok span{flex:1;min-width:0}
.push-ok button{
  flex:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-weight:600;color:var(--verde);opacity:.7;
  padding:4px 8px;border-radius:999px;
}
.push-ok button:hover{opacity:1;background:color-mix(in srgb, var(--verde) 14%, transparent)}
/* android: mismo renglón pero morado */
.push-ok.instalar{background:var(--violeta-soft);color:var(--violeta)}
.push-ok.instalar button{color:var(--violeta)}
.push-ok.instalar button:hover{background:color-mix(in srgb, var(--violeta) 14%, transparent)}

/* tira de wooclap, botones grandes */
.wooclap-tira{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 16px;
}
.wooclap-etq{
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);
}
.wooclap-chip{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--line);background:var(--surface);
  color:var(--ink);font:inherit;font-size:13px;font-weight:650;
  padding:8px 13px;border-radius:999px;cursor:pointer;
  min-height:36px;
}
.wooclap-chip:hover{border-color:var(--violeta);color:var(--violeta)}
/* sin confirmar se ve distinto a propósito */
.wooclap-chip.sin-confirmar{border-style:dashed;color:var(--muted)}
.woo-duda{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:50%;
  background:var(--ambar-soft);color:var(--ambar);
  font-size:11px;font-weight:800;
}
.tag-woo{
  border:0;border-bottom:1px dashed var(--line-strong);border-radius:0;
  background:none;padding:0;cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:500;line-height:inherit;
  color:var(--muted);
}
.tag-woo:hover{color:var(--violeta);border-bottom-color:var(--violeta)}
.tag-woo.sin-confirmar{color:var(--faint)}
.btn-woo{display:inline-flex;align-items:center;gap:6px}
/* ¡Hay Wooclap! */
.woo-par{display:inline-flex;align-items:center;gap:4px}
.woo-avisa{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;flex:none;
  border:1px solid var(--line);background:var(--surface);color:var(--violeta);cursor:pointer}
.woo-avisa svg{width:17px;height:17px}
.woo-avisa:hover{border-color:var(--violeta);background:var(--violeta-soft)}
.wooclap-chip.en-vivo{border-color:var(--verde);color:var(--verde);background:var(--verde-soft)}
.woo-punto{width:8px;height:8px;border-radius:50%;background:var(--verde);animation:woo-late 1.6s ease-out infinite}
@keyframes woo-late{0%{box-shadow:0 0 0 0 rgba(66,125,102,.55)}100%{box-shadow:0 0 0 9px rgba(66,125,102,0)}}
.woo-banner{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:16px;
  background:var(--verde-soft);border:1px solid var(--verde);color:var(--ink);animation:woo-entra .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes woo-entra{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.woo-banner-ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface);color:var(--verde)}
.woo-banner-ico svg{width:19px;height:19px;animation:woo-grita 2.4s ease-in-out infinite;transform-origin:30% 50%}
@keyframes woo-grita{0%,70%,100%{transform:none}76%{transform:rotate(-12deg) scale(1.1)}84%{transform:rotate(8deg) scale(1.05)}}
.woo-banner-txt{flex:1;min-width:0}
.woo-banner-txt strong{display:block;font-size:15px;line-height:1.3}
.woo-banner-txt small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.woo-hoja{text-align:center}
.woo-hoja-ico{width:52px;height:52px;border-radius:50%;display:inline-grid;place-items:center;background:var(--violeta-soft);color:var(--violeta);margin:2px auto 6px}
.woo-hoja-ico svg{width:26px;height:26px}
.woo-grande{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;font-size:16px;padding:14px 18px;margin-top:14px}
.woo-grande svg{width:20px;height:20px}
.woo-cancelar{display:block;width:100%;margin-top:8px}
.woo-estado{font-size:13.5px;color:var(--ambar);margin:6px 0 0}
@media (prefers-reduced-motion: reduce){.woo-punto,.woo-banner-ico svg,.woo-banner{animation:none}}
.btn-woo.sin-confirmar{border-style:dashed}
.mat-woo{margin-top:6px}
.mat-woo-fecha{display:block;margin-top:4px;font-size:11.5px;color:var(--faint)}
/* pendientes agrupados por materia */
.grupo-materia{margin-bottom:18px}
.grupo-materia:last-child{margin-bottom:0}
.grupo-cab{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 8px;padding:0 2px;
}
.grupo-nombre{
  font-size:12.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted);
}
.grupo-cuenta{
  min-width:19px;height:19px;padding:0 6px;border-radius:999px;
  background:var(--violeta-soft);color:var(--violeta);
  font-size:11px;font-weight:800;line-height:19px;text-align:center;
}
.grupo-listo{
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--verde);
}

/* mascota */
.mascota{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.mascota-btn{
  position:relative;display:block;border:0;background:none;padding:0;cursor:pointer;
  border-radius:24px;-webkit-tap-highlight-color:transparent;
}
.mascota-btn:focus-visible{outline:2px solid var(--violeta);outline-offset:4px}
.tachu{display:block;width:100%;height:auto;overflow:visible}
.mascota-dice{text-align:center;min-width:0;line-height:1.25}
.mascota-dice strong{display:block;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.mascota-dice small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.mascota-nombrar{
  border:0;background:none;padding:3px 0 0;cursor:pointer;
  font:inherit;font-size:12px;font-weight:650;color:var(--violeta);
}
.mascota-nombrar:hover{text-decoration:underline}

/* En la tarjeta: a la derecha, grande, sin fondo. */
.hero.con-mascota .hero-cuenta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.hero.con-mascota .mascota .mascota-btn{width:112px}
/* en cel tachuelín más grande */
.mascota-nombre{display:none}
@media (max-width:539px){
  /* sin margen arriba o el ¡Hola! se encima con la materia */
  .hero.con-mascota .mascota{width:176px;flex:none;margin:4px -18px 0 -30px}
  .hero.con-mascota .mascota .mascota-btn{width:176px}
  .hero.con-mascota .mascota .mascota-dice strong,
  .hero.con-mascota .mascota .mascota-dice small{display:none}
  .hero.con-mascota .mascota .mascota-nombre{display:block;font-size:12px;font-weight:700;color:var(--muted)}
  .hero.con-mascota .mascota .mascota-nombrar{font-size:11.5px;padding-top:0}
}
@media (min-width:540px){
  .hero.con-mascota{padding-right:200px}
  .hero.con-mascota .hero-cuenta{display:block}
  .hero.con-mascota .mascota{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:160px}
  .hero.con-mascota .mascota .mascota-btn{width:160px}
  .hero.con-mascota .mascota .mascota-dice{display:block}
}
@media (min-width:900px){
  .hero.con-mascota{padding-right:270px}
  .hero.con-mascota .mascota{right:40px;width:210px}
  .hero.con-mascota .mascota .mascota-btn{width:210px}
  .hero.con-mascota .mascota-dice strong{font-size:14px}
}

/* Sola, cuando no hay tarjeta. */
.mascota.sola{flex-direction:row;gap:16px;margin:0 0 22px;padding:4px 2px}
.mascota.sola .mascota-btn{width:150px;flex:none}
.mascota.sola .mascota-dice{text-align:left}
.mascota.sola .mascota-dice strong{font-size:16px}
.mascota.sola .mascota-dice small{font-size:13px}
@media (min-width:900px){ .mascota.sola .mascota-btn{width:190px} }

/* -- lo que comparten todos -- */
.mascota .cuerpo{animation:flotaM 3.4s ease-in-out infinite;transform-box:view-box;transform-origin:60px 90px}
@keyframes flotaM{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.mascota .ojo{transform-box:fill-box;transform-origin:center;animation:parpadeoM 4.6s infinite}
@keyframes parpadeoM{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}

/* -- concentrada: se da toquecitos en el labio con el lápiz -- */
.mascota.concentrada .cuerpo{animation:flotaM 4.2s ease-in-out infinite}
.mascota .toque{animation:toqueM 2.6s ease-in-out infinite}
@keyframes toqueM{
  0%,100%{transform:translate(3px,3.5px)}
  12%{transform:translate(0,0)}
  20%{transform:translate(2.2px,2.6px)}
  28%{transform:translate(0,0)}
  40%{transform:translate(3px,3.5px)}
}
.mascota .ojos-piensa{animation:piensaM 5.2s ease-in-out infinite}
@keyframes piensaM{
  0%,38%,100%{transform:translate(0,0)}
  45%,80%{transform:translate(2px,-.6px)}
}
.pensando text{opacity:0;animation:subeM 3.4s ease-out infinite}
.pensando text:nth-child(2){animation-delay:1.1s}
.pensando text:nth-child(3){animation-delay:2.2s}
@keyframes subeM{
  0%{opacity:0;transform:translate(0,0) scale(.7)}
  20%{opacity:.8}
  100%{opacity:0;transform:translate(10px,-22px) scale(1.05)}
}

/* -- preocupada: mira el calendario, voltea al frente, lo vuelve a ver -- */
.mascota.nerviosa .cuerpo{animation:flotaM 4.8s ease-in-out infinite}
/* nerviosa: ciclo de 10s */
.mascota .mira{transform-box:fill-box;transform-origin:center;animation:miraM 10s ease-in-out infinite}
/* con lentes no agrandar los ojos, se veía bizco */
@keyframes miraM{
  0%,30%,92%,100%{transform:translate(0,0)}
  38%,56%{transform:translate(-2.4px,1.4px)}
  62%,88%{transform:translate(2.4px,-1.6px)}
}
.mascota .lentes{opacity:0;animation:lentesM 10s ease-in-out infinite}
@keyframes lentesM{
  0%,28%{opacity:0;transform:translateY(-13px)}
  35%,57%{opacity:1;transform:translateY(0)}
  63%,100%{opacity:0;transform:translateY(-13px)}
}
.mascota .cejas-p{animation:cejasM 10s ease-in-out infinite}
@keyframes cejasM{
  0%,36%,58%,100%{transform:translateY(0)}
  39%,55%{transform:translateY(-3.5px)}
}
.mascota .boca-n{animation:bocaNM 10s steps(1,end) infinite}
@keyframes bocaNM{0%{opacity:1}38%{opacity:0}57%{opacity:1}62%{opacity:0}90%{opacity:1}}
.mascota .boca-o{opacity:0;animation:bocaOM 10s steps(1,end) infinite}
@keyframes bocaOM{0%{opacity:0}38%{opacity:1}57%{opacity:0}}
.mascota .sorpresa{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:sorpresaM 10s ease-out infinite}
@keyframes sorpresaM{
  0%,37%{opacity:0;transform:scale(.4)}
  40%{opacity:1;transform:scale(1.25)}
  43%,52%{opacity:1;transform:scale(1)}
  56%,100%{opacity:0;transform:scale(1)}
}
.mascota .cuelga{animation:cuelgaM 10s steps(1,end) infinite}
@keyframes cuelgaM{0%{opacity:1}61%{opacity:0}90%{opacity:1}}
.mascota .muerde{opacity:0;animation:muerdeM 10s steps(1,end) infinite}
@keyframes muerdeM{0%{opacity:0}61%{opacity:1}90%{opacity:0}}
.mascota .muerde-mano{animation:mordidaM .32s ease-in-out infinite alternate}
@keyframes mordidaM{from{transform:translate(0,0)}to{transform:translate(-.8px,.9px)}}
.mascota .calendario{transform-box:view-box;transform-origin:30px 84px;animation:calM 10s ease-in-out infinite}
@keyframes calM{0%,100%{transform:rotate(0)}50%{transform:rotate(-2.5deg)}}

/* -- wooclap: se asoma detrás de su laptop y teclea -- */
.mascota.wooclap .cuerpo{animation:flotaM 3s ease-in-out infinite}
.laptop .tapa-laptop{transform-box:fill-box;transform-origin:50% 100%}
.laptop.abre .tapa-laptop{animation:abreM .9s cubic-bezier(.34,1.56,.64,1) both}
@keyframes abreM{0%{transform:scaleY(.06)}60%{transform:scaleY(1.06)}100%{transform:scaleY(1)}}
.laptop .tecla-i{animation:teclaM .26s ease-in-out infinite alternate}
.laptop .tecla-d{animation:teclaM .26s ease-in-out .13s infinite alternate}
@keyframes teclaM{from{transform:translateY(0)}to{transform:translateY(-2.6px)}}
.laptop .lee{animation:leeM 2.4s ease-in-out infinite}
@keyframes leeM{0%,100%{transform:translate(-2.4px,1.6px)}50%{transform:translate(2.4px,1.6px)}}
.laptop .luz-pantalla{animation:luzM 1.8s ease-in-out infinite}
@keyframes luzM{0%,100%{opacity:.22}50%{opacity:.34}}
.laptop .opcion{opacity:0;transform-box:fill-box;transform-origin:center;animation:opcionM 3.6s ease-out infinite}
.laptop .opcion.o1{animation-delay:1.2s}.laptop .opcion.o2{animation-delay:2.4s}
@keyframes opcionM{0%{opacity:0;transform:translate(-8px,8px) scale(.4)}15%{opacity:1;transform:translate(0,0) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(6px,-30px) scale(.9)}}
@media (prefers-reduced-motion: reduce){.laptop .opcion{opacity:0}}

/* -- dormida: recostada en su almohada, respira lento -- */
.mascota.dormida .cuerpo{animation:respiraM 4.6s ease-in-out infinite;transform-origin:60px 60px}
@keyframes respiraM{0%,100%{transform:scale(1)}50%{transform:scale(1.025,1.035)}}
.zzz text{opacity:0;animation:zzzM 3.6s ease-out infinite}
.zzz text:nth-child(2){animation-delay:1.2s}
.zzz text:nth-child(3){animation-delay:2.4s}
@keyframes zzzM{
  0%{opacity:0;transform:translate(0,0) scale(.6)}
  25%{opacity:.9}
  100%{opacity:0;transform:translate(12px,-20px) scale(1.15)}
}

/* festejando */
.mascota.festejando .cuerpo{animation:brincaM .62s cubic-bezier(.3,1.4,.5,1) infinite;transform-origin:60px 96px}
@keyframes brincaM{
  0%,100%{transform:translateY(0) scaleY(1)}
  22%{transform:translateY(0) scaleY(.9)}
  55%{transform:translateY(-12px) scaleY(1.04)}
}
.mascota .confeti{position:absolute;left:50%;top:42%;width:0;height:0;pointer-events:none}
.mascota .confeti span{
  position:absolute;left:-3px;top:-5px;width:6px;height:10px;border-radius:2px;
  background:var(--violeta);opacity:0;
  animation:truenaM 1.5s cubic-bezier(.2,.7,.3,1) forwards;
}
.mascota .confeti span:nth-child(5n+2){background:var(--naranja)}
.mascota .confeti span:nth-child(5n+3){background:var(--verde)}
.mascota .confeti span:nth-child(5n+4){background:var(--ambar)}
.mascota .confeti span:nth-child(5n+5){background:var(--azul)}
.mascota .confeti span:nth-child(3n){width:7px;height:7px;border-radius:50%}
@keyframes truenaM{
  0%{opacity:1;transform:translate(0,0) rotate(0) scale(.4)}
  45%{opacity:1;transform:translate(var(--x),var(--y)) rotate(calc(var(--r) * .5)) scale(1)}
  100%{opacity:0;transform:translate(calc(var(--x) * 1.15),calc(var(--y) + 70px)) rotate(var(--r)) scale(.9)}
}
.mascota.festejando .mascota-dice strong{color:var(--verde)}
/* bailarina (gis) */
.mascota .ballet-caja{display:block;position:relative}
.mascota .ballet{display:block;transform-origin:50% 96%}
.mascota.bailarina.concentrada .ballet,
.mascota.bailarina.nerviosa .ballet{animation:pirueta 16s ease-in-out var(--bd,0s) infinite}
@keyframes pirueta{
  0%,72%{transform:perspective(500px) translateY(0) rotateY(0) rotate(0) scaleY(1)}
  76%   {transform:perspective(500px) translateY(-8px) rotateY(0) rotate(0) scaleY(1.03)}
  86%   {transform:perspective(500px) translateY(-8px) rotateY(720deg) rotate(0) scaleY(1.03)}
  89%   {transform:perspective(500px) translateY(0) rotateY(720deg) rotate(0) scaleY(.92)}
  93%   {transform:perspective(500px) translateY(1px) rotateY(720deg) rotate(-8deg) scaleY(.96)}
  97%,100%{transform:perspective(500px) translateY(0) rotateY(720deg) rotate(0) scaleY(1)}
}
.mascota .bnota{position:absolute;font-style:normal;font-weight:800;font-size:15px;opacity:0;pointer-events:none;color:#EF7F9A}
.mascota .bnota.n1{left:6%;top:18%}
.mascota .bnota.n2{right:8%;top:10%;color:var(--ambar);font-size:13px}
.mascota .bnota.n3{right:2%;top:46%;color:var(--violeta)}
.mascota.bailarina.concentrada .bnota,
.mascota.bailarina.nerviosa .bnota{animation:bnota 16s ease-out var(--bd,0s) infinite}
.mascota.bailarina .bnota.n2{animation-delay:calc(var(--bd,0s) + .25s)}
.mascota.bailarina .bnota.n3{animation-delay:calc(var(--bd,0s) + .5s)}
@keyframes bnota{
  0%,75%{opacity:0;transform:translateY(6px) scale(.6)}
  79%{opacity:1;transform:translateY(0) scale(1)}
  88%{opacity:1;transform:translateY(-10px) scale(1)}
  93%,100%{opacity:0;transform:translateY(-16px) scale(.9)}
}
@media (prefers-reduced-motion: reduce){
  .mascota.bailarina .ballet,.mascota.bailarina .bnota{animation:none}
}

/* mensaje del admin */
.sheet.msg-sheet{text-align:center}
.msg-sheet h2{font-size:26px;margin:4px 0 6px}
.msg-sheet p{font-size:15px}
.msg-sheet .msg-acc{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.lluvia-confeti{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.lluvia-confeti span{position:absolute;top:-24px;width:8px;height:13px;border-radius:2px;opacity:0;
  background:var(--violeta);animation:msgLlueve var(--d) cubic-bezier(.25,.5,.5,1) var(--dl) forwards}
.lluvia-confeti span:nth-child(5n+2){background:var(--naranja)}
.lluvia-confeti span:nth-child(5n+3){background:var(--verde)}
.lluvia-confeti span:nth-child(5n+4){background:var(--ambar)}
.lluvia-confeti span:nth-child(5n+5){background:var(--azul)}
.lluvia-confeti span:nth-child(3n){width:9px;height:9px;border-radius:50%}
@keyframes msgLlueve{
  0%  {opacity:1;transform:translate(0,0) rotate(0)}
  100%{opacity:.9;transform:translate(var(--x),110vh) rotate(var(--r))}
}
@media (prefers-reduced-motion: reduce){.lluvia-confeti{display:none}}

/* concentrada: ciclo de 120s, sale de gen_concentrada.py */
.mascota .rb1-r{transform-box:view-box;transform-origin:0 0;transform:translate(84.0px,68.0px) rotate(11.14deg);animation:rb1-rK 148s ease-in-out infinite}
@keyframes rb1-rK{0%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 0.676%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 0.865%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 1.054%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 1.243%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 2.568%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 2.757%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 2.946%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 3.135%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 4.459%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 4.649%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 4.838%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 5.027%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 6.351%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 6.541%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 6.73%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 6.919%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 8.243%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 8.432%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 8.622%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 8.811%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 9.459%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 9.932%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 10.236%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 10.541%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 10.946%{transform:translate(84.0px,68.0px) rotate(-79.34deg)} 11.081%{transform:translate(84.0px,68.0px) rotate(-88.23deg)} 11.385%{transform:translate(84.0px,68.0px) rotate(-109.75deg)} 11.689%{transform:translate(84.0px,68.0px) rotate(-65.98deg)} 11.993%{transform:translate(84.0px,68.0px) rotate(-96.78deg)} 12.297%{transform:translate(84.0px,68.0px) rotate(-79.34deg)} 12.601%{transform:translate(84.0px,68.0px) rotate(-115.42deg)} 12.905%{transform:translate(84.0px,68.0px) rotate(-75.15deg)} 13.209%{transform:translate(84.0px,68.0px) rotate(-96.43deg)} 13.514%{transform:translate(84.0px,68.0px) rotate(-66.03deg)} 13.818%{transform:translate(84.0px,68.0px) rotate(-105.68deg)} 14.189%{transform:translate(84.0px,68.0px) rotate(-87.92deg)} 14.595%{transform:translate(84.0px,68.0px) rotate(-137.73deg)} 15%{transform:translate(84.0px,68.0px) rotate(-139.60deg)} 15.405%{transform:translate(84.0px,68.0px) rotate(-137.07deg)} 15.811%{transform:translate(84.0px,68.0px) rotate(-138.99deg)} 16.149%{transform:translate(84.0px,68.0px) rotate(-83.65deg)} 16.419%{transform:translate(84.0px,68.0px) rotate(-105.68deg)} 16.757%{transform:translate(84.0px,68.0px) rotate(-79.59deg)} 17.162%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 17.466%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 17.838%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 18.243%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 18.919%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 19.108%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 19.297%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 19.486%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 20.811%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 21%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 21.189%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 21.378%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 22.297%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 22.77%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 23.074%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 23.378%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 23.784%{transform:translate(84.0px,68.0px) rotate(41.40deg)} 24.189%{transform:translate(84.0px,68.0px) rotate(34.08deg)} 24.527%{transform:translate(84.0px,68.0px) rotate(41.40deg)} 25.338%{transform:translate(84.0px,68.0px) rotate(22.45deg)} 25.608%{transform:translate(84.0px,68.0px) rotate(21.67deg)} 25.912%{transform:translate(84.0px,68.0px) rotate(41.40deg)} 26.284%{transform:translate(84.0px,68.0px) rotate(78.31deg)} 27.162%{transform:translate(84.0px,68.0px) rotate(77.37deg)} 27.635%{transform:translate(84.0px,68.0px) rotate(2.47deg)} 27.703%{transform:translate(84.0px,68.0px) rotate(2.47deg)} 28.108%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 28.412%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 28.784%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 29.189%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 29.865%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 30.054%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 30.243%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 30.432%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 32.432%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 32.905%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 33.209%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 33.514%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 33.919%{transform:translate(84.0px,68.0px) rotate(-109.56deg)} 34.203%{transform:translate(84.0px,68.0px) rotate(-153.43deg)} 34.486%{transform:translate(84.0px,68.0px) rotate(-109.56deg)} 34.77%{transform:translate(84.0px,68.0px) rotate(-153.43deg)} 35.054%{transform:translate(84.0px,68.0px) rotate(-109.56deg)} 35.338%{transform:translate(84.0px,68.0px) rotate(-153.43deg)} 35.622%{transform:translate(84.0px,68.0px) rotate(-109.56deg)} 35.905%{transform:translate(84.0px,68.0px) rotate(-153.43deg)} 36.189%{transform:translate(84.0px,68.0px) rotate(-109.56deg)} 36.473%{transform:translate(84.0px,68.0px) rotate(-153.43deg)} 36.757%{transform:translate(84.0px,68.0px) rotate(-109.56deg)} 37.162%{transform:translate(84.0px,68.0px) rotate(-65.98deg)} 37.297%{transform:translate(84.0px,68.0px) rotate(-65.98deg)} 37.703%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 38.007%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 38.378%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 38.784%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 38.919%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 39.595%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 39.784%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 39.973%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 40.162%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 42.568%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 43.041%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 43.345%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 43.649%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 44.054%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 44.459%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 44.797%{transform:translate(84.0px,68.0px) rotate(-31.25deg)} 45.135%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 45.473%{transform:translate(84.0px,68.0px) rotate(-31.25deg)} 45.811%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 46.149%{transform:translate(84.0px,68.0px) rotate(-31.25deg)} 46.486%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 46.824%{transform:translate(84.0px,68.0px) rotate(-31.25deg)} 47.162%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 47.5%{transform:translate(84.0px,68.0px) rotate(-31.25deg)} 47.838%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 48.176%{transform:translate(84.0px,68.0px) rotate(-31.25deg)} 48.514%{transform:translate(84.0px,68.0px) rotate(-1.71deg)} 48.919%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 49.459%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 49.865%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 50.169%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 50.541%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 50.946%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 51.081%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 51.757%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 51.946%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 52.135%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 52.324%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 54.73%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 55.203%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 55.507%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 55.811%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 56.216%{transform:translate(84.0px,68.0px) rotate(-52.10deg)} 60.405%{transform:translate(84.0px,68.0px) rotate(-52.10deg)} 60.811%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 61.115%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 61.486%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 61.892%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 62.568%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 62.757%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 62.946%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 63.135%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 65.541%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 66.014%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 66.318%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 66.622%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 67.027%{transform:translate(84.0px,68.0px) rotate(-39.07deg)} 67.838%{transform:translate(84.0px,68.0px) rotate(-39.07deg)} 68.243%{transform:translate(84.0px,68.0px) rotate(-28.79deg)} 68.581%{transform:translate(84.0px,68.0px) rotate(-20.40deg)} 68.851%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 69.257%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 70.27%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 70.676%{transform:translate(84.0px,68.0px) rotate(-0.71deg)} 71.014%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 71.351%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 71.757%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 72.432%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 72.622%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 72.811%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 73%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 74.324%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 74.865%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 75.135%{transform:translate(84.0px,68.0px) rotate(-67.11deg)} 75.507%{transform:translate(84.0px,68.0px) rotate(-79.05deg)} 75.878%{transform:translate(84.0px,68.0px) rotate(-67.11deg)} 76.25%{transform:translate(84.0px,68.0px) rotate(-79.05deg)} 76.622%{transform:translate(84.0px,68.0px) rotate(-67.11deg)} 76.993%{transform:translate(84.0px,68.0px) rotate(-79.05deg)} 77.365%{transform:translate(84.0px,68.0px) rotate(-67.11deg)} 77.736%{transform:translate(84.0px,68.0px) rotate(-79.05deg)} 78.108%{transform:translate(84.0px,68.0px) rotate(-67.11deg)} 78.48%{transform:translate(84.0px,68.0px) rotate(-79.05deg)} 79.054%{transform:translate(84.0px,68.0px) rotate(-29.25deg)} 79.595%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 80.27%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 80.459%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 80.649%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 80.838%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 82.432%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 82.905%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 83.209%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 83.514%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 83.919%{transform:translate(84.0px,68.0px) rotate(-130.58deg)} 84.054%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 84.297%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 84.541%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 84.784%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 85.027%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 85.27%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 85.514%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 85.757%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 86%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 86.243%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 86.486%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 86.73%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 86.973%{transform:translate(84.0px,68.0px) rotate(-141.13deg)} 87.216%{transform:translate(84.0px,68.0px) rotate(-146.82deg)} 87.635%{transform:translate(84.0px,68.0px) rotate(-65.98deg)} 87.77%{transform:translate(84.0px,68.0px) rotate(-65.98deg)} 88.176%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 88.48%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 88.851%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 89.257%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 89.932%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 90.122%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 90.311%{transform:translate(84.0px,68.0px) rotate(-8.25deg)} 90.5%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 91.892%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 92.365%{transform:translate(84.0px,68.0px) rotate(-70.44deg)} 92.669%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 92.973%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 93.243%{transform:translate(84.0px,68.0px) rotate(-6.76deg)} 93.378%{transform:translate(84.0px,68.0px) rotate(-11.94deg)} 93.689%{transform:translate(84.0px,68.0px) rotate(-126.25deg)} 94.135%{transform:translate(84.0px,68.0px) rotate(-50.46deg)} 94.581%{transform:translate(84.0px,68.0px) rotate(-126.25deg)} 95.027%{transform:translate(84.0px,68.0px) rotate(-50.46deg)} 95.473%{transform:translate(84.0px,68.0px) rotate(-126.25deg)} 95.919%{transform:translate(84.0px,68.0px) rotate(-50.46deg)} 96.365%{transform:translate(84.0px,68.0px) rotate(-126.25deg)} 97.027%{transform:translate(84.0px,68.0px) rotate(-3.13deg)} 97.568%{transform:translate(84.0px,68.0px) rotate(-15.03deg)} 97.973%{transform:translate(84.0px,68.0px) rotate(3.06deg)} 98.378%{transform:translate(84.0px,68.0px) rotate(11.14deg)} 100%{transform:translate(84.0px,68.0px) rotate(11.14deg)}}
.mascota .rb2-r{transform-box:view-box;transform-origin:0 0;transform:translate(0px,13.5px) rotate(111.32deg);animation:rb2-rK 148s ease-in-out infinite}
@keyframes rb2-rK{0%{transform:translate(0px,13.5px) rotate(111.32deg)} 0.676%{transform:translate(0px,13.5px) rotate(114.86deg)} 0.865%{transform:translate(0px,13.5px) rotate(111.32deg)} 1.054%{transform:translate(0px,13.5px) rotate(114.86deg)} 1.243%{transform:translate(0px,13.5px) rotate(111.32deg)} 2.568%{transform:translate(0px,13.5px) rotate(114.86deg)} 2.757%{transform:translate(0px,13.5px) rotate(111.32deg)} 2.946%{transform:translate(0px,13.5px) rotate(114.86deg)} 3.135%{transform:translate(0px,13.5px) rotate(111.32deg)} 4.459%{transform:translate(0px,13.5px) rotate(114.86deg)} 4.649%{transform:translate(0px,13.5px) rotate(111.32deg)} 4.838%{transform:translate(0px,13.5px) rotate(114.86deg)} 5.027%{transform:translate(0px,13.5px) rotate(111.32deg)} 6.351%{transform:translate(0px,13.5px) rotate(114.86deg)} 6.541%{transform:translate(0px,13.5px) rotate(111.32deg)} 6.73%{transform:translate(0px,13.5px) rotate(114.86deg)} 6.919%{transform:translate(0px,13.5px) rotate(111.32deg)} 8.243%{transform:translate(0px,13.5px) rotate(114.86deg)} 8.432%{transform:translate(0px,13.5px) rotate(111.32deg)} 8.622%{transform:translate(0px,13.5px) rotate(114.86deg)} 8.811%{transform:translate(0px,13.5px) rotate(111.32deg)} 9.459%{transform:translate(0px,13.5px) rotate(111.32deg)} 9.932%{transform:translate(0px,13.5px) rotate(73.50deg)} 10.236%{transform:translate(0px,13.5px) rotate(-75.14deg)} 10.541%{transform:translate(0px,13.5px) rotate(-76.11deg)} 10.946%{transform:translate(0px,13.5px) rotate(-101.79deg)} 11.081%{transform:translate(0px,13.5px) rotate(-98.12deg)} 11.385%{transform:translate(0px,13.5px) rotate(-64.75deg)} 11.689%{transform:translate(0px,13.5px) rotate(-115.43deg)} 11.993%{transform:translate(0px,13.5px) rotate(-76.43deg)} 12.297%{transform:translate(0px,13.5px) rotate(-101.79deg)} 12.601%{transform:translate(0px,13.5px) rotate(-52.58deg)} 12.905%{transform:translate(0px,13.5px) rotate(-109.30deg)} 13.209%{transform:translate(0px,13.5px) rotate(-81.08deg)} 13.514%{transform:translate(0px,13.5px) rotate(-111.15deg)} 13.818%{transform:translate(0px,13.5px) rotate(-65.79deg)} 14.189%{transform:translate(0px,13.5px) rotate(-94.17deg)} 14.595%{transform:translate(0px,13.5px) rotate(-0.00deg)} 15%{transform:translate(0px,13.5px) rotate(-0.00deg)} 15.405%{transform:translate(0px,13.5px) rotate(-0.00deg)} 15.811%{transform:translate(0px,13.5px) rotate(-0.00deg)} 16.149%{transform:translate(0px,13.5px) rotate(-98.12deg)} 16.419%{transform:translate(0px,13.5px) rotate(-65.79deg)} 16.757%{transform:translate(0px,13.5px) rotate(-105.84deg)} 17.162%{transform:translate(0px,13.5px) rotate(-76.11deg)} 17.466%{transform:translate(0px,13.5px) rotate(-75.14deg)} 17.838%{transform:translate(0px,13.5px) rotate(-73.50deg)} 18.243%{transform:translate(0px,13.5px) rotate(111.32deg)} 18.919%{transform:translate(0px,13.5px) rotate(114.86deg)} 19.108%{transform:translate(0px,13.5px) rotate(111.32deg)} 19.297%{transform:translate(0px,13.5px) rotate(114.86deg)} 19.486%{transform:translate(0px,13.5px) rotate(111.32deg)} 20.811%{transform:translate(0px,13.5px) rotate(114.86deg)} 21%{transform:translate(0px,13.5px) rotate(111.32deg)} 21.189%{transform:translate(0px,13.5px) rotate(114.86deg)} 21.378%{transform:translate(0px,13.5px) rotate(111.32deg)} 22.297%{transform:translate(0px,13.5px) rotate(111.32deg)} 22.77%{transform:translate(0px,13.5px) rotate(73.50deg)} 23.074%{transform:translate(0px,13.5px) rotate(-75.14deg)} 23.378%{transform:translate(0px,13.5px) rotate(-76.11deg)} 23.784%{transform:translate(0px,13.5px) rotate(34.12deg)} 24.189%{transform:translate(0px,13.5px) rotate(50.32deg)} 24.527%{transform:translate(0px,13.5px) rotate(34.12deg)} 25.338%{transform:translate(0px,13.5px) rotate(96.22deg)} 25.608%{transform:translate(0px,13.5px) rotate(99.79deg)} 25.912%{transform:translate(0px,13.5px) rotate(34.12deg)} 26.284%{transform:translate(0px,13.5px) rotate(-0.00deg)} 27.162%{transform:translate(0px,13.5px) rotate(-0.00deg)} 27.635%{transform:translate(0px,13.5px) rotate(93.85deg)} 27.703%{transform:translate(0px,13.5px) rotate(93.85deg)} 28.108%{transform:translate(0px,13.5px) rotate(-76.11deg)} 28.412%{transform:translate(0px,13.5px) rotate(-75.14deg)} 28.784%{transform:translate(0px,13.5px) rotate(-73.50deg)} 29.189%{transform:translate(0px,13.5px) rotate(111.32deg)} 29.865%{transform:translate(0px,13.5px) rotate(114.86deg)} 30.054%{transform:translate(0px,13.5px) rotate(111.32deg)} 30.243%{transform:translate(0px,13.5px) rotate(114.86deg)} 30.432%{transform:translate(0px,13.5px) rotate(111.32deg)} 32.432%{transform:translate(0px,13.5px) rotate(111.32deg)} 32.905%{transform:translate(0px,13.5px) rotate(73.50deg)} 33.209%{transform:translate(0px,13.5px) rotate(-75.14deg)} 33.514%{transform:translate(0px,13.5px) rotate(-76.11deg)} 33.919%{transform:translate(0px,13.5px) rotate(-73.50deg)} 34.203%{transform:translate(0px,13.5px) rotate(-0.00deg)} 34.486%{transform:translate(0px,13.5px) rotate(-73.50deg)} 34.77%{transform:translate(0px,13.5px) rotate(-0.00deg)} 35.054%{transform:translate(0px,13.5px) rotate(-73.50deg)} 35.338%{transform:translate(0px,13.5px) rotate(-0.00deg)} 35.622%{transform:translate(0px,13.5px) rotate(-73.50deg)} 35.905%{transform:translate(0px,13.5px) rotate(-0.00deg)} 36.189%{transform:translate(0px,13.5px) rotate(-73.50deg)} 36.473%{transform:translate(0px,13.5px) rotate(-0.00deg)} 36.757%{transform:translate(0px,13.5px) rotate(-73.50deg)} 37.162%{transform:translate(0px,13.5px) rotate(-115.43deg)} 37.297%{transform:translate(0px,13.5px) rotate(-115.43deg)} 37.703%{transform:translate(0px,13.5px) rotate(-76.11deg)} 38.007%{transform:translate(0px,13.5px) rotate(-75.14deg)} 38.378%{transform:translate(0px,13.5px) rotate(-73.50deg)} 38.784%{transform:translate(0px,13.5px) rotate(111.32deg)} 38.919%{transform:translate(0px,13.5px) rotate(111.32deg)} 39.595%{transform:translate(0px,13.5px) rotate(114.86deg)} 39.784%{transform:translate(0px,13.5px) rotate(111.32deg)} 39.973%{transform:translate(0px,13.5px) rotate(114.86deg)} 40.162%{transform:translate(0px,13.5px) rotate(111.32deg)} 42.568%{transform:translate(0px,13.5px) rotate(111.32deg)} 43.041%{transform:translate(0px,13.5px) rotate(73.50deg)} 43.345%{transform:translate(0px,13.5px) rotate(-75.14deg)} 43.649%{transform:translate(0px,13.5px) rotate(-76.11deg)} 44.054%{transform:translate(0px,13.5px) rotate(-0.00deg)} 44.459%{transform:translate(0px,13.5px) rotate(-132.98deg)} 44.797%{transform:translate(0px,13.5px) rotate(-127.03deg)} 45.135%{transform:translate(0px,13.5px) rotate(-132.98deg)} 45.473%{transform:translate(0px,13.5px) rotate(-127.03deg)} 45.811%{transform:translate(0px,13.5px) rotate(-132.98deg)} 46.149%{transform:translate(0px,13.5px) rotate(-127.03deg)} 46.486%{transform:translate(0px,13.5px) rotate(-132.98deg)} 46.824%{transform:translate(0px,13.5px) rotate(-127.03deg)} 47.162%{transform:translate(0px,13.5px) rotate(-132.98deg)} 47.5%{transform:translate(0px,13.5px) rotate(-127.03deg)} 47.838%{transform:translate(0px,13.5px) rotate(-132.98deg)} 48.176%{transform:translate(0px,13.5px) rotate(-127.03deg)} 48.514%{transform:translate(0px,13.5px) rotate(-132.98deg)} 48.919%{transform:translate(0px,13.5px) rotate(-0.00deg)} 49.459%{transform:translate(0px,13.5px) rotate(-0.00deg)} 49.865%{transform:translate(0px,13.5px) rotate(-76.11deg)} 50.169%{transform:translate(0px,13.5px) rotate(-75.14deg)} 50.541%{transform:translate(0px,13.5px) rotate(-73.50deg)} 50.946%{transform:translate(0px,13.5px) rotate(111.32deg)} 51.081%{transform:translate(0px,13.5px) rotate(111.32deg)} 51.757%{transform:translate(0px,13.5px) rotate(114.86deg)} 51.946%{transform:translate(0px,13.5px) rotate(111.32deg)} 52.135%{transform:translate(0px,13.5px) rotate(114.86deg)} 52.324%{transform:translate(0px,13.5px) rotate(111.32deg)} 54.73%{transform:translate(0px,13.5px) rotate(111.32deg)} 55.203%{transform:translate(0px,13.5px) rotate(73.50deg)} 55.507%{transform:translate(0px,13.5px) rotate(-75.14deg)} 55.811%{transform:translate(0px,13.5px) rotate(-76.11deg)} 56.216%{transform:translate(0px,13.5px) rotate(121.69deg)} 60.405%{transform:translate(0px,13.5px) rotate(121.69deg)} 60.811%{transform:translate(0px,13.5px) rotate(-76.11deg)} 61.115%{transform:translate(0px,13.5px) rotate(-75.14deg)} 61.486%{transform:translate(0px,13.5px) rotate(-73.50deg)} 61.892%{transform:translate(0px,13.5px) rotate(111.32deg)} 62.568%{transform:translate(0px,13.5px) rotate(114.86deg)} 62.757%{transform:translate(0px,13.5px) rotate(111.32deg)} 62.946%{transform:translate(0px,13.5px) rotate(114.86deg)} 63.135%{transform:translate(0px,13.5px) rotate(111.32deg)} 65.541%{transform:translate(0px,13.5px) rotate(111.32deg)} 66.014%{transform:translate(0px,13.5px) rotate(73.50deg)} 66.318%{transform:translate(0px,13.5px) rotate(-75.14deg)} 66.622%{transform:translate(0px,13.5px) rotate(-76.11deg)} 67.027%{transform:translate(0px,13.5px) rotate(-52.97deg)} 67.838%{transform:translate(0px,13.5px) rotate(-52.97deg)} 68.243%{transform:translate(0px,13.5px) rotate(-60.50deg)} 68.581%{transform:translate(0px,13.5px) rotate(-59.59deg)} 68.851%{transform:translate(0px,13.5px) rotate(-75.14deg)} 69.257%{transform:translate(0px,13.5px) rotate(-0.00deg)} 70.27%{transform:translate(0px,13.5px) rotate(-0.00deg)} 70.676%{transform:translate(0px,13.5px) rotate(-60.50deg)} 71.014%{transform:translate(0px,13.5px) rotate(-75.14deg)} 71.351%{transform:translate(0px,13.5px) rotate(-73.50deg)} 71.757%{transform:translate(0px,13.5px) rotate(111.32deg)} 72.432%{transform:translate(0px,13.5px) rotate(114.86deg)} 72.622%{transform:translate(0px,13.5px) rotate(111.32deg)} 72.811%{transform:translate(0px,13.5px) rotate(114.86deg)} 73%{transform:translate(0px,13.5px) rotate(111.32deg)} 74.324%{transform:translate(0px,13.5px) rotate(111.32deg)} 74.865%{transform:translate(0px,13.5px) rotate(-0.00deg)} 75.135%{transform:translate(0px,13.5px) rotate(86.30deg)} 75.507%{transform:translate(0px,13.5px) rotate(101.95deg)} 75.878%{transform:translate(0px,13.5px) rotate(86.30deg)} 76.25%{transform:translate(0px,13.5px) rotate(101.95deg)} 76.622%{transform:translate(0px,13.5px) rotate(86.30deg)} 76.993%{transform:translate(0px,13.5px) rotate(101.95deg)} 77.365%{transform:translate(0px,13.5px) rotate(86.30deg)} 77.736%{transform:translate(0px,13.5px) rotate(101.95deg)} 78.108%{transform:translate(0px,13.5px) rotate(86.30deg)} 78.48%{transform:translate(0px,13.5px) rotate(101.95deg)} 79.054%{transform:translate(0px,13.5px) rotate(-0.00deg)} 79.595%{transform:translate(0px,13.5px) rotate(111.32deg)} 80.27%{transform:translate(0px,13.5px) rotate(114.86deg)} 80.459%{transform:translate(0px,13.5px) rotate(111.32deg)} 80.649%{transform:translate(0px,13.5px) rotate(114.86deg)} 80.838%{transform:translate(0px,13.5px) rotate(111.32deg)} 82.432%{transform:translate(0px,13.5px) rotate(111.32deg)} 82.905%{transform:translate(0px,13.5px) rotate(73.50deg)} 83.209%{transform:translate(0px,13.5px) rotate(-75.14deg)} 83.514%{transform:translate(0px,13.5px) rotate(-76.11deg)} 83.919%{transform:translate(0px,13.5px) rotate(-37.67deg)} 84.054%{transform:translate(0px,13.5px) rotate(-36.63deg)} 84.297%{transform:translate(0px,13.5px) rotate(-0.00deg)} 84.541%{transform:translate(0px,13.5px) rotate(-36.63deg)} 84.784%{transform:translate(0px,13.5px) rotate(-0.00deg)} 85.027%{transform:translate(0px,13.5px) rotate(-36.63deg)} 85.27%{transform:translate(0px,13.5px) rotate(-0.00deg)} 85.514%{transform:translate(0px,13.5px) rotate(-36.63deg)} 85.757%{transform:translate(0px,13.5px) rotate(-0.00deg)} 86%{transform:translate(0px,13.5px) rotate(-36.63deg)} 86.243%{transform:translate(0px,13.5px) rotate(-0.00deg)} 86.486%{transform:translate(0px,13.5px) rotate(-36.63deg)} 86.73%{transform:translate(0px,13.5px) rotate(-0.00deg)} 86.973%{transform:translate(0px,13.5px) rotate(-36.63deg)} 87.216%{transform:translate(0px,13.5px) rotate(-0.00deg)} 87.635%{transform:translate(0px,13.5px) rotate(-115.43deg)} 87.77%{transform:translate(0px,13.5px) rotate(-115.43deg)} 88.176%{transform:translate(0px,13.5px) rotate(-76.11deg)} 88.48%{transform:translate(0px,13.5px) rotate(-75.14deg)} 88.851%{transform:translate(0px,13.5px) rotate(-73.50deg)} 89.257%{transform:translate(0px,13.5px) rotate(111.32deg)} 89.932%{transform:translate(0px,13.5px) rotate(114.86deg)} 90.122%{transform:translate(0px,13.5px) rotate(111.32deg)} 90.311%{transform:translate(0px,13.5px) rotate(114.86deg)} 90.5%{transform:translate(0px,13.5px) rotate(111.32deg)} 91.892%{transform:translate(0px,13.5px) rotate(111.32deg)} 92.365%{transform:translate(0px,13.5px) rotate(73.50deg)} 92.669%{transform:translate(0px,13.5px) rotate(-75.14deg)} 92.973%{transform:translate(0px,13.5px) rotate(-76.11deg)} 93.243%{transform:translate(0px,13.5px) rotate(-43.70deg)} 93.378%{transform:translate(0px,13.5px) rotate(-66.13deg)} 93.689%{transform:translate(0px,13.5px) rotate(-0.00deg)} 94.135%{transform:translate(0px,13.5px) rotate(43.70deg)} 94.581%{transform:translate(0px,13.5px) rotate(-0.00deg)} 95.027%{transform:translate(0px,13.5px) rotate(43.70deg)} 95.473%{transform:translate(0px,13.5px) rotate(-0.00deg)} 95.919%{transform:translate(0px,13.5px) rotate(43.70deg)} 96.365%{transform:translate(0px,13.5px) rotate(-0.00deg)} 97.027%{transform:translate(0px,13.5px) rotate(-76.11deg)} 97.568%{transform:translate(0px,13.5px) rotate(-75.14deg)} 97.973%{transform:translate(0px,13.5px) rotate(-73.50deg)} 98.378%{transform:translate(0px,13.5px) rotate(111.32deg)} 100%{transform:translate(0px,13.5px) rotate(111.32deg)}}
.mascota .rb1-l{transform-box:view-box;transform-origin:0 0;transform:translate(36.0px,68.0px) rotate(29.25deg);animation:rb1-lK 148s ease-in-out infinite}
@keyframes rb1-lK{0%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 9.459%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 9.662%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 10.068%{transform:translate(36.0px,68.0px) rotate(35.75deg)} 10.676%{transform:translate(36.0px,68.0px) rotate(25.21deg)} 16.824%{transform:translate(36.0px,68.0px) rotate(25.21deg)} 17.162%{transform:translate(36.0px,68.0px) rotate(35.75deg)} 17.703%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 18.108%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 18.243%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 22.297%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 23.446%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 23.851%{transform:translate(36.0px,68.0px) rotate(-43.37deg)} 24.189%{transform:translate(36.0px,68.0px) rotate(-49.62deg)} 24.527%{transform:translate(36.0px,68.0px) rotate(-43.37deg)} 25.338%{transform:translate(36.0px,68.0px) rotate(-78.49deg)} 25.608%{transform:translate(36.0px,68.0px) rotate(-79.70deg)} 25.912%{transform:translate(36.0px,68.0px) rotate(-43.37deg)} 26.284%{transform:translate(36.0px,68.0px) rotate(-16.67deg)} 27.162%{transform:translate(36.0px,68.0px) rotate(-15.76deg)} 27.635%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 29.189%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 32.432%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 33.514%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 33.919%{transform:translate(36.0px,68.0px) rotate(153.43deg)} 34.203%{transform:translate(36.0px,68.0px) rotate(109.95deg)} 34.486%{transform:translate(36.0px,68.0px) rotate(153.43deg)} 34.77%{transform:translate(36.0px,68.0px) rotate(109.95deg)} 35.054%{transform:translate(36.0px,68.0px) rotate(153.43deg)} 35.338%{transform:translate(36.0px,68.0px) rotate(109.95deg)} 35.622%{transform:translate(36.0px,68.0px) rotate(153.43deg)} 35.905%{transform:translate(36.0px,68.0px) rotate(109.95deg)} 36.189%{transform:translate(36.0px,68.0px) rotate(153.43deg)} 36.473%{transform:translate(36.0px,68.0px) rotate(109.95deg)} 36.757%{transform:translate(36.0px,68.0px) rotate(153.43deg)} 37.297%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 38.919%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 42.568%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 43.514%{transform:translate(36.0px,68.0px) rotate(89.70deg)} 49.257%{transform:translate(36.0px,68.0px) rotate(89.70deg)} 49.797%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 51.081%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 54.73%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 55.811%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 56.216%{transform:translate(36.0px,68.0px) rotate(52.10deg)} 60.405%{transform:translate(36.0px,68.0px) rotate(52.10deg)} 60.811%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 61.892%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 65.541%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 66.622%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 67.838%{transform:translate(36.0px,68.0px) rotate(29.25deg)} 68.243%{transform:translate(36.0px,68.0px) rotate(196.69deg)} 68.581%{transform:translate(36.0px,68.0px) rotate(271.36deg)} 68.716%{transform:translate(36.0px,68.0px) rotate(274.82deg)} 68.865%{transform:translate(36.0px,68.0px) rotate(265.76deg)} 69.014%{transform:translate(36.0px,68.0px) rotate(274.82deg)} 69.162%{transform:translate(36.0px,68.0px) rotate(265.76deg)} 69.311%{transform:translate(36.0px,68.0px) rotate(274.82deg)} 69.459%{transform:translate(36.0px,68.0px) rotate(265.76deg)} 69.608%{transform:translate(36.0px,68.0px) rotate(274.82deg)} 69.757%{transform:translate(36.0px,68.0px) rotate(265.76deg)} 69.905%{transform:translate(36.0px,68.0px) rotate(274.82deg)} 70.054%{transform:translate(36.0px,68.0px) rotate(265.76deg)} 70.203%{transform:translate(36.0px,68.0px) rotate(274.82deg)} 70.27%{transform:translate(36.0px,68.0px) rotate(271.36deg)} 70.743%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 71.757%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 74.324%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 79.595%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 79.73%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 82.432%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 83.919%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 84.324%{transform:translate(36.0px,68.0px) rotate(364.05deg)} 87.77%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 89.257%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 91.892%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 92.365%{transform:translate(36.0px,68.0px) rotate(395.75deg)} 92.838%{transform:translate(36.0px,68.0px) rotate(371.94deg)} 93.243%{transform:translate(36.0px,68.0px) rotate(486.25deg)} 93.689%{transform:translate(36.0px,68.0px) rotate(410.46deg)} 94.135%{transform:translate(36.0px,68.0px) rotate(486.25deg)} 94.581%{transform:translate(36.0px,68.0px) rotate(410.46deg)} 95.027%{transform:translate(36.0px,68.0px) rotate(486.25deg)} 95.473%{transform:translate(36.0px,68.0px) rotate(410.46deg)} 95.919%{transform:translate(36.0px,68.0px) rotate(486.25deg)} 96.365%{transform:translate(36.0px,68.0px) rotate(410.46deg)} 97.027%{transform:translate(36.0px,68.0px) rotate(395.75deg)} 97.568%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 98.378%{transform:translate(36.0px,68.0px) rotate(389.25deg)} 100%{transform:translate(36.0px,68.0px) rotate(389.25deg)}}
.mascota .rb2-l{transform-box:view-box;transform-origin:0 0;transform:translate(0px,13.5px) rotate(-0.00deg);animation:rb2-lK 148s ease-in-out infinite}
@keyframes rb2-lK{0%{transform:translate(0px,13.5px) rotate(-0.00deg)} 9.459%{transform:translate(0px,13.5px) rotate(-0.00deg)} 9.662%{transform:translate(0px,13.5px) rotate(-0.00deg)} 10.068%{transform:translate(0px,13.5px) rotate(-0.00deg)} 10.676%{transform:translate(0px,13.5px) rotate(24.19deg)} 16.824%{transform:translate(0px,13.5px) rotate(24.19deg)} 17.162%{transform:translate(0px,13.5px) rotate(-0.00deg)} 17.703%{transform:translate(0px,13.5px) rotate(-0.00deg)} 18.108%{transform:translate(0px,13.5px) rotate(-0.00deg)} 18.243%{transform:translate(0px,13.5px) rotate(-0.00deg)} 22.297%{transform:translate(0px,13.5px) rotate(-0.00deg)} 23.446%{transform:translate(0px,13.5px) rotate(-0.00deg)} 23.851%{transform:translate(0px,13.5px) rotate(-35.16deg)} 24.189%{transform:translate(0px,13.5px) rotate(-28.61deg)} 24.527%{transform:translate(0px,13.5px) rotate(-35.16deg)} 25.338%{transform:translate(0px,13.5px) rotate(-0.00deg)} 25.608%{transform:translate(0px,13.5px) rotate(-0.00deg)} 25.912%{transform:translate(0px,13.5px) rotate(-35.16deg)} 26.284%{transform:translate(0px,13.5px) rotate(-99.39deg)} 27.162%{transform:translate(0px,13.5px) rotate(-98.24deg)} 27.635%{transform:translate(0px,13.5px) rotate(-0.00deg)} 29.189%{transform:translate(0px,13.5px) rotate(-0.00deg)} 32.432%{transform:translate(0px,13.5px) rotate(-0.00deg)} 33.514%{transform:translate(0px,13.5px) rotate(-0.00deg)} 33.919%{transform:translate(0px,13.5px) rotate(-0.00deg)} 34.203%{transform:translate(0px,13.5px) rotate(77.24deg)} 34.486%{transform:translate(0px,13.5px) rotate(-0.00deg)} 34.77%{transform:translate(0px,13.5px) rotate(77.24deg)} 35.054%{transform:translate(0px,13.5px) rotate(-0.00deg)} 35.338%{transform:translate(0px,13.5px) rotate(77.24deg)} 35.622%{transform:translate(0px,13.5px) rotate(-0.00deg)} 35.905%{transform:translate(0px,13.5px) rotate(77.24deg)} 36.189%{transform:translate(0px,13.5px) rotate(-0.00deg)} 36.473%{transform:translate(0px,13.5px) rotate(77.24deg)} 36.757%{transform:translate(0px,13.5px) rotate(-0.00deg)} 37.297%{transform:translate(0px,13.5px) rotate(-0.00deg)} 38.919%{transform:translate(0px,13.5px) rotate(-0.00deg)} 42.568%{transform:translate(0px,13.5px) rotate(-0.00deg)} 43.514%{transform:translate(0px,13.5px) rotate(31.89deg)} 49.257%{transform:translate(0px,13.5px) rotate(31.89deg)} 49.797%{transform:translate(0px,13.5px) rotate(-0.00deg)} 51.081%{transform:translate(0px,13.5px) rotate(-0.00deg)} 54.73%{transform:translate(0px,13.5px) rotate(-0.00deg)} 55.811%{transform:translate(0px,13.5px) rotate(-0.00deg)} 56.216%{transform:translate(0px,13.5px) rotate(-121.69deg)} 60.405%{transform:translate(0px,13.5px) rotate(-121.69deg)} 60.811%{transform:translate(0px,13.5px) rotate(-0.00deg)} 61.892%{transform:translate(0px,13.5px) rotate(-0.00deg)} 65.541%{transform:translate(0px,13.5px) rotate(-0.00deg)} 66.622%{transform:translate(0px,13.5px) rotate(-0.00deg)} 67.838%{transform:translate(0px,13.5px) rotate(-0.00deg)} 68.243%{transform:translate(0px,13.5px) rotate(114.73deg)} 68.581%{transform:translate(0px,13.5px) rotate(-36.76deg)} 68.716%{transform:translate(0px,13.5px) rotate(-47.98deg)} 68.865%{transform:translate(0px,13.5px) rotate(-20.74deg)} 69.014%{transform:translate(0px,13.5px) rotate(-47.98deg)} 69.162%{transform:translate(0px,13.5px) rotate(-20.74deg)} 69.311%{transform:translate(0px,13.5px) rotate(-47.98deg)} 69.459%{transform:translate(0px,13.5px) rotate(-20.74deg)} 69.608%{transform:translate(0px,13.5px) rotate(-47.98deg)} 69.757%{transform:translate(0px,13.5px) rotate(-20.74deg)} 69.905%{transform:translate(0px,13.5px) rotate(-47.98deg)} 70.054%{transform:translate(0px,13.5px) rotate(-20.74deg)} 70.203%{transform:translate(0px,13.5px) rotate(-47.98deg)} 70.27%{transform:translate(0px,13.5px) rotate(-36.76deg)} 70.743%{transform:translate(0px,13.5px) rotate(-0.00deg)} 71.757%{transform:translate(0px,13.5px) rotate(-0.00deg)} 74.324%{transform:translate(0px,13.5px) rotate(-0.00deg)} 79.595%{transform:translate(0px,13.5px) rotate(-0.00deg)} 79.73%{transform:translate(0px,13.5px) rotate(-0.00deg)} 82.432%{transform:translate(0px,13.5px) rotate(-0.00deg)} 83.919%{transform:translate(0px,13.5px) rotate(-0.00deg)} 84.324%{transform:translate(0px,13.5px) rotate(100.83deg)} 87.77%{transform:translate(0px,13.5px) rotate(-0.00deg)} 89.257%{transform:translate(0px,13.5px) rotate(-0.00deg)} 91.892%{transform:translate(0px,13.5px) rotate(-0.00deg)} 92.365%{transform:translate(0px,13.5px) rotate(-0.00deg)} 92.838%{transform:translate(0px,13.5px) rotate(66.13deg)} 93.243%{transform:translate(0px,13.5px) rotate(-0.00deg)} 93.689%{transform:translate(0px,13.5px) rotate(-43.70deg)} 94.135%{transform:translate(0px,13.5px) rotate(-0.00deg)} 94.581%{transform:translate(0px,13.5px) rotate(-43.70deg)} 95.027%{transform:translate(0px,13.5px) rotate(-0.00deg)} 95.473%{transform:translate(0px,13.5px) rotate(-43.70deg)} 95.919%{transform:translate(0px,13.5px) rotate(-0.00deg)} 96.365%{transform:translate(0px,13.5px) rotate(-43.70deg)} 97.027%{transform:translate(0px,13.5px) rotate(-0.00deg)} 97.568%{transform:translate(0px,13.5px) rotate(-0.00deg)} 98.378%{transform:translate(0px,13.5px) rotate(-0.00deg)} 100%{transform:translate(0px,13.5px) rotate(0.00deg)}}
.mascota .pr-lapiz{transform-box:view-box;transform-origin:0 0;transform:rotate(-122.46deg);animation:pr-lapizK 148s ease-in-out infinite,po-lapizK 148s linear infinite}
@keyframes pr-lapizK{0%{transform:rotate(-122.46deg)} 0.676%{transform:rotate(-106.62deg)} 0.865%{transform:rotate(-122.46deg)} 1.054%{transform:rotate(-106.62deg)} 1.243%{transform:rotate(-122.46deg)} 2.568%{transform:rotate(-106.62deg)} 2.757%{transform:rotate(-122.46deg)} 2.946%{transform:rotate(-106.62deg)} 3.135%{transform:rotate(-122.46deg)} 4.459%{transform:rotate(-106.62deg)} 4.649%{transform:rotate(-122.46deg)} 4.838%{transform:rotate(-106.62deg)} 5.027%{transform:rotate(-122.46deg)} 6.351%{transform:rotate(-106.62deg)} 6.541%{transform:rotate(-122.46deg)} 6.73%{transform:rotate(-106.62deg)} 6.919%{transform:rotate(-122.46deg)} 8.243%{transform:rotate(-106.62deg)} 8.432%{transform:rotate(-122.46deg)} 8.622%{transform:rotate(-106.62deg)} 8.811%{transform:rotate(-122.46deg)} 9.459%{transform:rotate(-122.46deg)} 9.932%{transform:rotate(-3.06deg)} 10.135%{transform:rotate(59.09deg)} 10.236%{transform:rotate(90.16deg)} 10.27%{transform:rotate(88.95deg)} 10.541%{transform:rotate(79.24deg)} 10.946%{transform:rotate(181.13deg)} 11.081%{transform:rotate(186.35deg)} 11.385%{transform:rotate(174.50deg)} 11.689%{transform:rotate(181.40deg)} 11.993%{transform:rotate(173.22deg)} 12.297%{transform:rotate(181.13deg)} 12.601%{transform:rotate(168.00deg)} 12.905%{transform:rotate(184.46deg)} 13.209%{transform:rotate(177.52deg)} 13.514%{transform:rotate(177.18deg)} 13.818%{transform:rotate(171.47deg)} 14.189%{transform:rotate(182.08deg)} 14.595%{transform:rotate(137.73deg)} 15%{transform:rotate(139.60deg)} 15.405%{transform:rotate(137.07deg)} 15.811%{transform:rotate(138.99deg)} 16.149%{transform:rotate(181.77deg)} 16.419%{transform:rotate(171.47deg)} 16.757%{transform:rotate(185.43deg)} 17.162%{transform:rotate(79.24deg)} 17.466%{transform:rotate(90.16deg)} 17.534%{transform:rotate(86.58deg)} 17.669%{transform:rotate(79.41deg)} 17.838%{transform:rotate(70.44deg)} 18.243%{transform:rotate(-122.46deg)} 18.919%{transform:rotate(-106.62deg)} 19.108%{transform:rotate(-122.46deg)} 19.297%{transform:rotate(-106.62deg)} 19.486%{transform:rotate(-122.46deg)} 20.811%{transform:rotate(-106.62deg)} 21%{transform:rotate(-122.46deg)} 21.189%{transform:rotate(-106.62deg)} 21.378%{transform:rotate(-122.46deg)} 22.297%{transform:rotate(-122.46deg)} 22.77%{transform:rotate(-3.06deg)} 22.973%{transform:rotate(59.09deg)} 23.074%{transform:rotate(90.16deg)} 23.108%{transform:rotate(88.95deg)} 23.378%{transform:rotate(79.24deg)} 23.784%{transform:rotate(-75.53deg)} 24.189%{transform:rotate(-84.40deg)} 24.527%{transform:rotate(-75.53deg)} 25.338%{transform:rotate(-118.67deg)} 25.608%{transform:rotate(-121.46deg)} 25.912%{transform:rotate(-75.53deg)} 26.284%{transform:rotate(-78.31deg)} 27.162%{transform:rotate(-77.37deg)} 27.635%{transform:rotate(-96.33deg)} 27.703%{transform:rotate(-96.33deg)} 28.108%{transform:rotate(79.24deg)} 28.412%{transform:rotate(90.16deg)} 28.48%{transform:rotate(86.58deg)} 28.615%{transform:rotate(79.41deg)} 28.784%{transform:rotate(70.44deg)} 29.189%{transform:rotate(-122.46deg)} 29.865%{transform:rotate(-106.62deg)} 30.054%{transform:rotate(-122.46deg)} 30.243%{transform:rotate(-106.62deg)} 30.432%{transform:rotate(-122.46deg)} 32.432%{transform:rotate(-122.46deg)} 32.905%{transform:rotate(-3.06deg)} 33.108%{transform:rotate(59.09deg)} 33.209%{transform:rotate(90.16deg)} 33.243%{transform:rotate(88.95deg)} 33.514%{transform:rotate(79.24deg)} 33.919%{transform:rotate(183.06deg)} 34.203%{transform:rotate(153.43deg)} 34.486%{transform:rotate(183.06deg)} 34.77%{transform:rotate(153.43deg)} 35.054%{transform:rotate(183.06deg)} 35.338%{transform:rotate(153.43deg)} 35.622%{transform:rotate(183.06deg)} 35.905%{transform:rotate(153.43deg)} 36.189%{transform:rotate(183.06deg)} 36.473%{transform:rotate(153.43deg)} 36.757%{transform:rotate(183.06deg)} 37.162%{transform:rotate(181.40deg)} 37.297%{transform:rotate(181.40deg)} 37.703%{transform:rotate(79.24deg)} 38.007%{transform:rotate(90.16deg)} 38.074%{transform:rotate(86.58deg)} 38.209%{transform:rotate(79.41deg)} 38.378%{transform:rotate(70.44deg)} 38.784%{transform:rotate(-122.46deg)} 38.919%{transform:rotate(-122.46deg)} 39.595%{transform:rotate(-106.62deg)} 39.784%{transform:rotate(-122.46deg)} 39.973%{transform:rotate(-106.62deg)} 40.162%{transform:rotate(-122.46deg)} 42.568%{transform:rotate(-122.46deg)} 43.041%{transform:rotate(-3.06deg)} 43.243%{transform:rotate(59.09deg)} 43.345%{transform:rotate(90.16deg)} 43.378%{transform:rotate(88.95deg)} 43.649%{transform:rotate(79.24deg)} 44.054%{transform:rotate(29.25deg)} 44.459%{transform:rotate(134.69deg)} 44.797%{transform:rotate(158.28deg)} 45.135%{transform:rotate(134.69deg)} 45.473%{transform:rotate(158.28deg)} 45.811%{transform:rotate(134.69deg)} 46.149%{transform:rotate(158.28deg)} 46.486%{transform:rotate(134.69deg)} 46.824%{transform:rotate(158.28deg)} 47.162%{transform:rotate(134.69deg)} 47.5%{transform:rotate(158.28deg)} 47.838%{transform:rotate(134.69deg)} 48.176%{transform:rotate(158.28deg)} 48.514%{transform:rotate(134.69deg)} 48.919%{transform:rotate(29.25deg)} 49.459%{transform:rotate(29.25deg)} 49.865%{transform:rotate(79.24deg)} 50.169%{transform:rotate(90.16deg)} 50.236%{transform:rotate(86.58deg)} 50.372%{transform:rotate(79.41deg)} 50.541%{transform:rotate(70.44deg)} 50.946%{transform:rotate(-122.46deg)} 51.081%{transform:rotate(-122.46deg)} 51.757%{transform:rotate(-106.62deg)} 51.946%{transform:rotate(-122.46deg)} 52.135%{transform:rotate(-106.62deg)} 52.324%{transform:rotate(-122.46deg)} 54.73%{transform:rotate(-122.46deg)} 55.203%{transform:rotate(-3.06deg)} 55.405%{transform:rotate(59.09deg)} 55.507%{transform:rotate(90.16deg)} 55.541%{transform:rotate(88.95deg)} 55.811%{transform:rotate(79.24deg)} 56.216%{transform:rotate(-69.59deg)} 60.405%{transform:rotate(-69.59deg)} 60.811%{transform:rotate(79.24deg)} 61.115%{transform:rotate(90.16deg)} 61.182%{transform:rotate(86.58deg)} 61.318%{transform:rotate(79.41deg)} 61.486%{transform:rotate(70.44deg)} 61.892%{transform:rotate(-122.46deg)} 62.568%{transform:rotate(-106.62deg)} 62.757%{transform:rotate(-122.46deg)} 62.946%{transform:rotate(-106.62deg)} 63.135%{transform:rotate(-122.46deg)} 65.541%{transform:rotate(-122.46deg)} 66.014%{transform:rotate(-3.06deg)} 66.216%{transform:rotate(59.09deg)} 66.318%{transform:rotate(90.16deg)} 66.351%{transform:rotate(88.95deg)} 66.622%{transform:rotate(79.24deg)} 67.027%{transform:rotate(92.04deg)} 67.838%{transform:rotate(92.04deg)} 68.243%{transform:rotate(89.29deg)} 68.581%{transform:rotate(79.99deg)} 68.851%{transform:rotate(90.16deg)} 69.257%{transform:rotate(29.25deg)} 70.27%{transform:rotate(29.25deg)} 70.676%{transform:rotate(61.21deg)} 71.014%{transform:rotate(90.16deg)} 71.047%{transform:rotate(88.19deg)} 71.182%{transform:rotate(80.30deg)} 71.351%{transform:rotate(70.44deg)} 71.757%{transform:rotate(-122.46deg)} 72.432%{transform:rotate(-106.62deg)} 72.622%{transform:rotate(-122.46deg)} 72.811%{transform:rotate(-106.62deg)} 73%{transform:rotate(-122.46deg)} 74.324%{transform:rotate(-122.46deg)} 74.865%{transform:rotate(29.25deg)} 75.135%{transform:rotate(-19.19deg)} 75.507%{transform:rotate(-22.90deg)} 75.878%{transform:rotate(-19.19deg)} 76.25%{transform:rotate(-22.90deg)} 76.622%{transform:rotate(-19.19deg)} 76.993%{transform:rotate(-22.90deg)} 77.365%{transform:rotate(-19.19deg)} 77.736%{transform:rotate(-22.90deg)} 78.108%{transform:rotate(-19.19deg)} 78.48%{transform:rotate(-22.90deg)} 79.054%{transform:rotate(29.25deg)} 79.595%{transform:rotate(-122.46deg)} 80.27%{transform:rotate(-106.62deg)} 80.459%{transform:rotate(-122.46deg)} 80.649%{transform:rotate(-106.62deg)} 80.838%{transform:rotate(-122.46deg)} 82.432%{transform:rotate(-122.46deg)} 82.905%{transform:rotate(-3.06deg)} 83.108%{transform:rotate(59.09deg)} 83.209%{transform:rotate(90.16deg)} 83.243%{transform:rotate(88.95deg)} 83.514%{transform:rotate(79.24deg)} 83.919%{transform:rotate(168.26deg)} 84.054%{transform:rotate(177.76deg)} 84.297%{transform:rotate(146.82deg)} 84.541%{transform:rotate(177.76deg)} 84.784%{transform:rotate(146.82deg)} 85.027%{transform:rotate(177.76deg)} 85.27%{transform:rotate(146.82deg)} 85.514%{transform:rotate(177.76deg)} 85.757%{transform:rotate(146.82deg)} 86%{transform:rotate(177.76deg)} 86.243%{transform:rotate(146.82deg)} 86.486%{transform:rotate(177.76deg)} 86.73%{transform:rotate(146.82deg)} 86.973%{transform:rotate(177.76deg)} 87.216%{transform:rotate(146.82deg)} 87.635%{transform:rotate(181.40deg)} 87.77%{transform:rotate(181.40deg)} 88.176%{transform:rotate(79.24deg)} 88.48%{transform:rotate(90.16deg)} 88.547%{transform:rotate(86.58deg)} 88.682%{transform:rotate(79.41deg)} 88.851%{transform:rotate(70.44deg)} 89.257%{transform:rotate(-122.46deg)} 89.932%{transform:rotate(-106.62deg)} 90.122%{transform:rotate(-122.46deg)} 90.311%{transform:rotate(-106.62deg)} 90.5%{transform:rotate(-122.46deg)} 91.892%{transform:rotate(-122.46deg)} 92.365%{transform:rotate(-3.06deg)} 92.568%{transform:rotate(59.09deg)} 92.669%{transform:rotate(90.16deg)} 92.703%{transform:rotate(88.95deg)} 92.973%{transform:rotate(79.24deg)} 93.243%{transform:rotate(50.46deg)} 93.378%{transform:rotate(78.06deg)} 93.689%{transform:rotate(126.25deg)} 94.135%{transform:rotate(6.76deg)} 94.581%{transform:rotate(126.25deg)} 95.027%{transform:rotate(6.76deg)} 95.473%{transform:rotate(126.25deg)} 95.919%{transform:rotate(6.76deg)} 96.365%{transform:rotate(126.25deg)} 97.027%{transform:rotate(79.24deg)} 97.534%{transform:rotate(89.48deg)} 97.568%{transform:rotate(90.16deg)} 97.669%{transform:rotate(85.23deg)} 97.973%{transform:rotate(70.44deg)} 98.378%{transform:rotate(-122.46deg)} 100%{transform:rotate(-122.46deg)}}
@keyframes po-lapizK{0%{opacity:1} 10.135%{opacity:1} 10.27%{opacity:0} 17.534%{opacity:0} 17.669%{opacity:1} 22.973%{opacity:1} 23.108%{opacity:0} 28.48%{opacity:0} 28.615%{opacity:1} 33.108%{opacity:1} 33.243%{opacity:0} 38.074%{opacity:0} 38.209%{opacity:1} 43.243%{opacity:1} 43.378%{opacity:0} 50.236%{opacity:0} 50.372%{opacity:1} 55.405%{opacity:1} 55.541%{opacity:0} 61.182%{opacity:0} 61.318%{opacity:1} 66.216%{opacity:1} 66.351%{opacity:0} 68.243%{opacity:0} 71.047%{opacity:0} 71.182%{opacity:1} 83.108%{opacity:1} 83.243%{opacity:0} 88.547%{opacity:0} 88.682%{opacity:1} 92.568%{opacity:1} 92.703%{opacity:0} 97.534%{opacity:0} 97.669%{opacity:1} 100%{opacity:1}}
.mascota .pr-pincel{transform-box:view-box;transform-origin:0 0;transform:rotate(-122.46deg);animation:pr-pincelK 148s ease-in-out infinite,po-pincelK 148s linear infinite}
@keyframes pr-pincelK{0%{transform:rotate(-122.46deg)} 0.676%{transform:rotate(-106.62deg)} 0.865%{transform:rotate(-122.46deg)} 1.054%{transform:rotate(-106.62deg)} 1.243%{transform:rotate(-122.46deg)} 2.568%{transform:rotate(-106.62deg)} 2.757%{transform:rotate(-122.46deg)} 2.946%{transform:rotate(-106.62deg)} 3.135%{transform:rotate(-122.46deg)} 4.459%{transform:rotate(-106.62deg)} 4.649%{transform:rotate(-122.46deg)} 4.838%{transform:rotate(-106.62deg)} 5.027%{transform:rotate(-122.46deg)} 6.351%{transform:rotate(-106.62deg)} 6.541%{transform:rotate(-122.46deg)} 6.73%{transform:rotate(-106.62deg)} 6.919%{transform:rotate(-122.46deg)} 8.243%{transform:rotate(-106.62deg)} 8.432%{transform:rotate(-122.46deg)} 8.622%{transform:rotate(-106.62deg)} 8.811%{transform:rotate(-122.46deg)} 9.459%{transform:rotate(-122.46deg)} 9.932%{transform:rotate(-3.06deg)} 10.236%{transform:rotate(90.16deg)} 10.304%{transform:rotate(87.74deg)} 10.439%{transform:rotate(82.88deg)} 10.541%{transform:rotate(79.24deg)} 10.946%{transform:rotate(181.13deg)} 11.081%{transform:rotate(186.35deg)} 11.385%{transform:rotate(174.50deg)} 11.689%{transform:rotate(181.40deg)} 11.993%{transform:rotate(173.22deg)} 12.297%{transform:rotate(181.13deg)} 12.601%{transform:rotate(168.00deg)} 12.905%{transform:rotate(184.46deg)} 13.209%{transform:rotate(177.52deg)} 13.514%{transform:rotate(177.18deg)} 13.818%{transform:rotate(171.47deg)} 14.189%{transform:rotate(182.08deg)} 14.595%{transform:rotate(97.73deg)} 15%{transform:rotate(99.60deg)} 15.405%{transform:rotate(97.07deg)} 15.811%{transform:rotate(98.99deg)} 16.149%{transform:rotate(181.77deg)} 16.419%{transform:rotate(171.47deg)} 16.757%{transform:rotate(185.43deg)} 17.162%{transform:rotate(79.24deg)} 17.365%{transform:rotate(86.52deg)} 17.466%{transform:rotate(90.16deg)} 17.5%{transform:rotate(88.37deg)} 17.838%{transform:rotate(70.44deg)} 18.243%{transform:rotate(-122.46deg)} 18.919%{transform:rotate(-106.62deg)} 19.108%{transform:rotate(-122.46deg)} 19.297%{transform:rotate(-106.62deg)} 19.486%{transform:rotate(-122.46deg)} 20.811%{transform:rotate(-106.62deg)} 21%{transform:rotate(-122.46deg)} 21.189%{transform:rotate(-106.62deg)} 21.378%{transform:rotate(-122.46deg)} 22.297%{transform:rotate(-122.46deg)} 22.77%{transform:rotate(-3.06deg)} 23.074%{transform:rotate(90.16deg)} 23.378%{transform:rotate(79.24deg)} 23.784%{transform:rotate(-75.53deg)} 24.189%{transform:rotate(-84.40deg)} 24.527%{transform:rotate(-75.53deg)} 25.338%{transform:rotate(-118.67deg)} 25.608%{transform:rotate(-121.46deg)} 25.912%{transform:rotate(-75.53deg)} 26.284%{transform:rotate(-78.31deg)} 27.162%{transform:rotate(-77.37deg)} 27.635%{transform:rotate(-96.33deg)} 27.703%{transform:rotate(-96.33deg)} 28.108%{transform:rotate(79.24deg)} 28.412%{transform:rotate(90.16deg)} 28.784%{transform:rotate(70.44deg)} 29.189%{transform:rotate(-122.46deg)} 29.865%{transform:rotate(-106.62deg)} 30.054%{transform:rotate(-122.46deg)} 30.243%{transform:rotate(-106.62deg)} 30.432%{transform:rotate(-122.46deg)} 32.432%{transform:rotate(-122.46deg)} 32.905%{transform:rotate(-3.06deg)} 33.209%{transform:rotate(90.16deg)} 33.514%{transform:rotate(79.24deg)} 33.919%{transform:rotate(183.06deg)} 34.203%{transform:rotate(153.43deg)} 34.486%{transform:rotate(183.06deg)} 34.77%{transform:rotate(153.43deg)} 35.054%{transform:rotate(183.06deg)} 35.338%{transform:rotate(153.43deg)} 35.622%{transform:rotate(183.06deg)} 35.905%{transform:rotate(153.43deg)} 36.189%{transform:rotate(183.06deg)} 36.473%{transform:rotate(153.43deg)} 36.757%{transform:rotate(183.06deg)} 37.162%{transform:rotate(181.40deg)} 37.297%{transform:rotate(181.40deg)} 37.703%{transform:rotate(79.24deg)} 38.007%{transform:rotate(90.16deg)} 38.378%{transform:rotate(70.44deg)} 38.784%{transform:rotate(-122.46deg)} 38.919%{transform:rotate(-122.46deg)} 39.595%{transform:rotate(-106.62deg)} 39.784%{transform:rotate(-122.46deg)} 39.973%{transform:rotate(-106.62deg)} 40.162%{transform:rotate(-122.46deg)} 42.568%{transform:rotate(-122.46deg)} 43.041%{transform:rotate(-3.06deg)} 43.345%{transform:rotate(90.16deg)} 43.649%{transform:rotate(79.24deg)} 44.054%{transform:rotate(29.25deg)} 44.459%{transform:rotate(134.69deg)} 44.797%{transform:rotate(158.28deg)} 45.135%{transform:rotate(134.69deg)} 45.473%{transform:rotate(158.28deg)} 45.811%{transform:rotate(134.69deg)} 46.149%{transform:rotate(158.28deg)} 46.486%{transform:rotate(134.69deg)} 46.824%{transform:rotate(158.28deg)} 47.162%{transform:rotate(134.69deg)} 47.5%{transform:rotate(158.28deg)} 47.838%{transform:rotate(134.69deg)} 48.176%{transform:rotate(158.28deg)} 48.514%{transform:rotate(134.69deg)} 48.919%{transform:rotate(29.25deg)} 49.459%{transform:rotate(29.25deg)} 49.865%{transform:rotate(79.24deg)} 50.169%{transform:rotate(90.16deg)} 50.541%{transform:rotate(70.44deg)} 50.946%{transform:rotate(-122.46deg)} 51.081%{transform:rotate(-122.46deg)} 51.757%{transform:rotate(-106.62deg)} 51.946%{transform:rotate(-122.46deg)} 52.135%{transform:rotate(-106.62deg)} 52.324%{transform:rotate(-122.46deg)} 54.73%{transform:rotate(-122.46deg)} 55.203%{transform:rotate(-3.06deg)} 55.507%{transform:rotate(90.16deg)} 55.811%{transform:rotate(79.24deg)} 56.216%{transform:rotate(-69.59deg)} 60.405%{transform:rotate(-69.59deg)} 60.811%{transform:rotate(79.24deg)} 61.115%{transform:rotate(90.16deg)} 61.486%{transform:rotate(70.44deg)} 61.892%{transform:rotate(-122.46deg)} 62.568%{transform:rotate(-106.62deg)} 62.757%{transform:rotate(-122.46deg)} 62.946%{transform:rotate(-106.62deg)} 63.135%{transform:rotate(-122.46deg)} 65.541%{transform:rotate(-122.46deg)} 66.014%{transform:rotate(-3.06deg)} 66.318%{transform:rotate(90.16deg)} 66.622%{transform:rotate(79.24deg)} 67.027%{transform:rotate(92.04deg)} 67.838%{transform:rotate(92.04deg)} 68.243%{transform:rotate(89.29deg)} 68.581%{transform:rotate(79.99deg)} 68.851%{transform:rotate(90.16deg)} 69.257%{transform:rotate(29.25deg)} 70.27%{transform:rotate(29.25deg)} 70.676%{transform:rotate(61.21deg)} 71.014%{transform:rotate(90.16deg)} 71.351%{transform:rotate(70.44deg)} 71.757%{transform:rotate(-122.46deg)} 72.432%{transform:rotate(-106.62deg)} 72.622%{transform:rotate(-122.46deg)} 72.811%{transform:rotate(-106.62deg)} 73%{transform:rotate(-122.46deg)} 74.324%{transform:rotate(-122.46deg)} 74.865%{transform:rotate(29.25deg)} 75.135%{transform:rotate(-19.19deg)} 75.507%{transform:rotate(-22.90deg)} 75.878%{transform:rotate(-19.19deg)} 76.25%{transform:rotate(-22.90deg)} 76.622%{transform:rotate(-19.19deg)} 76.993%{transform:rotate(-22.90deg)} 77.365%{transform:rotate(-19.19deg)} 77.736%{transform:rotate(-22.90deg)} 78.108%{transform:rotate(-19.19deg)} 78.48%{transform:rotate(-22.90deg)} 79.054%{transform:rotate(29.25deg)} 79.595%{transform:rotate(-122.46deg)} 80.27%{transform:rotate(-106.62deg)} 80.459%{transform:rotate(-122.46deg)} 80.649%{transform:rotate(-106.62deg)} 80.838%{transform:rotate(-122.46deg)} 82.432%{transform:rotate(-122.46deg)} 82.905%{transform:rotate(-3.06deg)} 83.209%{transform:rotate(90.16deg)} 83.514%{transform:rotate(79.24deg)} 83.919%{transform:rotate(168.26deg)} 84.054%{transform:rotate(177.76deg)} 84.297%{transform:rotate(146.82deg)} 84.541%{transform:rotate(177.76deg)} 84.784%{transform:rotate(146.82deg)} 85.027%{transform:rotate(177.76deg)} 85.27%{transform:rotate(146.82deg)} 85.514%{transform:rotate(177.76deg)} 85.757%{transform:rotate(146.82deg)} 86%{transform:rotate(177.76deg)} 86.243%{transform:rotate(146.82deg)} 86.486%{transform:rotate(177.76deg)} 86.73%{transform:rotate(146.82deg)} 86.973%{transform:rotate(177.76deg)} 87.216%{transform:rotate(146.82deg)} 87.635%{transform:rotate(181.40deg)} 87.77%{transform:rotate(181.40deg)} 88.176%{transform:rotate(79.24deg)} 88.48%{transform:rotate(90.16deg)} 88.851%{transform:rotate(70.44deg)} 89.257%{transform:rotate(-122.46deg)} 89.932%{transform:rotate(-106.62deg)} 90.122%{transform:rotate(-122.46deg)} 90.311%{transform:rotate(-106.62deg)} 90.5%{transform:rotate(-122.46deg)} 91.892%{transform:rotate(-122.46deg)} 92.365%{transform:rotate(-3.06deg)} 92.669%{transform:rotate(90.16deg)} 92.973%{transform:rotate(79.24deg)} 93.243%{transform:rotate(50.46deg)} 93.378%{transform:rotate(78.06deg)} 93.689%{transform:rotate(126.25deg)} 94.135%{transform:rotate(6.76deg)} 94.581%{transform:rotate(126.25deg)} 95.027%{transform:rotate(6.76deg)} 95.473%{transform:rotate(126.25deg)} 95.919%{transform:rotate(6.76deg)} 96.365%{transform:rotate(126.25deg)} 97.027%{transform:rotate(79.24deg)} 97.568%{transform:rotate(90.16deg)} 97.973%{transform:rotate(70.44deg)} 98.378%{transform:rotate(-122.46deg)} 100%{transform:rotate(-122.46deg)}}
@keyframes po-pincelK{0%{opacity:0} 10.304%{opacity:0} 10.439%{opacity:1} 17.365%{opacity:1} 17.5%{opacity:0}}
.mascota .pr-palo{transform-box:view-box;transform-origin:0 0;transform:rotate(-122.46deg);animation:pr-paloK 148s ease-in-out infinite,po-paloK 148s linear infinite}
@keyframes pr-paloK{0%{transform:rotate(-122.46deg)} 0.676%{transform:rotate(-106.62deg)} 0.865%{transform:rotate(-122.46deg)} 1.054%{transform:rotate(-106.62deg)} 1.243%{transform:rotate(-122.46deg)} 2.568%{transform:rotate(-106.62deg)} 2.757%{transform:rotate(-122.46deg)} 2.946%{transform:rotate(-106.62deg)} 3.135%{transform:rotate(-122.46deg)} 4.459%{transform:rotate(-106.62deg)} 4.649%{transform:rotate(-122.46deg)} 4.838%{transform:rotate(-106.62deg)} 5.027%{transform:rotate(-122.46deg)} 6.351%{transform:rotate(-106.62deg)} 6.541%{transform:rotate(-122.46deg)} 6.73%{transform:rotate(-106.62deg)} 6.919%{transform:rotate(-122.46deg)} 8.243%{transform:rotate(-106.62deg)} 8.432%{transform:rotate(-122.46deg)} 8.622%{transform:rotate(-106.62deg)} 8.811%{transform:rotate(-122.46deg)} 9.459%{transform:rotate(-122.46deg)} 9.932%{transform:rotate(-3.06deg)} 10.236%{transform:rotate(90.16deg)} 10.541%{transform:rotate(79.24deg)} 10.946%{transform:rotate(181.13deg)} 11.081%{transform:rotate(186.35deg)} 11.385%{transform:rotate(174.50deg)} 11.689%{transform:rotate(181.40deg)} 11.993%{transform:rotate(173.22deg)} 12.297%{transform:rotate(181.13deg)} 12.601%{transform:rotate(168.00deg)} 12.905%{transform:rotate(184.46deg)} 13.209%{transform:rotate(177.52deg)} 13.514%{transform:rotate(177.18deg)} 13.818%{transform:rotate(171.47deg)} 14.189%{transform:rotate(182.08deg)} 14.595%{transform:rotate(137.73deg)} 15%{transform:rotate(139.60deg)} 15.405%{transform:rotate(137.07deg)} 15.811%{transform:rotate(138.99deg)} 16.149%{transform:rotate(181.77deg)} 16.419%{transform:rotate(171.47deg)} 16.757%{transform:rotate(185.43deg)} 17.162%{transform:rotate(79.24deg)} 17.466%{transform:rotate(90.16deg)} 17.838%{transform:rotate(70.44deg)} 18.243%{transform:rotate(-122.46deg)} 18.919%{transform:rotate(-106.62deg)} 19.108%{transform:rotate(-122.46deg)} 19.297%{transform:rotate(-106.62deg)} 19.486%{transform:rotate(-122.46deg)} 20.811%{transform:rotate(-106.62deg)} 21%{transform:rotate(-122.46deg)} 21.189%{transform:rotate(-106.62deg)} 21.378%{transform:rotate(-122.46deg)} 22.297%{transform:rotate(-122.46deg)} 22.77%{transform:rotate(-3.06deg)} 23.074%{transform:rotate(90.16deg)} 23.142%{transform:rotate(87.74deg)} 23.277%{transform:rotate(82.88deg)} 23.378%{transform:rotate(79.24deg)} 23.784%{transform:rotate(-75.53deg)} 24.189%{transform:rotate(-84.40deg)} 24.527%{transform:rotate(-75.53deg)} 25.338%{transform:rotate(-6.67deg)} 25.608%{transform:rotate(-6.46deg)} 25.912%{transform:rotate(-75.53deg)} 26.284%{transform:rotate(-283.31deg)} 27.162%{transform:rotate(-282.37deg)} 27.635%{transform:rotate(-301.33deg)} 27.703%{transform:rotate(-301.33deg)} 28.108%{transform:rotate(-125.76deg)} 28.311%{transform:rotate(-118.48deg)} 28.412%{transform:rotate(-114.84deg)} 28.446%{transform:rotate(-116.63deg)} 28.514%{transform:rotate(-120.22deg)} 28.649%{transform:rotate(77.61deg)} 28.784%{transform:rotate(70.44deg)} 29.189%{transform:rotate(-122.46deg)} 29.865%{transform:rotate(-106.62deg)} 30.054%{transform:rotate(-122.46deg)} 30.243%{transform:rotate(-106.62deg)} 30.432%{transform:rotate(-122.46deg)} 32.432%{transform:rotate(-122.46deg)} 32.905%{transform:rotate(-3.06deg)} 33.209%{transform:rotate(90.16deg)} 33.514%{transform:rotate(79.24deg)} 33.919%{transform:rotate(183.06deg)} 34.203%{transform:rotate(153.43deg)} 34.486%{transform:rotate(183.06deg)} 34.77%{transform:rotate(153.43deg)} 35.054%{transform:rotate(183.06deg)} 35.338%{transform:rotate(153.43deg)} 35.622%{transform:rotate(183.06deg)} 35.905%{transform:rotate(153.43deg)} 36.189%{transform:rotate(183.06deg)} 36.473%{transform:rotate(153.43deg)} 36.757%{transform:rotate(183.06deg)} 37.162%{transform:rotate(181.40deg)} 37.297%{transform:rotate(181.40deg)} 37.703%{transform:rotate(79.24deg)} 38.007%{transform:rotate(90.16deg)} 38.378%{transform:rotate(70.44deg)} 38.784%{transform:rotate(-122.46deg)} 38.919%{transform:rotate(-122.46deg)} 39.595%{transform:rotate(-106.62deg)} 39.784%{transform:rotate(-122.46deg)} 39.973%{transform:rotate(-106.62deg)} 40.162%{transform:rotate(-122.46deg)} 42.568%{transform:rotate(-122.46deg)} 43.041%{transform:rotate(-3.06deg)} 43.345%{transform:rotate(90.16deg)} 43.649%{transform:rotate(79.24deg)} 44.054%{transform:rotate(29.25deg)} 44.459%{transform:rotate(134.69deg)} 44.797%{transform:rotate(158.28deg)} 45.135%{transform:rotate(134.69deg)} 45.473%{transform:rotate(158.28deg)} 45.811%{transform:rotate(134.69deg)} 46.149%{transform:rotate(158.28deg)} 46.486%{transform:rotate(134.69deg)} 46.824%{transform:rotate(158.28deg)} 47.162%{transform:rotate(134.69deg)} 47.5%{transform:rotate(158.28deg)} 47.838%{transform:rotate(134.69deg)} 48.176%{transform:rotate(158.28deg)} 48.514%{transform:rotate(134.69deg)} 48.919%{transform:rotate(29.25deg)} 49.459%{transform:rotate(29.25deg)} 49.865%{transform:rotate(79.24deg)} 50.169%{transform:rotate(90.16deg)} 50.541%{transform:rotate(70.44deg)} 50.946%{transform:rotate(-122.46deg)} 51.081%{transform:rotate(-122.46deg)} 51.757%{transform:rotate(-106.62deg)} 51.946%{transform:rotate(-122.46deg)} 52.135%{transform:rotate(-106.62deg)} 52.324%{transform:rotate(-122.46deg)} 54.73%{transform:rotate(-122.46deg)} 55.203%{transform:rotate(-3.06deg)} 55.507%{transform:rotate(90.16deg)} 55.811%{transform:rotate(79.24deg)} 56.216%{transform:rotate(-69.59deg)} 60.405%{transform:rotate(-69.59deg)} 60.811%{transform:rotate(79.24deg)} 61.115%{transform:rotate(90.16deg)} 61.486%{transform:rotate(70.44deg)} 61.892%{transform:rotate(-122.46deg)} 62.568%{transform:rotate(-106.62deg)} 62.757%{transform:rotate(-122.46deg)} 62.946%{transform:rotate(-106.62deg)} 63.135%{transform:rotate(-122.46deg)} 65.541%{transform:rotate(-122.46deg)} 66.014%{transform:rotate(-3.06deg)} 66.318%{transform:rotate(90.16deg)} 66.622%{transform:rotate(79.24deg)} 67.027%{transform:rotate(92.04deg)} 67.838%{transform:rotate(92.04deg)} 68.243%{transform:rotate(89.29deg)} 68.581%{transform:rotate(79.99deg)} 68.851%{transform:rotate(90.16deg)} 69.257%{transform:rotate(29.25deg)} 70.27%{transform:rotate(29.25deg)} 70.676%{transform:rotate(61.21deg)} 71.014%{transform:rotate(90.16deg)} 71.351%{transform:rotate(70.44deg)} 71.757%{transform:rotate(-122.46deg)} 72.432%{transform:rotate(-106.62deg)} 72.622%{transform:rotate(-122.46deg)} 72.811%{transform:rotate(-106.62deg)} 73%{transform:rotate(-122.46deg)} 74.324%{transform:rotate(-122.46deg)} 74.865%{transform:rotate(29.25deg)} 75.135%{transform:rotate(-19.19deg)} 75.507%{transform:rotate(-22.90deg)} 75.878%{transform:rotate(-19.19deg)} 76.25%{transform:rotate(-22.90deg)} 76.622%{transform:rotate(-19.19deg)} 76.993%{transform:rotate(-22.90deg)} 77.365%{transform:rotate(-19.19deg)} 77.736%{transform:rotate(-22.90deg)} 78.108%{transform:rotate(-19.19deg)} 78.48%{transform:rotate(-22.90deg)} 79.054%{transform:rotate(29.25deg)} 79.595%{transform:rotate(-122.46deg)} 80.27%{transform:rotate(-106.62deg)} 80.459%{transform:rotate(-122.46deg)} 80.649%{transform:rotate(-106.62deg)} 80.838%{transform:rotate(-122.46deg)} 82.432%{transform:rotate(-122.46deg)} 82.905%{transform:rotate(-3.06deg)} 83.209%{transform:rotate(90.16deg)} 83.514%{transform:rotate(79.24deg)} 83.919%{transform:rotate(168.26deg)} 84.054%{transform:rotate(177.76deg)} 84.297%{transform:rotate(146.82deg)} 84.541%{transform:rotate(177.76deg)} 84.784%{transform:rotate(146.82deg)} 85.027%{transform:rotate(177.76deg)} 85.27%{transform:rotate(146.82deg)} 85.514%{transform:rotate(177.76deg)} 85.757%{transform:rotate(146.82deg)} 86%{transform:rotate(177.76deg)} 86.243%{transform:rotate(146.82deg)} 86.486%{transform:rotate(177.76deg)} 86.73%{transform:rotate(146.82deg)} 86.973%{transform:rotate(177.76deg)} 87.216%{transform:rotate(146.82deg)} 87.635%{transform:rotate(181.40deg)} 87.77%{transform:rotate(181.40deg)} 88.176%{transform:rotate(79.24deg)} 88.48%{transform:rotate(90.16deg)} 88.851%{transform:rotate(70.44deg)} 89.257%{transform:rotate(-122.46deg)} 89.932%{transform:rotate(-106.62deg)} 90.122%{transform:rotate(-122.46deg)} 90.311%{transform:rotate(-106.62deg)} 90.5%{transform:rotate(-122.46deg)} 91.892%{transform:rotate(-122.46deg)} 92.365%{transform:rotate(-3.06deg)} 92.669%{transform:rotate(90.16deg)} 92.973%{transform:rotate(79.24deg)} 93.243%{transform:rotate(50.46deg)} 93.378%{transform:rotate(78.06deg)} 93.689%{transform:rotate(126.25deg)} 94.135%{transform:rotate(6.76deg)} 94.581%{transform:rotate(126.25deg)} 95.027%{transform:rotate(6.76deg)} 95.473%{transform:rotate(126.25deg)} 95.919%{transform:rotate(6.76deg)} 96.365%{transform:rotate(126.25deg)} 97.027%{transform:rotate(79.24deg)} 97.568%{transform:rotate(90.16deg)} 97.973%{transform:rotate(70.44deg)} 98.378%{transform:rotate(-122.46deg)} 100%{transform:rotate(-122.46deg)}}
@keyframes po-paloK{0%{opacity:0} 23.142%{opacity:0} 23.277%{opacity:1} 28.311%{opacity:1} 28.446%{opacity:0}}
.mascota .pr-camara{transform-box:view-box;transform-origin:0 0;transform:rotate(-122.46deg);animation:pr-camaraK 148s ease-in-out infinite,po-camaraK 148s linear infinite}
@keyframes pr-camaraK{0%{transform:rotate(-122.46deg)} 0.676%{transform:rotate(-106.62deg)} 0.865%{transform:rotate(-122.46deg)} 1.054%{transform:rotate(-106.62deg)} 1.243%{transform:rotate(-122.46deg)} 2.568%{transform:rotate(-106.62deg)} 2.757%{transform:rotate(-122.46deg)} 2.946%{transform:rotate(-106.62deg)} 3.135%{transform:rotate(-122.46deg)} 4.459%{transform:rotate(-106.62deg)} 4.649%{transform:rotate(-122.46deg)} 4.838%{transform:rotate(-106.62deg)} 5.027%{transform:rotate(-122.46deg)} 6.351%{transform:rotate(-106.62deg)} 6.541%{transform:rotate(-122.46deg)} 6.73%{transform:rotate(-106.62deg)} 6.919%{transform:rotate(-122.46deg)} 8.243%{transform:rotate(-106.62deg)} 8.432%{transform:rotate(-122.46deg)} 8.622%{transform:rotate(-106.62deg)} 8.811%{transform:rotate(-122.46deg)} 9.459%{transform:rotate(-122.46deg)} 9.932%{transform:rotate(-3.06deg)} 10.236%{transform:rotate(90.16deg)} 10.541%{transform:rotate(79.24deg)} 10.946%{transform:rotate(181.13deg)} 11.081%{transform:rotate(186.35deg)} 11.385%{transform:rotate(174.50deg)} 11.689%{transform:rotate(181.40deg)} 11.993%{transform:rotate(173.22deg)} 12.297%{transform:rotate(181.13deg)} 12.601%{transform:rotate(168.00deg)} 12.905%{transform:rotate(184.46deg)} 13.209%{transform:rotate(177.52deg)} 13.514%{transform:rotate(177.18deg)} 13.818%{transform:rotate(171.47deg)} 14.189%{transform:rotate(182.08deg)} 14.595%{transform:rotate(137.73deg)} 15%{transform:rotate(139.60deg)} 15.405%{transform:rotate(137.07deg)} 15.811%{transform:rotate(138.99deg)} 16.149%{transform:rotate(181.77deg)} 16.419%{transform:rotate(171.47deg)} 16.757%{transform:rotate(185.43deg)} 17.162%{transform:rotate(79.24deg)} 17.466%{transform:rotate(90.16deg)} 17.838%{transform:rotate(70.44deg)} 18.243%{transform:rotate(-122.46deg)} 18.919%{transform:rotate(-106.62deg)} 19.108%{transform:rotate(-122.46deg)} 19.297%{transform:rotate(-106.62deg)} 19.486%{transform:rotate(-122.46deg)} 20.811%{transform:rotate(-106.62deg)} 21%{transform:rotate(-122.46deg)} 21.189%{transform:rotate(-106.62deg)} 21.378%{transform:rotate(-122.46deg)} 22.297%{transform:rotate(-122.46deg)} 22.77%{transform:rotate(-3.06deg)} 23.074%{transform:rotate(90.16deg)} 23.378%{transform:rotate(79.24deg)} 23.784%{transform:rotate(-75.53deg)} 24.189%{transform:rotate(-84.40deg)} 24.527%{transform:rotate(-75.53deg)} 25.338%{transform:rotate(-118.67deg)} 25.608%{transform:rotate(-121.46deg)} 25.912%{transform:rotate(-75.53deg)} 26.284%{transform:rotate(-78.31deg)} 27.162%{transform:rotate(-77.37deg)} 27.635%{transform:rotate(-96.33deg)} 27.703%{transform:rotate(-96.33deg)} 28.108%{transform:rotate(79.24deg)} 28.412%{transform:rotate(90.16deg)} 28.784%{transform:rotate(70.44deg)} 29.189%{transform:rotate(-122.46deg)} 29.865%{transform:rotate(-106.62deg)} 30.054%{transform:rotate(-122.46deg)} 30.243%{transform:rotate(-106.62deg)} 30.432%{transform:rotate(-122.46deg)} 32.432%{transform:rotate(-122.46deg)} 32.905%{transform:rotate(-3.06deg)} 33.209%{transform:rotate(90.16deg)} 33.514%{transform:rotate(79.24deg)} 33.919%{transform:rotate(183.06deg)} 34.203%{transform:rotate(153.43deg)} 34.486%{transform:rotate(183.06deg)} 34.77%{transform:rotate(153.43deg)} 35.054%{transform:rotate(183.06deg)} 35.338%{transform:rotate(153.43deg)} 35.622%{transform:rotate(183.06deg)} 35.905%{transform:rotate(153.43deg)} 36.189%{transform:rotate(183.06deg)} 36.473%{transform:rotate(153.43deg)} 36.757%{transform:rotate(183.06deg)} 37.162%{transform:rotate(181.40deg)} 37.297%{transform:rotate(181.40deg)} 37.703%{transform:rotate(79.24deg)} 38.007%{transform:rotate(90.16deg)} 38.378%{transform:rotate(70.44deg)} 38.784%{transform:rotate(-122.46deg)} 38.919%{transform:rotate(-122.46deg)} 39.595%{transform:rotate(-106.62deg)} 39.784%{transform:rotate(-122.46deg)} 39.973%{transform:rotate(-106.62deg)} 40.162%{transform:rotate(-122.46deg)} 42.568%{transform:rotate(-122.46deg)} 43.041%{transform:rotate(-3.06deg)} 43.345%{transform:rotate(90.16deg)} 43.649%{transform:rotate(79.24deg)} 44.054%{transform:rotate(29.25deg)} 44.459%{transform:rotate(134.69deg)} 44.797%{transform:rotate(158.28deg)} 45.135%{transform:rotate(134.69deg)} 45.473%{transform:rotate(158.28deg)} 45.811%{transform:rotate(134.69deg)} 46.149%{transform:rotate(158.28deg)} 46.486%{transform:rotate(134.69deg)} 46.824%{transform:rotate(158.28deg)} 47.162%{transform:rotate(134.69deg)} 47.5%{transform:rotate(158.28deg)} 47.838%{transform:rotate(134.69deg)} 48.176%{transform:rotate(158.28deg)} 48.514%{transform:rotate(134.69deg)} 48.919%{transform:rotate(29.25deg)} 49.459%{transform:rotate(29.25deg)} 49.865%{transform:rotate(79.24deg)} 50.169%{transform:rotate(90.16deg)} 50.541%{transform:rotate(70.44deg)} 50.946%{transform:rotate(-122.46deg)} 51.081%{transform:rotate(-122.46deg)} 51.757%{transform:rotate(-106.62deg)} 51.946%{transform:rotate(-122.46deg)} 52.135%{transform:rotate(-106.62deg)} 52.324%{transform:rotate(-122.46deg)} 54.73%{transform:rotate(-122.46deg)} 55.203%{transform:rotate(-3.06deg)} 55.507%{transform:rotate(90.16deg)} 55.811%{transform:rotate(79.24deg)} 56.216%{transform:rotate(-69.59deg)} 60.405%{transform:rotate(-69.59deg)} 60.811%{transform:rotate(79.24deg)} 61.115%{transform:rotate(90.16deg)} 61.486%{transform:rotate(70.44deg)} 61.892%{transform:rotate(-122.46deg)} 62.568%{transform:rotate(-106.62deg)} 62.757%{transform:rotate(-122.46deg)} 62.946%{transform:rotate(-106.62deg)} 63.135%{transform:rotate(-122.46deg)} 65.541%{transform:rotate(-122.46deg)} 66.014%{transform:rotate(-3.06deg)} 66.318%{transform:rotate(90.16deg)} 66.385%{transform:rotate(87.74deg)} 66.52%{transform:rotate(82.88deg)} 66.622%{transform:rotate(79.24deg)} 67.027%{transform:rotate(92.04deg)} 67.838%{transform:rotate(92.04deg)} 68.243%{transform:rotate(89.29deg)} 68.581%{transform:rotate(79.99deg)} 68.784%{transform:rotate(87.62deg)} 68.851%{transform:rotate(90.16deg)} 68.919%{transform:rotate(80.01deg)} 69.257%{transform:rotate(29.25deg)} 70.27%{transform:rotate(29.25deg)} 70.676%{transform:rotate(61.21deg)} 71.014%{transform:rotate(90.16deg)} 71.351%{transform:rotate(70.44deg)} 71.757%{transform:rotate(-122.46deg)} 72.432%{transform:rotate(-106.62deg)} 72.622%{transform:rotate(-122.46deg)} 72.811%{transform:rotate(-106.62deg)} 73%{transform:rotate(-122.46deg)} 74.324%{transform:rotate(-122.46deg)} 74.865%{transform:rotate(29.25deg)} 75.135%{transform:rotate(-19.19deg)} 75.507%{transform:rotate(-22.90deg)} 75.878%{transform:rotate(-19.19deg)} 76.25%{transform:rotate(-22.90deg)} 76.622%{transform:rotate(-19.19deg)} 76.993%{transform:rotate(-22.90deg)} 77.365%{transform:rotate(-19.19deg)} 77.736%{transform:rotate(-22.90deg)} 78.108%{transform:rotate(-19.19deg)} 78.48%{transform:rotate(-22.90deg)} 79.054%{transform:rotate(29.25deg)} 79.595%{transform:rotate(-122.46deg)} 80.27%{transform:rotate(-106.62deg)} 80.459%{transform:rotate(-122.46deg)} 80.649%{transform:rotate(-106.62deg)} 80.838%{transform:rotate(-122.46deg)} 82.432%{transform:rotate(-122.46deg)} 82.905%{transform:rotate(-3.06deg)} 83.209%{transform:rotate(90.16deg)} 83.514%{transform:rotate(79.24deg)} 83.919%{transform:rotate(168.26deg)} 84.054%{transform:rotate(177.76deg)} 84.297%{transform:rotate(146.82deg)} 84.541%{transform:rotate(177.76deg)} 84.784%{transform:rotate(146.82deg)} 85.027%{transform:rotate(177.76deg)} 85.27%{transform:rotate(146.82deg)} 85.514%{transform:rotate(177.76deg)} 85.757%{transform:rotate(146.82deg)} 86%{transform:rotate(177.76deg)} 86.243%{transform:rotate(146.82deg)} 86.486%{transform:rotate(177.76deg)} 86.73%{transform:rotate(146.82deg)} 86.973%{transform:rotate(177.76deg)} 87.216%{transform:rotate(146.82deg)} 87.635%{transform:rotate(181.40deg)} 87.77%{transform:rotate(181.40deg)} 88.176%{transform:rotate(79.24deg)} 88.48%{transform:rotate(90.16deg)} 88.851%{transform:rotate(70.44deg)} 89.257%{transform:rotate(-122.46deg)} 89.932%{transform:rotate(-106.62deg)} 90.122%{transform:rotate(-122.46deg)} 90.311%{transform:rotate(-106.62deg)} 90.5%{transform:rotate(-122.46deg)} 91.892%{transform:rotate(-122.46deg)} 92.365%{transform:rotate(-3.06deg)} 92.669%{transform:rotate(90.16deg)} 92.973%{transform:rotate(79.24deg)} 93.243%{transform:rotate(50.46deg)} 93.378%{transform:rotate(78.06deg)} 93.689%{transform:rotate(126.25deg)} 94.135%{transform:rotate(6.76deg)} 94.581%{transform:rotate(126.25deg)} 95.027%{transform:rotate(6.76deg)} 95.473%{transform:rotate(126.25deg)} 95.919%{transform:rotate(6.76deg)} 96.365%{transform:rotate(126.25deg)} 97.027%{transform:rotate(79.24deg)} 97.568%{transform:rotate(90.16deg)} 97.973%{transform:rotate(70.44deg)} 98.378%{transform:rotate(-122.46deg)} 100%{transform:rotate(-122.46deg)}}
@keyframes po-camaraK{0%{opacity:0} 66.385%{opacity:0} 66.52%{opacity:1} 68.784%{opacity:1} 68.919%{opacity:0}}
.mascota .pr-libro{transform-box:view-box;transform-origin:0 0;transform:rotate(-122.46deg);animation:pr-libroK 148s ease-in-out infinite,po-libroK 148s linear infinite}
@keyframes pr-libroK{0%{transform:rotate(-122.46deg)} 0.676%{transform:rotate(-106.62deg)} 0.865%{transform:rotate(-122.46deg)} 1.054%{transform:rotate(-106.62deg)} 1.243%{transform:rotate(-122.46deg)} 2.568%{transform:rotate(-106.62deg)} 2.757%{transform:rotate(-122.46deg)} 2.946%{transform:rotate(-106.62deg)} 3.135%{transform:rotate(-122.46deg)} 4.459%{transform:rotate(-106.62deg)} 4.649%{transform:rotate(-122.46deg)} 4.838%{transform:rotate(-106.62deg)} 5.027%{transform:rotate(-122.46deg)} 6.351%{transform:rotate(-106.62deg)} 6.541%{transform:rotate(-122.46deg)} 6.73%{transform:rotate(-106.62deg)} 6.919%{transform:rotate(-122.46deg)} 8.243%{transform:rotate(-106.62deg)} 8.432%{transform:rotate(-122.46deg)} 8.622%{transform:rotate(-106.62deg)} 8.811%{transform:rotate(-122.46deg)} 9.459%{transform:rotate(-122.46deg)} 9.932%{transform:rotate(-3.06deg)} 10.236%{transform:rotate(90.16deg)} 10.541%{transform:rotate(79.24deg)} 10.946%{transform:rotate(181.13deg)} 11.081%{transform:rotate(186.35deg)} 11.385%{transform:rotate(174.50deg)} 11.689%{transform:rotate(181.40deg)} 11.993%{transform:rotate(173.22deg)} 12.297%{transform:rotate(181.13deg)} 12.601%{transform:rotate(168.00deg)} 12.905%{transform:rotate(184.46deg)} 13.209%{transform:rotate(177.52deg)} 13.514%{transform:rotate(177.18deg)} 13.818%{transform:rotate(171.47deg)} 14.189%{transform:rotate(182.08deg)} 14.595%{transform:rotate(137.73deg)} 15%{transform:rotate(139.60deg)} 15.405%{transform:rotate(137.07deg)} 15.811%{transform:rotate(138.99deg)} 16.149%{transform:rotate(181.77deg)} 16.419%{transform:rotate(171.47deg)} 16.757%{transform:rotate(185.43deg)} 17.162%{transform:rotate(79.24deg)} 17.466%{transform:rotate(90.16deg)} 17.838%{transform:rotate(70.44deg)} 18.243%{transform:rotate(-122.46deg)} 18.919%{transform:rotate(-106.62deg)} 19.108%{transform:rotate(-122.46deg)} 19.297%{transform:rotate(-106.62deg)} 19.486%{transform:rotate(-122.46deg)} 20.811%{transform:rotate(-106.62deg)} 21%{transform:rotate(-122.46deg)} 21.189%{transform:rotate(-106.62deg)} 21.378%{transform:rotate(-122.46deg)} 22.297%{transform:rotate(-122.46deg)} 22.77%{transform:rotate(-3.06deg)} 23.074%{transform:rotate(90.16deg)} 23.378%{transform:rotate(79.24deg)} 23.784%{transform:rotate(-75.53deg)} 24.189%{transform:rotate(-84.40deg)} 24.527%{transform:rotate(-75.53deg)} 25.338%{transform:rotate(-118.67deg)} 25.608%{transform:rotate(-121.46deg)} 25.912%{transform:rotate(-75.53deg)} 26.284%{transform:rotate(-78.31deg)} 27.162%{transform:rotate(-77.37deg)} 27.635%{transform:rotate(-96.33deg)} 27.703%{transform:rotate(-96.33deg)} 28.108%{transform:rotate(79.24deg)} 28.412%{transform:rotate(90.16deg)} 28.784%{transform:rotate(70.44deg)} 29.189%{transform:rotate(-122.46deg)} 29.865%{transform:rotate(-106.62deg)} 30.054%{transform:rotate(-122.46deg)} 30.243%{transform:rotate(-106.62deg)} 30.432%{transform:rotate(-122.46deg)} 32.432%{transform:rotate(-122.46deg)} 32.905%{transform:rotate(-3.06deg)} 33.209%{transform:rotate(90.16deg)} 33.514%{transform:rotate(79.24deg)} 33.919%{transform:rotate(183.06deg)} 34.203%{transform:rotate(153.43deg)} 34.486%{transform:rotate(183.06deg)} 34.77%{transform:rotate(153.43deg)} 35.054%{transform:rotate(183.06deg)} 35.338%{transform:rotate(153.43deg)} 35.622%{transform:rotate(183.06deg)} 35.905%{transform:rotate(153.43deg)} 36.189%{transform:rotate(183.06deg)} 36.473%{transform:rotate(153.43deg)} 36.757%{transform:rotate(183.06deg)} 37.162%{transform:rotate(181.40deg)} 37.297%{transform:rotate(181.40deg)} 37.703%{transform:rotate(79.24deg)} 38.007%{transform:rotate(90.16deg)} 38.378%{transform:rotate(70.44deg)} 38.784%{transform:rotate(-122.46deg)} 38.919%{transform:rotate(-122.46deg)} 39.595%{transform:rotate(-106.62deg)} 39.784%{transform:rotate(-122.46deg)} 39.973%{transform:rotate(-106.62deg)} 40.162%{transform:rotate(-122.46deg)} 42.568%{transform:rotate(-122.46deg)} 43.041%{transform:rotate(-3.06deg)} 43.345%{transform:rotate(90.16deg)} 43.649%{transform:rotate(79.24deg)} 44.054%{transform:rotate(29.25deg)} 44.459%{transform:rotate(134.69deg)} 44.797%{transform:rotate(158.28deg)} 45.135%{transform:rotate(134.69deg)} 45.473%{transform:rotate(158.28deg)} 45.811%{transform:rotate(134.69deg)} 46.149%{transform:rotate(158.28deg)} 46.486%{transform:rotate(134.69deg)} 46.824%{transform:rotate(158.28deg)} 47.162%{transform:rotate(134.69deg)} 47.5%{transform:rotate(158.28deg)} 47.838%{transform:rotate(134.69deg)} 48.176%{transform:rotate(158.28deg)} 48.514%{transform:rotate(134.69deg)} 48.919%{transform:rotate(29.25deg)} 49.459%{transform:rotate(29.25deg)} 49.865%{transform:rotate(79.24deg)} 50.169%{transform:rotate(90.16deg)} 50.541%{transform:rotate(70.44deg)} 50.946%{transform:rotate(-122.46deg)} 51.081%{transform:rotate(-122.46deg)} 51.757%{transform:rotate(-106.62deg)} 51.946%{transform:rotate(-122.46deg)} 52.135%{transform:rotate(-106.62deg)} 52.324%{transform:rotate(-122.46deg)} 54.73%{transform:rotate(-122.46deg)} 55.203%{transform:rotate(-3.06deg)} 55.507%{transform:rotate(90.16deg)} 55.574%{transform:rotate(87.74deg)} 55.709%{transform:rotate(82.88deg)} 55.811%{transform:rotate(79.24deg)} 56.216%{transform:rotate(-69.59deg)} 60.405%{transform:rotate(-69.59deg)} 60.811%{transform:rotate(79.24deg)} 61.014%{transform:rotate(86.52deg)} 61.115%{transform:rotate(90.16deg)} 61.149%{transform:rotate(88.37deg)} 61.486%{transform:rotate(70.44deg)} 61.892%{transform:rotate(-122.46deg)} 62.568%{transform:rotate(-106.62deg)} 62.757%{transform:rotate(-122.46deg)} 62.946%{transform:rotate(-106.62deg)} 63.135%{transform:rotate(-122.46deg)} 65.541%{transform:rotate(-122.46deg)} 66.014%{transform:rotate(-3.06deg)} 66.318%{transform:rotate(90.16deg)} 66.622%{transform:rotate(79.24deg)} 67.027%{transform:rotate(92.04deg)} 67.838%{transform:rotate(92.04deg)} 68.243%{transform:rotate(89.29deg)} 68.581%{transform:rotate(79.99deg)} 68.851%{transform:rotate(90.16deg)} 69.257%{transform:rotate(29.25deg)} 70.27%{transform:rotate(29.25deg)} 70.676%{transform:rotate(61.21deg)} 71.014%{transform:rotate(90.16deg)} 71.351%{transform:rotate(70.44deg)} 71.757%{transform:rotate(-122.46deg)} 72.432%{transform:rotate(-106.62deg)} 72.622%{transform:rotate(-122.46deg)} 72.811%{transform:rotate(-106.62deg)} 73%{transform:rotate(-122.46deg)} 74.324%{transform:rotate(-122.46deg)} 74.865%{transform:rotate(29.25deg)} 75.135%{transform:rotate(-19.19deg)} 75.507%{transform:rotate(-22.90deg)} 75.878%{transform:rotate(-19.19deg)} 76.25%{transform:rotate(-22.90deg)} 76.622%{transform:rotate(-19.19deg)} 76.993%{transform:rotate(-22.90deg)} 77.365%{transform:rotate(-19.19deg)} 77.736%{transform:rotate(-22.90deg)} 78.108%{transform:rotate(-19.19deg)} 78.48%{transform:rotate(-22.90deg)} 79.054%{transform:rotate(29.25deg)} 79.595%{transform:rotate(-122.46deg)} 80.27%{transform:rotate(-106.62deg)} 80.459%{transform:rotate(-122.46deg)} 80.649%{transform:rotate(-106.62deg)} 80.838%{transform:rotate(-122.46deg)} 82.432%{transform:rotate(-122.46deg)} 82.905%{transform:rotate(-3.06deg)} 83.209%{transform:rotate(90.16deg)} 83.514%{transform:rotate(79.24deg)} 83.919%{transform:rotate(168.26deg)} 84.054%{transform:rotate(177.76deg)} 84.297%{transform:rotate(146.82deg)} 84.541%{transform:rotate(177.76deg)} 84.784%{transform:rotate(146.82deg)} 85.027%{transform:rotate(177.76deg)} 85.27%{transform:rotate(146.82deg)} 85.514%{transform:rotate(177.76deg)} 85.757%{transform:rotate(146.82deg)} 86%{transform:rotate(177.76deg)} 86.243%{transform:rotate(146.82deg)} 86.486%{transform:rotate(177.76deg)} 86.73%{transform:rotate(146.82deg)} 86.973%{transform:rotate(177.76deg)} 87.216%{transform:rotate(146.82deg)} 87.635%{transform:rotate(181.40deg)} 87.77%{transform:rotate(181.40deg)} 88.176%{transform:rotate(79.24deg)} 88.48%{transform:rotate(90.16deg)} 88.851%{transform:rotate(70.44deg)} 89.257%{transform:rotate(-122.46deg)} 89.932%{transform:rotate(-106.62deg)} 90.122%{transform:rotate(-122.46deg)} 90.311%{transform:rotate(-106.62deg)} 90.5%{transform:rotate(-122.46deg)} 91.892%{transform:rotate(-122.46deg)} 92.365%{transform:rotate(-3.06deg)} 92.669%{transform:rotate(90.16deg)} 92.973%{transform:rotate(79.24deg)} 93.243%{transform:rotate(50.46deg)} 93.378%{transform:rotate(78.06deg)} 93.689%{transform:rotate(126.25deg)} 94.135%{transform:rotate(6.76deg)} 94.581%{transform:rotate(126.25deg)} 95.027%{transform:rotate(6.76deg)} 95.473%{transform:rotate(126.25deg)} 95.919%{transform:rotate(6.76deg)} 96.365%{transform:rotate(126.25deg)} 97.027%{transform:rotate(79.24deg)} 97.568%{transform:rotate(90.16deg)} 97.973%{transform:rotate(70.44deg)} 98.378%{transform:rotate(-122.46deg)} 100%{transform:rotate(-122.46deg)}}
@keyframes po-libroK{0%{opacity:0} 55.574%{opacity:0} 55.709%{opacity:1} 61.014%{opacity:1} 61.149%{opacity:0}}
.mascota .pr-banderin{transform-box:view-box;transform-origin:0 0;transform:rotate(-122.46deg);animation:pr-banderinK 148s ease-in-out infinite,po-banderinK 148s linear infinite}
@keyframes pr-banderinK{0%{transform:rotate(-122.46deg)} 0.676%{transform:rotate(-106.62deg)} 0.865%{transform:rotate(-122.46deg)} 1.054%{transform:rotate(-106.62deg)} 1.243%{transform:rotate(-122.46deg)} 2.568%{transform:rotate(-106.62deg)} 2.757%{transform:rotate(-122.46deg)} 2.946%{transform:rotate(-106.62deg)} 3.135%{transform:rotate(-122.46deg)} 4.459%{transform:rotate(-106.62deg)} 4.649%{transform:rotate(-122.46deg)} 4.838%{transform:rotate(-106.62deg)} 5.027%{transform:rotate(-122.46deg)} 6.351%{transform:rotate(-106.62deg)} 6.541%{transform:rotate(-122.46deg)} 6.73%{transform:rotate(-106.62deg)} 6.919%{transform:rotate(-122.46deg)} 8.243%{transform:rotate(-106.62deg)} 8.432%{transform:rotate(-122.46deg)} 8.622%{transform:rotate(-106.62deg)} 8.811%{transform:rotate(-122.46deg)} 9.459%{transform:rotate(-122.46deg)} 9.932%{transform:rotate(-3.06deg)} 10.236%{transform:rotate(90.16deg)} 10.541%{transform:rotate(79.24deg)} 10.946%{transform:rotate(181.13deg)} 11.081%{transform:rotate(186.35deg)} 11.385%{transform:rotate(174.50deg)} 11.689%{transform:rotate(181.40deg)} 11.993%{transform:rotate(173.22deg)} 12.297%{transform:rotate(181.13deg)} 12.601%{transform:rotate(168.00deg)} 12.905%{transform:rotate(184.46deg)} 13.209%{transform:rotate(177.52deg)} 13.514%{transform:rotate(177.18deg)} 13.818%{transform:rotate(171.47deg)} 14.189%{transform:rotate(182.08deg)} 14.595%{transform:rotate(137.73deg)} 15%{transform:rotate(139.60deg)} 15.405%{transform:rotate(137.07deg)} 15.811%{transform:rotate(138.99deg)} 16.149%{transform:rotate(181.77deg)} 16.419%{transform:rotate(171.47deg)} 16.757%{transform:rotate(185.43deg)} 17.162%{transform:rotate(79.24deg)} 17.466%{transform:rotate(90.16deg)} 17.838%{transform:rotate(70.44deg)} 18.243%{transform:rotate(-122.46deg)} 18.919%{transform:rotate(-106.62deg)} 19.108%{transform:rotate(-122.46deg)} 19.297%{transform:rotate(-106.62deg)} 19.486%{transform:rotate(-122.46deg)} 20.811%{transform:rotate(-106.62deg)} 21%{transform:rotate(-122.46deg)} 21.189%{transform:rotate(-106.62deg)} 21.378%{transform:rotate(-122.46deg)} 22.297%{transform:rotate(-122.46deg)} 22.77%{transform:rotate(-3.06deg)} 23.074%{transform:rotate(90.16deg)} 23.378%{transform:rotate(79.24deg)} 23.784%{transform:rotate(-75.53deg)} 24.189%{transform:rotate(-84.40deg)} 24.527%{transform:rotate(-75.53deg)} 25.338%{transform:rotate(-118.67deg)} 25.608%{transform:rotate(-121.46deg)} 25.912%{transform:rotate(-75.53deg)} 26.284%{transform:rotate(-78.31deg)} 27.162%{transform:rotate(-77.37deg)} 27.635%{transform:rotate(-96.33deg)} 27.703%{transform:rotate(-96.33deg)} 28.108%{transform:rotate(79.24deg)} 28.412%{transform:rotate(90.16deg)} 28.784%{transform:rotate(70.44deg)} 29.189%{transform:rotate(-122.46deg)} 29.865%{transform:rotate(-106.62deg)} 30.054%{transform:rotate(-122.46deg)} 30.243%{transform:rotate(-106.62deg)} 30.432%{transform:rotate(-122.46deg)} 32.432%{transform:rotate(-122.46deg)} 32.905%{transform:rotate(-3.06deg)} 33.209%{transform:rotate(90.16deg)} 33.514%{transform:rotate(79.24deg)} 33.919%{transform:rotate(183.06deg)} 34.203%{transform:rotate(153.43deg)} 34.486%{transform:rotate(183.06deg)} 34.77%{transform:rotate(153.43deg)} 35.054%{transform:rotate(183.06deg)} 35.338%{transform:rotate(153.43deg)} 35.622%{transform:rotate(183.06deg)} 35.905%{transform:rotate(153.43deg)} 36.189%{transform:rotate(183.06deg)} 36.473%{transform:rotate(153.43deg)} 36.757%{transform:rotate(183.06deg)} 37.162%{transform:rotate(181.40deg)} 37.297%{transform:rotate(181.40deg)} 37.703%{transform:rotate(79.24deg)} 38.007%{transform:rotate(90.16deg)} 38.378%{transform:rotate(70.44deg)} 38.784%{transform:rotate(-122.46deg)} 38.919%{transform:rotate(-122.46deg)} 39.595%{transform:rotate(-106.62deg)} 39.784%{transform:rotate(-122.46deg)} 39.973%{transform:rotate(-106.62deg)} 40.162%{transform:rotate(-122.46deg)} 42.568%{transform:rotate(-122.46deg)} 43.041%{transform:rotate(-3.06deg)} 43.345%{transform:rotate(90.16deg)} 43.649%{transform:rotate(79.24deg)} 44.054%{transform:rotate(29.25deg)} 44.459%{transform:rotate(134.69deg)} 44.797%{transform:rotate(158.28deg)} 45.135%{transform:rotate(134.69deg)} 45.473%{transform:rotate(158.28deg)} 45.811%{transform:rotate(134.69deg)} 46.149%{transform:rotate(158.28deg)} 46.486%{transform:rotate(134.69deg)} 46.824%{transform:rotate(158.28deg)} 47.162%{transform:rotate(134.69deg)} 47.5%{transform:rotate(158.28deg)} 47.838%{transform:rotate(134.69deg)} 48.176%{transform:rotate(158.28deg)} 48.514%{transform:rotate(134.69deg)} 48.919%{transform:rotate(29.25deg)} 49.459%{transform:rotate(29.25deg)} 49.865%{transform:rotate(79.24deg)} 50.169%{transform:rotate(90.16deg)} 50.541%{transform:rotate(70.44deg)} 50.946%{transform:rotate(-122.46deg)} 51.081%{transform:rotate(-122.46deg)} 51.757%{transform:rotate(-106.62deg)} 51.946%{transform:rotate(-122.46deg)} 52.135%{transform:rotate(-106.62deg)} 52.324%{transform:rotate(-122.46deg)} 54.73%{transform:rotate(-122.46deg)} 55.203%{transform:rotate(-3.06deg)} 55.507%{transform:rotate(90.16deg)} 55.811%{transform:rotate(79.24deg)} 56.216%{transform:rotate(-69.59deg)} 60.405%{transform:rotate(-69.59deg)} 60.811%{transform:rotate(79.24deg)} 61.115%{transform:rotate(90.16deg)} 61.486%{transform:rotate(70.44deg)} 61.892%{transform:rotate(-122.46deg)} 62.568%{transform:rotate(-106.62deg)} 62.757%{transform:rotate(-122.46deg)} 62.946%{transform:rotate(-106.62deg)} 63.135%{transform:rotate(-122.46deg)} 65.541%{transform:rotate(-122.46deg)} 66.014%{transform:rotate(-3.06deg)} 66.318%{transform:rotate(90.16deg)} 66.622%{transform:rotate(79.24deg)} 67.027%{transform:rotate(92.04deg)} 67.838%{transform:rotate(92.04deg)} 68.243%{transform:rotate(89.29deg)} 68.581%{transform:rotate(79.99deg)} 68.851%{transform:rotate(90.16deg)} 69.257%{transform:rotate(29.25deg)} 70.27%{transform:rotate(29.25deg)} 70.676%{transform:rotate(61.21deg)} 71.014%{transform:rotate(90.16deg)} 71.351%{transform:rotate(70.44deg)} 71.757%{transform:rotate(-122.46deg)} 72.432%{transform:rotate(-106.62deg)} 72.622%{transform:rotate(-122.46deg)} 72.811%{transform:rotate(-106.62deg)} 73%{transform:rotate(-122.46deg)} 74.324%{transform:rotate(-122.46deg)} 74.865%{transform:rotate(29.25deg)} 75.135%{transform:rotate(-19.19deg)} 75.507%{transform:rotate(-22.90deg)} 75.878%{transform:rotate(-19.19deg)} 76.25%{transform:rotate(-22.90deg)} 76.622%{transform:rotate(-19.19deg)} 76.993%{transform:rotate(-22.90deg)} 77.365%{transform:rotate(-19.19deg)} 77.736%{transform:rotate(-22.90deg)} 78.108%{transform:rotate(-19.19deg)} 78.48%{transform:rotate(-22.90deg)} 79.054%{transform:rotate(29.25deg)} 79.595%{transform:rotate(-122.46deg)} 80.27%{transform:rotate(-106.62deg)} 80.459%{transform:rotate(-122.46deg)} 80.649%{transform:rotate(-106.62deg)} 80.838%{transform:rotate(-122.46deg)} 82.432%{transform:rotate(-122.46deg)} 82.905%{transform:rotate(-3.06deg)} 83.209%{transform:rotate(90.16deg)} 83.277%{transform:rotate(85.98deg)} 83.412%{transform:rotate(77.60deg)} 83.514%{transform:rotate(71.32deg)} 83.919%{transform:rotate(149.78deg)} 84.054%{transform:rotate(155.76deg)} 84.297%{transform:rotate(172.82deg)} 84.541%{transform:rotate(155.76deg)} 84.784%{transform:rotate(172.82deg)} 85.027%{transform:rotate(155.76deg)} 85.27%{transform:rotate(172.82deg)} 85.514%{transform:rotate(155.76deg)} 85.757%{transform:rotate(172.82deg)} 86%{transform:rotate(155.76deg)} 86.243%{transform:rotate(172.82deg)} 86.486%{transform:rotate(155.76deg)} 86.73%{transform:rotate(172.82deg)} 86.973%{transform:rotate(155.76deg)} 87.216%{transform:rotate(172.82deg)} 87.568%{transform:rotate(175.83deg)} 87.635%{transform:rotate(181.40deg)} 87.77%{transform:rotate(181.40deg)} 88.176%{transform:rotate(79.24deg)} 88.378%{transform:rotate(86.52deg)} 88.48%{transform:rotate(90.16deg)} 88.514%{transform:rotate(88.37deg)} 88.851%{transform:rotate(70.44deg)} 89.257%{transform:rotate(-122.46deg)} 89.932%{transform:rotate(-106.62deg)} 90.122%{transform:rotate(-122.46deg)} 90.311%{transform:rotate(-106.62deg)} 90.5%{transform:rotate(-122.46deg)} 91.892%{transform:rotate(-122.46deg)} 92.365%{transform:rotate(-3.06deg)} 92.669%{transform:rotate(90.16deg)} 92.973%{transform:rotate(79.24deg)} 93.243%{transform:rotate(50.46deg)} 93.378%{transform:rotate(78.06deg)} 93.689%{transform:rotate(126.25deg)} 94.135%{transform:rotate(6.76deg)} 94.581%{transform:rotate(126.25deg)} 95.027%{transform:rotate(6.76deg)} 95.473%{transform:rotate(126.25deg)} 95.919%{transform:rotate(6.76deg)} 96.365%{transform:rotate(126.25deg)} 97.027%{transform:rotate(79.24deg)} 97.568%{transform:rotate(90.16deg)} 97.973%{transform:rotate(70.44deg)} 98.378%{transform:rotate(-122.46deg)} 100%{transform:rotate(-122.46deg)}}
@keyframes po-banderinK{0%{opacity:0} 83.277%{opacity:0} 83.412%{opacity:1} 88.378%{opacity:1} 88.514%{opacity:0}}
.mascota .pr-paleta{animation:po-paletaK 148s linear infinite}
@keyframes po-paletaK{0%{opacity:0} 10.135%{opacity:0} 10.27%{opacity:1} 17.196%{opacity:1} 17.331%{opacity:0}}
.mascota .pr-pompon{animation:po-pomponK 148s linear infinite}
@keyframes po-pomponK{0%{opacity:0} 92.5%{opacity:0} 92.703%{opacity:1} 97.23%{opacity:1} 97.365%{opacity:0}}
.mascota .pr-lapiz{opacity:1} .mascota .pr-pincel,.mascota .pr-palo,.mascota .pr-camara,.mascota .pr-libro,.mascota .pr-paleta,.mascota .pr-banderin,.mascota .pr-pompon{opacity:0}
.mascota .giro{transform-box:view-box;transform-origin:60px 96px;animation:giroK 148s ease-in-out infinite}
@keyframes giroK{0%{transform:rotate(0deg) translateY(0px)} 22.297%{transform:rotate(0deg) translateY(0px)} 23.784%{transform:rotate(2deg) translateY(0px)} 24.189%{transform:rotate(-2deg) translateY(0px)} 24.527%{transform:rotate(1deg) translateY(0px)} 25.338%{transform:rotate(-15deg) translateY(0px)} 25.608%{transform:rotate(-16deg) translateY(0px)} 25.912%{transform:rotate(0deg) translateY(0px)} 26.284%{transform:rotate(17deg) translateY(-1px)} 27.162%{transform:rotate(15deg) translateY(-1px)} 27.703%{transform:rotate(0deg) translateY(0px)} 33.919%{transform:rotate(-7deg) translateY(-2px)} 34.203%{transform:rotate(7deg) translateY(-2px)} 34.486%{transform:rotate(-7deg) translateY(-2px)} 34.77%{transform:rotate(7deg) translateY(-2px)} 35.054%{transform:rotate(-7deg) translateY(-2px)} 35.338%{transform:rotate(7deg) translateY(-2px)} 35.622%{transform:rotate(-7deg) translateY(-2px)} 35.905%{transform:rotate(7deg) translateY(-2px)} 36.189%{transform:rotate(-7deg) translateY(-2px)} 36.473%{transform:rotate(7deg) translateY(-2px)} 36.757%{transform:rotate(-7deg) translateY(-2px)} 37.027%{transform:rotate(0deg) translateY(0px)} 68.716%{transform:rotate(-2.5deg) translateY(0px)} 68.865%{transform:rotate(2.5deg) translateY(-1px)} 69.014%{transform:rotate(-2.5deg) translateY(0px)} 69.162%{transform:rotate(2.5deg) translateY(-1px)} 69.311%{transform:rotate(-2.5deg) translateY(0px)} 69.459%{transform:rotate(2.5deg) translateY(-1px)} 69.608%{transform:rotate(-2.5deg) translateY(0px)} 69.757%{transform:rotate(2.5deg) translateY(-1px)} 69.905%{transform:rotate(-2.5deg) translateY(0px)} 70.054%{transform:rotate(2.5deg) translateY(-1px)} 70.203%{transform:rotate(-2.5deg) translateY(0px)} 70.541%{transform:rotate(0deg) translateY(0px)} 75.135%{transform:rotate(-3deg) translateY(0px)} 75.507%{transform:rotate(-3deg) translateY(0px)} 75.878%{transform:rotate(3deg) translateY(0px)} 76.25%{transform:rotate(3deg) translateY(0px)} 76.622%{transform:rotate(-3deg) translateY(0px)} 76.993%{transform:rotate(-3deg) translateY(0px)} 77.365%{transform:rotate(3deg) translateY(0px)} 77.736%{transform:rotate(3deg) translateY(0px)} 78.108%{transform:rotate(-3deg) translateY(0px)} 78.48%{transform:rotate(-3deg) translateY(0px)} 79.054%{transform:rotate(0deg) translateY(0px)} 84.054%{transform:rotate(-3deg) translateY(-1.5px)} 84.297%{transform:rotate(4deg) translateY(-1.5px)} 84.541%{transform:rotate(-3deg) translateY(-1.5px)} 84.784%{transform:rotate(4deg) translateY(-1.5px)} 85.027%{transform:rotate(-3deg) translateY(-1.5px)} 85.27%{transform:rotate(4deg) translateY(-1.5px)} 85.514%{transform:rotate(-3deg) translateY(-1.5px)} 85.757%{transform:rotate(4deg) translateY(-1.5px)} 86%{transform:rotate(-3deg) translateY(-1.5px)} 86.243%{transform:rotate(4deg) translateY(-1.5px)} 86.486%{transform:rotate(-3deg) translateY(-1.5px)} 86.73%{transform:rotate(4deg) translateY(-1.5px)} 86.973%{transform:rotate(-3deg) translateY(-1.5px)} 87.216%{transform:rotate(4deg) translateY(-1.5px)} 87.568%{transform:rotate(0deg) translateY(0px)} 93.243%{transform:rotate(-8deg) translateY(-2px)} 93.689%{transform:rotate(8deg) translateY(-2px)} 94.135%{transform:rotate(-8deg) translateY(-2px)} 94.581%{transform:rotate(8deg) translateY(-2px)} 95.027%{transform:rotate(-8deg) translateY(-2px)} 95.473%{transform:rotate(8deg) translateY(-2px)} 95.919%{transform:rotate(-8deg) translateY(-2px)} 96.365%{transform:rotate(8deg) translateY(-2px)} 96.959%{transform:rotate(0deg) translateY(0px)} 100%{transform:rotate(0deg) translateY(0px)}}
.mascota .f-piensa{opacity:1;animation:f-piensaK 148s ease-in-out infinite}
@keyframes f-piensaK{0%{opacity:1} 9.476%{opacity:1} 9.713%{opacity:0} 17.922%{opacity:0} 18.159%{opacity:1} 22.314%{opacity:1} 22.551%{opacity:0} 28.868%{opacity:0} 29.105%{opacity:1} 32.449%{opacity:1} 32.686%{opacity:0} 38.463%{opacity:0} 38.699%{opacity:1} 42.584%{opacity:1} 42.821%{opacity:0} 48.801%{opacity:0} 49.037%{opacity:1} 49.476%{opacity:1} 49.713%{opacity:0} 50.625%{opacity:0} 50.861%{opacity:1} 54.747%{opacity:1} 54.983%{opacity:0} 61.571%{opacity:0} 61.807%{opacity:1} 65.557%{opacity:1} 65.794%{opacity:0} 71.436%{opacity:0} 71.672%{opacity:1} 74.611%{opacity:1} 74.848%{opacity:0} 78.936%{opacity:0} 79.172%{opacity:1} 82.449%{opacity:1} 82.686%{opacity:0} 88.936%{opacity:0} 89.172%{opacity:1} 91.909%{opacity:1} 92.145%{opacity:0} 97.99%{opacity:0} 98.226%{opacity:1} 100%{opacity:1}}
.mascota .f-busca{opacity:0;animation:f-buscaK 148s ease-in-out infinite}
@keyframes f-buscaK{0%{opacity:0} 9.476%{opacity:0} 9.713%{opacity:1} 10.693%{opacity:1} 10.929%{opacity:0} 16.774%{opacity:0} 17.01%{opacity:1} 17.922%{opacity:1} 18.159%{opacity:0} 22.314%{opacity:0} 22.551%{opacity:1} 23.53%{opacity:1} 23.767%{opacity:0} 27.72%{opacity:0} 27.956%{opacity:1} 28.868%{opacity:1} 29.105%{opacity:0} 32.449%{opacity:0} 32.686%{opacity:1} 33.598%{opacity:1} 33.834%{opacity:0} 37.314%{opacity:0} 37.551%{opacity:1} 38.463%{opacity:1} 38.699%{opacity:0} 42.584%{opacity:0} 42.821%{opacity:1} 44.206%{opacity:1} 44.443%{opacity:0} 49.476%{opacity:0} 49.713%{opacity:1} 50.625%{opacity:1} 50.861%{opacity:0} 54.747%{opacity:0} 54.983%{opacity:1} 55.963%{opacity:1} 56.199%{opacity:0} 60.422%{opacity:0} 60.659%{opacity:1} 61.571%{opacity:1} 61.807%{opacity:0} 65.557%{opacity:0} 65.794%{opacity:1} 66.774%{opacity:1} 67.01%{opacity:0} 68.125%{opacity:0} 68.361%{opacity:1} 68.26%{opacity:1} 68.497%{opacity:0} 70.625%{opacity:0} 70.861%{opacity:1} 71.436%{opacity:1} 71.672%{opacity:0} 82.449%{opacity:0} 82.686%{opacity:1} 83.936%{opacity:1} 84.172%{opacity:0} 87.787%{opacity:0} 88.024%{opacity:1} 88.936%{opacity:1} 89.172%{opacity:0} 91.909%{opacity:0} 92.145%{opacity:1} 93.057%{opacity:1} 93.294%{opacity:0} 97.044%{opacity:0} 97.28%{opacity:1} 97.99%{opacity:1} 98.226%{opacity:0} 100%{opacity:0}}
.mascota .f-contenta{opacity:0;animation:f-contentaK 148s ease-in-out infinite}
@keyframes f-contentaK{0%{opacity:0} 10.693%{opacity:0} 10.929%{opacity:1} 14.274%{opacity:1} 14.51%{opacity:0} 15.828%{opacity:0} 16.064%{opacity:1} 16.774%{opacity:1} 17.01%{opacity:0} 27.111%{opacity:0} 27.348%{opacity:1} 27.72%{opacity:1} 27.956%{opacity:0} 100%{opacity:0}}
.mascota .f-mide{opacity:0;animation:f-mideK 148s ease-in-out infinite}
@keyframes f-mideK{0%{opacity:0} 14.274%{opacity:0} 14.51%{opacity:1} 15.828%{opacity:1} 16.064%{opacity:0} 100%{opacity:0}}
.mascota .f-mira-pelota{opacity:0;animation:f-mira-pelotaK 148s ease-in-out infinite}
@keyframes f-mira-pelotaK{0%{opacity:0} 23.53%{opacity:0} 23.767%{opacity:1} 25.963%{opacity:1} 26.199%{opacity:0} 100%{opacity:0}}
.mascota .f-sigue{opacity:0;animation:f-sigueK 148s ease-in-out infinite}
@keyframes f-sigueK{0%{opacity:0} 25.963%{opacity:0} 26.199%{opacity:1} 27.111%{opacity:1} 27.348%{opacity:0} 100%{opacity:0}}
.mascota .f-feliz{opacity:0;animation:f-felizK 148s ease-in-out infinite}
@keyframes f-felizK{0%{opacity:0} 33.598%{opacity:0} 33.834%{opacity:1} 37.314%{opacity:1} 37.551%{opacity:0} 92.99%{opacity:0} 93.226%{opacity:1} 94.003%{opacity:1} 94.24%{opacity:0} 94.882%{opacity:0} 95.118%{opacity:1} 95.76%{opacity:1} 95.997%{opacity:0} 100%{opacity:0}}
.mascota .f-canta{opacity:0;animation:f-cantaK 148s ease-in-out infinite}
@keyframes f-cantaK{0%{opacity:0} 44.206%{opacity:0} 44.443%{opacity:1} 48.801%{opacity:1} 49.037%{opacity:0} 100%{opacity:0}}
.mascota .f-lee{opacity:0;animation:f-leeK 148s ease-in-out infinite}
@keyframes f-leeK{0%{opacity:0} 55.963%{opacity:0} 56.199%{opacity:1} 60.422%{opacity:1} 60.659%{opacity:0} 100%{opacity:0}}
.mascota .f-rie{opacity:0;animation:f-rieK 148s ease-in-out infinite}
@keyframes f-rieK{0%{opacity:0} 68.26%{opacity:0} 68.497%{opacity:1} 70.625%{opacity:1} 70.861%{opacity:0} 100%{opacity:0}}
.mascota .f-silba{opacity:0;animation:f-silbaK 148s ease-in-out infinite}
@keyframes f-silbaK{0%{opacity:0} 74.611%{opacity:0} 74.848%{opacity:1} 78.936%{opacity:1} 79.172%{opacity:0} 100%{opacity:0}}
.mascota .f-grita{opacity:0;animation:f-gritaK 148s ease-in-out infinite}
@keyframes f-gritaK{0%{opacity:0} 83.936%{opacity:0} 84.172%{opacity:1} 87.787%{opacity:1} 88.024%{opacity:0} 100%{opacity:0}}
.mascota .f-guina{opacity:0;animation:f-guinaK 148s ease-in-out infinite}
@keyframes f-guinaK{0%{opacity:0} 94.003%{opacity:0} 94.24%{opacity:1} 94.882%{opacity:1} 95.118%{opacity:0} 95.76%{opacity:0} 95.997%{opacity:1} 97.044%{opacity:1} 97.28%{opacity:0} 100%{opacity:0}}
.mascota .f-foto{opacity:0;animation:f-fotoK 148s ease-in-out infinite}
@keyframes f-fotoK{0%{opacity:0} 66.774%{opacity:0} 67.01%{opacity:1} 68.26%{opacity:1} 68.497%{opacity:0} 100%{opacity:0}}
.mascota .boina{animation:boinaK 148s ease-in-out infinite;opacity:0}
@keyframes boinaK{0%{opacity:0;transform:translateY(-40px)} 9.865%{opacity:0;transform:translateY(-40px)} 9.932%{opacity:1;transform:translateY(-40px)} 10.304%{opacity:1;transform:translateY(0)} 10.405%{opacity:1;transform:translateY(-2.5px)} 10.507%{opacity:1;transform:translateY(0)} 17.027%{opacity:1;transform:translateY(0)} 17.5%{opacity:0;transform:translateY(-26px)} 100%{opacity:0;transform:translateY(-40px)}}
.mascota .caballete{animation:caballeteK 148s ease-in-out infinite;opacity:0}
@keyframes caballeteK{0%{opacity:0} 9.595%{opacity:0} 10.068%{opacity:1} 17.5%{opacity:1} 17.973%{opacity:0} 100%{opacity:0}}
.mascota .trazo1{stroke-dasharray:20;stroke-dashoffset:20;animation:trazo1K 148s linear infinite}
@keyframes trazo1K{0%{stroke-dashoffset:20} 11.081%{stroke-dashoffset:20} 12.23%{stroke-dashoffset:0} 17.973%{stroke-dashoffset:0} 18.041%{stroke-dashoffset:20} 100%{stroke-dashoffset:20}}
.mascota .trazo2{stroke-dasharray:20;stroke-dashoffset:20;animation:trazo2K 148s linear infinite}
@keyframes trazo2K{0%{stroke-dashoffset:20} 12.23%{stroke-dashoffset:20} 13.243%{stroke-dashoffset:0} 17.973%{stroke-dashoffset:0} 18.041%{stroke-dashoffset:20} 100%{stroke-dashoffset:20}}
.mascota .trazo3{stroke-dasharray:20;stroke-dashoffset:20;animation:trazo3K 148s linear infinite}
@keyframes trazo3K{0%{stroke-dashoffset:20} 13.243%{stroke-dashoffset:20} 14.122%{stroke-dashoffset:0} 17.973%{stroke-dashoffset:0} 18.041%{stroke-dashoffset:20} 100%{stroke-dashoffset:20}}
.mascota .pelota{animation:pelotaK 148s linear infinite;opacity:0}
@keyframes pelotaK{0%{opacity:0;transform:translate(0,0)} 23.243%{opacity:0;transform:translate(0,0)} 23.514%{opacity:1;transform:translate(0,0)} 25.912%{opacity:1;transform:translate(0,0)} 26.284%{opacity:1;transform:translate(40px,-52px) scale(.85)} 26.892%{opacity:1;transform:translate(118px,-92px) scale(.4)} 27.027%{opacity:0;transform:translate(125px,-96px) scale(.35)} 100%{opacity:0;transform:translate(0,0)}}
.mascota .pasto{animation:pastoK 148s ease-in-out infinite;opacity:0}
@keyframes pastoK{0%{opacity:0} 23.108%{opacity:0} 23.514%{opacity:.55} 27.297%{opacity:.55} 27.703%{opacity:0} 100%{opacity:0}}
.mascota .notas-baile{animation:notasBK 148s ease-in-out infinite;opacity:0}
@keyframes notasBK{0%{opacity:0} 33.919%{opacity:0} 34.189%{opacity:1} 36.757%{opacity:1} 37.027%{opacity:0} 100%{opacity:0}}
.mascota .pajaro{animation:pajaroK 148s ease-in-out infinite;opacity:0}
@keyframes pajaroK{0%{opacity:0;transform:translate(-50px,-46px)} 43.446%{opacity:0;transform:translate(-50px,-46px)} 43.514%{opacity:1;transform:translate(-50px,-46px)} 44.257%{opacity:1;transform:translate(0,0)} 44.595%{opacity:1;transform:translate(0,-1.6px)} 45%{opacity:1;transform:translate(0,0px)} 45.405%{opacity:1;transform:translate(0,-1.6px)} 45.811%{opacity:1;transform:translate(0,0px)} 46.216%{opacity:1;transform:translate(0,-1.6px)} 46.622%{opacity:1;transform:translate(0,0px)} 47.027%{opacity:1;transform:translate(0,-1.6px)} 47.432%{opacity:1;transform:translate(0,0px)} 47.838%{opacity:1;transform:translate(0,-1.6px)} 48.243%{opacity:1;transform:translate(0,0px)} 48.649%{opacity:1;transform:translate(0,-1.6px)} 48.986%{opacity:1;transform:translate(0,0)} 49.662%{opacity:1;transform:translate(-46px,-52px)} 49.73%{opacity:0;transform:translate(-46px,-52px)} 100%{opacity:0;transform:translate(-50px,-46px)}}
.mascota .ala{transform-box:fill-box;transform-origin:50% 100%;animation:alaK 148s linear infinite}
@keyframes alaK{0%{transform:scaleY(1)} 43.514%{transform:scaleY(-0.6)} 43.581%{transform:scaleY(1)} 43.649%{transform:scaleY(-0.6)} 43.716%{transform:scaleY(1)} 43.784%{transform:scaleY(-0.6)} 43.851%{transform:scaleY(1)} 43.919%{transform:scaleY(-0.6)} 43.986%{transform:scaleY(1)} 44.054%{transform:scaleY(-0.6)} 44.122%{transform:scaleY(1)} 44.189%{transform:scaleY(-0.6)} 44.257%{transform:scaleY(1)} 44.257%{transform:scaleY(1)} 48.986%{transform:scaleY(-0.6)} 49.054%{transform:scaleY(1)} 49.122%{transform:scaleY(-0.6)} 49.189%{transform:scaleY(1)} 49.257%{transform:scaleY(-0.6)} 49.324%{transform:scaleY(1)} 49.392%{transform:scaleY(-0.6)} 49.459%{transform:scaleY(1)} 49.527%{transform:scaleY(-0.6)} 49.595%{transform:scaleY(1)} 49.662%{transform:scaleY(-0.6)} 49.73%{transform:scaleY(1)} 49.73%{transform:scaleY(1)} 100%{transform:scaleY(1)}}
.mascota .notas-canto{animation:notasCK 148s ease-in-out infinite;opacity:0}
@keyframes notasCK{0%{opacity:0} 44.527%{opacity:0} 44.797%{opacity:1} 48.716%{opacity:1} 48.986%{opacity:0} 100%{opacity:0}}
.mascota .hoja{transform-box:view-box;transform-origin:60px 75px;opacity:0;animation:hojaK 148s ease-in-out infinite}
@keyframes hojaK{0%{transform:scaleX(1);opacity:0} 58.108%{transform:scaleX(1);opacity:0} 58.176%{transform:scaleX(1);opacity:1} 58.919%{transform:scaleX(-1);opacity:1} 58.986%{transform:scaleX(-1);opacity:0} 100%{transform:scaleX(-1);opacity:0}}
.mascota .flash{animation:flashK 148s ease-out infinite;opacity:0}
@keyframes flashK{0%{opacity:0} 67.601%{opacity:0} 67.669%{opacity:.95} 68.108%{opacity:0} 100%{opacity:0}}
.mascota .jiji{animation:jijiK 148s ease-in-out infinite;opacity:0}
@keyframes jijiK{0%{opacity:0} 68.716%{opacity:0} 68.919%{opacity:1} 70.338%{opacity:1} 70.541%{opacity:0} 100%{opacity:0}}
.mascota .notas-silbido{animation:notasSK 148s ease-in-out infinite;opacity:0}
@keyframes notasSK{0%{opacity:0} 75%{opacity:0} 75.203%{opacity:1} 78.784%{opacity:1} 78.986%{opacity:0} 100%{opacity:0}}
.mascota .simbolos{animation:simbolosK 148s ease-in-out infinite}
@keyframes simbolosK{0%{opacity:1} 0.946%{opacity:1} 8.649%{opacity:1} 9.054%{opacity:0} 18.784%{opacity:0} 19.189%{opacity:1} 21.486%{opacity:1} 21.892%{opacity:0} 29.73%{opacity:0} 30.135%{opacity:1} 31.622%{opacity:1} 32.027%{opacity:0} 39.459%{opacity:0} 39.865%{opacity:1} 41.757%{opacity:1} 42.162%{opacity:0} 51.622%{opacity:0} 52.027%{opacity:1} 53.919%{opacity:1} 54.324%{opacity:0} 62.432%{opacity:0} 62.838%{opacity:1} 64.73%{opacity:1} 65.135%{opacity:0} 72.297%{opacity:0} 72.703%{opacity:1} 73.514%{opacity:1} 73.919%{opacity:0} 80.135%{opacity:0} 80.541%{opacity:1} 81.622%{opacity:1} 82.027%{opacity:0} 89.797%{opacity:0} 90.203%{opacity:1} 91.081%{opacity:1} 91.486%{opacity:0} 99.257%{opacity:0} 99.73%{opacity:1} 100%{opacity:1}}
.mascota .vamos-in{transform-box:fill-box;transform-origin:50% 50%;opacity:0;animation:vamosK 148s linear infinite}
@keyframes vamosK{0%{opacity:0;transform:translateY(34px) scale(.2)} 84.561%{opacity:0;transform:translateY(34px) scale(.2)} 84.595%{opacity:1;transform:translateY(34px) scale(.25)} 84.831%{opacity:1;transform:translateY(0) scale(1.28)} 84.878%{opacity:1;transform:translateY(0) scale(1.42,1.0)} 84.946%{opacity:1;transform:translateY(0) scale(1.18,1.32)} 85.027%{opacity:1;transform:translateY(0) scale(1.25)} 86.419%{opacity:1;transform:translateY(0) scale(1.25)} 86.824%{opacity:0;transform:translateY(10px) scale(1.25)} 100%{opacity:0;transform:translateY(34px) scale(.2)}}
.mascota .vamos{transform-box:view-box;animation:vamosTK 148s linear infinite}
@keyframes vamosTK{0%{transform:translate(0,0)} 84.865%{transform:translate(0,0)} 84.905%{transform:translate(-2.4px,1px)} 84.946%{transform:translate(2.4px,-1px)} 84.986%{transform:translate(-1.4px,.6px)} 85.041%{transform:translate(0,0)} 100%{transform:translate(0,0)}}
.mascota .vamos-golpe{transform-box:fill-box;transform-origin:50% 50%;opacity:0;animation:golpeK 148s ease-out infinite}
@keyframes golpeK{0%{opacity:0;transform:scale(.6)} 84.851%{opacity:0;transform:scale(.6)} 84.878%{opacity:1;transform:scale(.85)} 85.135%{opacity:0;transform:scale(1.3)} 100%{opacity:0;transform:scale(.6)}}
.mascota .ondea{transform-box:fill-box;transform-origin:0% 50%;animation:ondeaK .3s ease-in-out infinite alternate}
@keyframes ondeaK{from{transform:scaleX(1) skewY(0)}to{transform:scaleX(.82) skewY(7deg)}}
.mascota .pompon-jig{transform-box:fill-box;transform-origin:50% 50%;animation:pomponK .17s ease-in-out infinite alternate}
@keyframes pomponK{from{transform:scale(1,1) rotate(-6deg)}to{transform:scale(1.12,.9) rotate(6deg)}}

.mascota .ojos-lee{animation:leeK 2.2s ease-in-out infinite}
@keyframes leeK{0%,100%{transform:translateX(-1.8px)}45%,50%{transform:translateX(1.8px)}}
.mascota .ojos-busca{animation:buscaK 1s ease-in-out infinite alternate}
@keyframes buscaK{from{transform:translateX(1px)}to{transform:translateX(3.2px) translateY(1px)}}
.mascota .boca-canta{transform-box:fill-box;transform-origin:center;animation:cantaK .45s ease-in-out infinite alternate}
@keyframes cantaK{from{transform:scale(.8,.55)}to{transform:scale(1,1.1)}}
.mascota .pincel-punta{animation:pincelK .45s ease-in-out infinite alternate}
@keyframes pincelK{from{transform:translate(0,0)}to{transform:translate(.6px,-.6px)}}
.mascota .notas-baile text,.mascota .notas-canto text{animation:notaK 1.6s ease-in-out infinite}
.mascota .notas-baile text:nth-child(2),.mascota .notas-canto text:nth-child(2){animation-delay:.5s}
.mascota .notas-baile text:nth-child(3),.mascota .notas-canto text:nth-child(3){animation-delay:1s}
.mascota .notas-canto text:nth-child(4){animation-delay:.25s}
@keyframes notaK{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}
.mascota .notas-silbido text{opacity:0;transform-box:fill-box;transform-origin:center;animation:silbidoK 1.8s ease-out infinite}
.mascota .notas-silbido text:nth-child(2){animation-delay:.6s}
.mascota .notas-silbido text:nth-child(3){animation-delay:1.2s}
@keyframes silbidoK{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(24px,-26px) scale(1.25)}}
.mascota .c{transition:opacity .5s ease}
.mascota.saluda .c{opacity:0}
.mascota .s{opacity:0;transition:opacity .5s ease}
.mascota.saluda .s{opacity:1}
/* el "¡Hola!" entra con un brinquito, sin hacer esperar */
.mascota .s text{transform-box:fill-box;transform-origin:0% 100%;animation:holaSale .4s ease-out both}
@keyframes holaSale{from{opacity:0;transform:scale(.6) translateY(5px)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
.mascota .saluda-mano{transform-box:view-box;transform-origin:89px 64px;animation:saludaK .42s ease-in-out infinite alternate}
@keyframes saludaK{from{transform:rotate(-12deg)}to{transform:rotate(14deg)}}

/* -- cambio de estado: el anterior se desvanece encima del nuevo -- */
.mascota-btn .tachu.saliendo{position:absolute;left:0;top:0;pointer-events:none;animation:salirK .55s ease forwards}
.mascota-btn .tachu.entrando{animation:entrarK .55s ease both}
@keyframes salirK{to{opacity:0;transform:scale(.97)}}
@keyframes entrarK{from{opacity:0;transform:scale(.97)}}

@media (prefers-reduced-motion: reduce){
  .mascota .cuerpo, .mascota .ojo, .zzz text, .pensando text, .mascota .toque,
  .mascota .ojos-piensa, .mascota .mira, .mascota .calendario,
  .mascota .lentes, .mascota .cejas-p, .mascota .boca-n, .mascota .boca-o,
  .mascota [class^="rb"], .mascota [class^="pr-"], .mascota [class^="f-"], .mascota .giro,
  .mascota [class^="trazo"], .mascota .boina, .mascota .caballete, .mascota .pelota, .mascota .pajaro,
  .mascota .ala, .mascota .notas-baile, .mascota .notas-canto, .mascota .notas-silbido,
  .mascota .notas-baile text, .mascota .notas-canto text, .mascota .notas-silbido text,
  .mascota .hoja, .mascota .flash, .mascota .jiji, .mascota .simbolos, .mascota .ojos-busca,
  .mascota .pincel-punta, .mascota .ojos-lee, .mascota .saluda-mano, .mascota .boca-canta,
  .mascota .pasto,
  .mascota .sorpresa, .mascota .cuelga, .mascota .muerde, .mascota .muerde-mano,
  .mascota .confeti span{animation:none !important}

  .pensando text, .zzz text{opacity:.8}
}

.pista-instalar{
  margin:-6px 0 16px;padding:0 2px;
  font-size:12.5px;color:var(--faint);line-height:1.5;
}
.pista-instalar strong{color:var(--muted);font-weight:650}
.push-caja.aviso-ios{background:var(--ambar-soft);border-color:transparent}
.push-t{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:5px}
.push-caja.push-on .push-t{color:var(--verde)}
.push-caja.aviso-ios .push-t{color:var(--ambar)}
.push-d{font-size:13.5px;color:var(--muted);line-height:1.5}
.push-caja.aviso-ios .push-d{color:var(--ambar)}
.push-caja .btn{margin-top:12px}
.pasos-ios{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}
.pasos-ios li{padding-left:2px}

/* aviso de materia nueva */
/* pie de página */
.pie{
  width:100%;max-width:1180px;margin:0 auto;padding:6px 16px 22px;
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;
  font-size:12.5px;color:var(--faint);text-align:center;
}
.pie-falla{
  border:0;background:none;padding:0;cursor:pointer;font:inherit;
  color:var(--muted);border-bottom:1px dashed var(--line-strong);
}
.pie-falla:hover{color:var(--violeta);border-bottom-color:var(--violeta)}
@media (max-width:420px){ .pie-sep{display:none} .pie{flex-direction:column} }

/* reportes */
.sheet textarea{
  width:100%;min-height:120px;padding:10px 12px;border-radius:10px;resize:vertical;
  border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);
  font:inherit;font-size:16px;line-height:1.45;
}
.sheet textarea:focus{outline:2px solid var(--violeta);outline-offset:1px;border-color:var(--violeta)}
.reporte-alt{margin-top:12px;font-size:13px;color:var(--muted)}
.reporte-alt button{border:0;background:none;padding:0;font:inherit;color:var(--violeta);cursor:pointer;text-decoration:underline}
.reporte{
  background:var(--surface);border:1px solid color-mix(in srgb, var(--naranja) 40%, var(--line));
  border-radius:var(--r);padding:13px 14px;
}
.reporte.resuelto{border-color:var(--line);opacity:.65}
.reporte-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.reporte-top strong{color:var(--ink);font-size:13.5px}
.reporte-msg{margin-top:6px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.reporte-datos{margin-top:6px;font-size:11.5px;color:var(--faint);word-break:break-word}
.reporte-acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

.moodle-caido{
  display:flex;gap:10px;align-items:flex-start;
  background:var(--ambar-soft);color:var(--ambar);
  border-radius:var(--r);padding:12px 14px;margin-bottom:16px;
  font-size:13.5px;line-height:1.45;
}
.moodle-caido strong{display:block;font-size:14px}
.moodle-caido svg{width:18px;height:18px;flex:none;margin-top:1px}

.aviso-materia{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:var(--violeta-soft);
  border:1px solid color-mix(in srgb, var(--violeta) 30%, var(--line));
  border-radius:var(--r);padding:14px 16px;margin-bottom:18px;
}
.aviso-materia .am-icono{
  width:36px;height:36px;flex:none;border-radius:10px;
  display:grid;place-items:center;background:var(--surface);color:var(--violeta);
}
.aviso-materia .am-icono svg{width:18px;height:18px}
.aviso-materia .am-txt{flex:1;min-width:200px}
.aviso-materia strong{display:block;font-size:14.5px;font-weight:700;color:var(--ink)}
.aviso-materia .am-d{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.45}
.aviso-materia .am-cod{
  font-weight:700;color:var(--violeta);font-variant-numeric:tabular-nums;
}
.aviso-materia .am-acc{display:flex;gap:8px;flex-wrap:wrap}
.mat-nueva{
  display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;
  background:var(--naranja-soft);color:var(--naranja);
  font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;
}

.bienvenida{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 22px;
  margin-bottom:22px;
  box-shadow:var(--shadow);
  text-align:center;
}
.bienvenida h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.bienvenida p{
  margin:0 auto 16px;max-width:42ch;
  font-size:14.5px;color:var(--muted);line-height:1.5;
}
.bienvenida p.chico{font-size:12.5px;color:var(--faint);margin:12px 0 0}

/* banner datos de ejemplo */
.demo-banner{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:11px 14px;border-radius:12px;
  background:var(--ambar-soft);color:var(--ambar);
  font-size:13.5px;font-weight:600;margin-bottom:18px;
}
.demo-banner svg{width:17px;height:17px;flex:none}
.demo-banner button{
  margin-left:auto;font-size:13px;font-weight:700;
  text-decoration:underline;text-underline-offset:2px;color:inherit;
}

/* sheet */
.sheet-bg{
  position:fixed;inset:0;z-index:50;
  background:rgba(20,17,28,.5);
  display:grid;place-items:end center;
  padding:0;
}
@media (min-width:640px){.sheet-bg{place-items:center}}
.sheet{
  background:var(--surface);
  width:100%;max-width:520px;max-height:88vh;overflow-y:auto;
  border-radius:20px 20px 0 0;
  padding:22px 20px calc(24px + env(safe-area-inset-bottom, 0px));
  border:1px solid var(--line);
}
@media (min-width:640px){.sheet{border-radius:18px;padding-bottom:24px}}
.sheet h2{font-size:20px;font-weight:700;margin-bottom:6px;letter-spacing:-.01em}
.sheet p{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.5}
.sheet-close{position:absolute;top:0;right:0}

.drop{
  border:1.5px dashed var(--line-strong);border-radius:14px;
  padding:26px 18px;text-align:center;cursor:pointer;
  transition:border-color .15s,background .15s;
  display:block;
}
.drop:hover,.drop.over{border-color:var(--violeta);background:var(--violeta-soft)}
.drop svg{width:26px;height:26px;color:var(--violeta);margin-bottom:8px}
.drop strong{display:block;font-size:15px;font-weight:600;margin-bottom:3px}
.drop span{font-size:13px;color:var(--muted)}
.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

.steps{margin:16px 0 0;padding-left:20px;font-size:13.5px;color:var(--muted);line-height:1.6}
.steps li{margin-bottom:5px}
.steps code{
  background:var(--surface-2);border:1px solid var(--line);
  padding:1px 5px;border-radius:5px;font-size:12.5px;
}
.mat-row{margin-bottom:15px}
.mat-row label{display:block;margin-bottom:6px;cursor:pointer}
.mat-code{
  display:inline-block;font-size:12px;font-weight:700;
  color:var(--violeta);background:var(--violeta-soft);
  padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums;
}
.mat-ej{display:block;font-size:12.5px;color:var(--faint);margin-top:5px;line-height:1.4}
.sheet input[type=text],.sheet input[type=date],.sheet input[type=time],.sheet input[type=number]{
  width:100%;padding:10px 12px;border-radius:10px;
  border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);
  font:inherit;font-size:16px;   /* menos de 16px y iOS hace zoom al enfocar */
  min-height:44px;
}
/* NO appearance:none en fecha/hora, en ios se rompe */
.sheet input[type=text],.sheet input[type=number]{-webkit-appearance:none;appearance:none}
.sheet input[type=date],.sheet input[type=time]{text-align:left}
.sheet select.sel-para{
  width:100%;padding:10px 12px;border-radius:10px;min-height:44px;
  border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);
  font:inherit;font-size:16px;
}
.sheet input:focus{
  outline:2px solid var(--violeta);outline-offset:1px;border-color:var(--violeta);
}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  padding:8px 14px;border-radius:999px;
  border:1.5px solid var(--line-strong);background:var(--surface);
  color:var(--muted);font-size:14px;font-weight:600;
  transition:background .15s,border-color .15s,color .15s;
}
.chip:hover{border-color:var(--violeta)}
.chip.on{background:var(--violeta);border-color:var(--violeta);color:#fff}

.aclaracion{
  font-size:13px;color:var(--muted);line-height:1.5;
  padding:11px 13px;margin-bottom:10px;
  background:var(--ambar-soft);border-radius:11px;
}

.note{
  font-size:12.5px;color:var(--faint);line-height:1.5;
  padding:11px 13px;background:var(--surface-2);border-radius:11px;
  border:1px solid var(--line);margin-top:14px;
}

/* pointer-events:none, si no se come los toques */
.toast{
  pointer-events:none;
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:calc(84px + env(safe-area-inset-bottom, 0px));z-index:70;
  background:var(--ink);color:var(--ground);
  padding:11px 17px;border-radius:12px;
  font-size:14px;font-weight:600;
  box-shadow:0 10px 30px -10px rgba(0,0,0,.5);
  max-width:calc(100% - 32px);text-align:center;
}
@media (min-width:900px){.toast{bottom:28px}}

.layout2{display:grid;gap:26px}
@media (min-width:900px){
  .layout2{grid-template-columns:1.25fr 1fr;align-items:start}
}

.vacio-linea{
  margin:0;padding:9px 0 9px 13px;
  border-left:2px solid var(--line-strong);
  font-size:13.5px;line-height:1.45;color:var(--faint);
}

/* secciones plegadas */
.plegable{
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--surface);
  margin-bottom:9px;
  overflow:hidden;
}
.plegable > summary{
  padding:13px 14px;
  display:flex;align-items:center;gap:9px;
  font-size:14px;font-weight:600;color:var(--muted);
  cursor:pointer;
  list-style:none;
  -webkit-tap-highlight-color:transparent;
}
.plegable > summary::-webkit-details-marker{display:none}
.plegable > summary::marker{content:""}
.plegable > summary:hover{color:var(--ink)}
.plegable .chevron{
  width:15px;height:15px;flex:none;color:var(--faint);
  transition:transform .22s cubic-bezier(.22,.72,.28,1);
}
.plegable[open] > summary .chevron{transform:rotate(90deg)}
.plegable .pleg-count{
  margin-left:auto;
  font-size:13px;font-weight:700;color:var(--faint);
  font-variant-numeric:tabular-nums;
}
.plegable-in{padding:0 10px 10px}
.plegable[open] .plegable-in{animation:pleg-in .26s cubic-bezier(.22,.72,.28,1) both}
@keyframes pleg-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ajustes de cel */
@media (max-width:899px){
  main{padding-top:14px}
  .sec{margin-bottom:18px}
  .sec-head{margin-bottom:9px}
  .layout2{gap:14px}
  .hero{margin-bottom:20px}
  .layout2 > div + div .sec-head h2{font-size:15px;color:var(--muted);font-weight:600}
  .layout2 > div + div{
    border-top:1px solid var(--line);
    padding-top:16px;
  }
}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* evento capturado a mano */
.evento.manual{border-style:dashed}
.quitar{
  flex:none;width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  color:var(--faint);font-size:19px;line-height:1;
  transition:background .15s,color .15s;
}
.quitar:hover{background:var(--surface-2);color:var(--naranja)}
.add-evento{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:13px;margin-bottom:11px;
  border:1.5px dashed var(--line-strong);border-radius:var(--r);
  color:var(--violeta);font-size:14.5px;font-weight:600;
  transition:border-color .15s,background .15s;
}
.add-evento:hover{border-color:var(--violeta);background:var(--violeta-soft)}
.add-evento svg{width:17px;height:17px}
.campo{margin-bottom:13px}
.campo label{
  display:block;margin-bottom:5px;font-size:13px;
  font-weight:600;color:var(--muted);
}
.campo-par{display:flex;gap:10px}
.campo-par .campo{flex:1;min-width:0}

.error{
  margin:6px 0 0;font-size:13px;font-weight:600;color:var(--naranja);
}
.sheet input.mal{border-color:var(--naranja);background:var(--naranja-soft)}

.segm{display:flex;gap:5px;margin-bottom:16px;background:var(--surface-2);padding:5px;border-radius:12px}
.seg{flex:1;padding:10px 6px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--muted)}
.seg.on{background:var(--surface);color:var(--violeta);box-shadow:var(--shadow)}

/* movimiento */
.sheet-bg{animation:bg-in .22s ease both}
.sheet{animation:sheet-up .34s cubic-bezier(.2,.84,.26,1) both}
.sheet-bg.cerrando{animation:bg-out .22s ease both}
.sheet-bg.cerrando .sheet{animation:sheet-down .24s cubic-bezier(.4,0,.8,.4) both}
@keyframes bg-in{from{opacity:0}to{opacity:1}}
@keyframes bg-out{to{opacity:0}}
@keyframes sheet-up{from{transform:translateY(38px);opacity:0}to{transform:none;opacity:1}}
@keyframes sheet-down{to{transform:translateY(34px);opacity:0}}

#view.cambiando .hero,
#view.cambiando .sec,
#view.cambiando .add-evento{
  animation:sec-in .34s cubic-bezier(.22,.72,.28,1) both;
}
#view.cambiando .sec:nth-of-type(2){animation-delay:.05s}
#view.cambiando .sec:nth-of-type(3){animation-delay:.1s}
#view.cambiando .sec:nth-of-type(n+4){animation-delay:.14s}
@keyframes sec-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@keyframes check-pop{
  0%{transform:scale(1)}
  45%{transform:scale(1.28)}
  100%{transform:scale(1)}
}
@keyframes fila-flash{
  from{background:var(--verde-soft);border-color:var(--verde)}
  to{background:var(--surface);border-color:var(--line)}
}
.item.recien .check{animation:check-pop .36s cubic-bezier(.34,1.5,.5,1) both}
.item.recien{animation:fila-flash .55s ease both}

.toast{animation:toast-in .2s ease both}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

.tabbar button:active,.btn:active,.chip:active,.iconbtn:active{transform:scale(.95)}
/* se repiten las transiciones a propósito, si no se pierden las de color */
.btn,.chip{transition:background .15s,border-color .15s,color .15s,transform .12s ease}
.iconbtn{transition:border-color .15s,color .15s,transform .12s ease}
.tabbar button{transition:transform .12s ease}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* apertura */
#splash{
  position:fixed;inset:0;z-index:90;
  background:var(--ground);
  display:grid;place-items:center;
  pointer-events:none;
  animation:splash-out .44s linear 1.44s forwards;
}
.splash-in{display:flex;flex-direction:column;align-items:center;gap:11px}

/* el nombre llega chueco y la tachuela lo endereza al clavarse. Los angulos
   van a mano, no al azar, para que la entrada se vea igual todas las veces */
.splash-wm{
  position:relative;display:inline-flex;align-items:baseline;
  font-family:"Bricolage Grotesque","Figtree",sans-serif;
  font-weight:800;font-size:40px;letter-spacing:-.025em;line-height:1;
  color:var(--ink);
}
.splash-wm .l{display:inline-block;color:#C9C5D6;opacity:.5;
  transform:rotate(var(--r)) translateY(var(--y));
  animation:endereza .52s cubic-bezier(.25,1.35,.4,1) var(--d) forwards;
}
.splash-wm .l.uno{animation-name:endereza-t}
.splash-wm .pin{
  position:absolute;left:.010em;top:-.17em;width:.30em;height:.30em;
  border-radius:50%;background:var(--tachuela);opacity:0;
  animation:tachuela-cae .44s cubic-bezier(.5,0,.75,.1) forwards;
}
.splash-wm .pin::after{
  content:"";position:absolute;left:19%;top:17%;width:34%;height:34%;
  border-radius:50%;background:#fff;opacity:.55;
}
.splash-wm .l:nth-child(2){--r:-13deg;--y:5px;--d:.42s}
.splash-wm .l:nth-child(3){--r:10deg;--y:-7px;--d:.475s}
.splash-wm .l:nth-child(4){--r:-7deg;--y:4px;--d:.53s}
.splash-wm .l:nth-child(5){--r:14deg;--y:-6px;--d:.585s}
.splash-wm .l:nth-child(6){--r:-11deg;--y:7px;--d:.64s}
.splash-wm .l:nth-child(7){--r:6deg;--y:-4px;--d:.695s}
.splash-wm .l:nth-child(8){--r:-9deg;--y:5px;--d:.75s}
.splash-wm .l:nth-child(9){--r:12deg;--y:-7px;--d:.805s}

.splash-sub{
  font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--faint);font-weight:600;opacity:0;
  animation:wm-up .5s ease 1s both;
}
.app{animation:app-in .5s cubic-bezier(.2,.8,.3,1) 1.44s both}
@keyframes app-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

@keyframes endereza{
  to{transform:rotate(0) translateY(0);opacity:1;color:var(--ink)}
}
@keyframes endereza-t{
  to{transform:rotate(0) translateY(0);opacity:1;color:var(--violeta)}
}
@keyframes tachuela-cae{
  0%{opacity:1;transform:translateY(-280px) scale(1,1)}
  76%{opacity:1;transform:translateY(0) scale(1,1)}
  86%{transform:translateY(0) scale(1.24,.72)}
  94%{transform:translateY(-4px) scale(.97,1.04)}
  100%{opacity:1;transform:translateY(0) scale(1,1)}
}
@keyframes wm-up{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
/* el remate: se encoge un pelo y se viene de frente. No regresa */
@keyframes splash-contenido-out{
  0%{transform:scale(1)}
  22%{transform:scale(.955)}
  100%{transform:scale(2.4);opacity:0}
}
@keyframes splash-out{ to{opacity:0;visibility:hidden} }
#splash .splash-in{animation:splash-contenido-out .56s cubic-bezier(.45,0,.75,.3) 1.32s both}

/* a quien pidio menos movimiento le sale el nombre quieto */
@media (prefers-reduced-motion:reduce){
  .splash-wm .l,.splash-wm .l.uno{animation:none;opacity:1;color:var(--ink);transform:none}
  .splash-wm .l.uno{color:var(--violeta)}
  .splash-wm .pin{animation:none;opacity:1}
  #splash .splash-in{animation:none}
}

/* entrada */
#gate{
  position:fixed;inset:0;z-index:80;
  background:var(--ground);
  display:grid;place-items:center;
  padding:24px 18px;
  overflow-y:auto;
}
.gate-caja{
  width:100%;max-width:380px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:28px 24px;
}
.gate-logo{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}
.gate-logo svg{width:42px;height:42px;color:var(--violeta)}
.gate-logo .wordmark{font-size:29px;margin-top:10px}
.gate-logo small{
  display:block;font-size:11px;color:var(--faint);font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;margin-top:5px;
}
.gate-caja .campo input{
  width:100%;padding:11px 13px;border-radius:10px;
  border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);
  font:inherit;font-size:16px;min-height:44px;-webkit-appearance:none;appearance:none;
}
.gate-caja .campo input:focus{outline:2px solid var(--violeta);outline-offset:1px;border-color:var(--violeta)}
.gate-msg{
  padding:11px 13px;border-radius:11px;font-size:13.5px;
  font-weight:600;margin-bottom:14px;line-height:1.45;
}
.gate-msg.mal{background:var(--naranja-soft);color:var(--naranja)}
.gate-msg.bien{background:var(--verde-soft);color:var(--verde)}
.gate-cambiar{margin-top:15px;text-align:center;font-size:13.5px;color:var(--muted)}
.gate-cambiar button{color:var(--violeta);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.gate-olvide{margin-top:12px;text-align:center}
.gate-olvide button{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.gate-olvide button:hover{color:var(--violeta)}
.gate-nota{
  font-size:12.5px;color:var(--muted);line-height:1.5;
  padding:11px 13px;margin-bottom:14px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:11px;
}
.btn.ancho{width:100%;justify-content:center;padding:12px;font-size:15px}

/* etiqueta de los eventos que publica el admin */
.evento.campus{border-left:3px solid var(--azul)}
.evento.borrador{border-style:dashed;border-color:var(--ambar)}
.chk-linea{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px 13px;margin-bottom:13px;
  background:var(--azul-soft);border-radius:11px;
  font-size:13.5px;font-weight:600;color:var(--azul);cursor:pointer;
}
.chk-linea input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--azul)}
.chk-linea span small{display:block;font-weight:500;opacity:.85;margin-top:2px;line-height:1.4}
.acciones-evento{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}

/* en laptop sin tabbar. tiene que ir al final */
@media (min-width:900px){
  .tabbar{display:none}
}