.blog-mascote{position:fixed;right:22px;bottom:22px;z-index:9000;width:92px;height:92px;pointer-events:none}
.blog-mascote__trigger{position:relative;display:block;width:92px;height:92px;padding:0;border:3px solid #fff;border-radius:50%;background:#962626;box-shadow:0 0 0 4px rgba(150,38,38,.32),0 8px 24px rgba(0,0,0,.24);cursor:pointer;pointer-events:auto;overflow:hidden;appearance:none;-webkit-appearance:none;transition:transform .18s ease,box-shadow .18s ease;animation:blogMascotePulse 2.4s ease-in-out infinite}
.blog-mascote__trigger:hover,.blog-mascote__trigger:focus-visible{transform:scale(1.08);box-shadow:0 0 0 5px rgba(150,38,38,.44),0 0 24px rgba(163,29,34,.52),0 10px 28px rgba(0,0,0,.28)}
.blog-mascote__trigger:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:4px}
.blog-mascote__halo{position:absolute;inset:-10px;border-radius:50%;border:3px solid rgba(163,29,34,.32);animation:blogMascoteHalo 2.4s ease-out infinite;pointer-events:none}
.blog-mascote__face{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:scale(.97);transition:opacity .12s linear,transform .12s linear;pointer-events:none}
.blog-mascote__face.is-active{opacity:1;transform:scale(1)}
.blog-mascote__face img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;user-select:none;pointer-events:none}
.blog-mascote__attention{position:absolute;right:-3px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:blogMascoteDot 1.7s ease-out infinite;pointer-events:none}
.blog-mascote-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}
.blog-mascote-modal.is-open{display:flex} body.blog-mascote-modal-open{overflow:hidden}
.blog-mascote-modal__backdrop{position:absolute;inset:0;background:rgba(11,44,77,.68);backdrop-filter:blur(3px)}
.blog-mascote-modal__box{position:relative;z-index:1;width:min(760px,94vw);max-height:92vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.32);padding:14px}
.blog-mascote-modal__close{position:absolute;z-index:3;top:10px;right:10px;width:40px;height:40px;border:2px solid #222;border-radius:50%;background:#fff;color:#222;font-size:28px;line-height:1;cursor:pointer}
.blog-mascote-modal__video-wrap{width:100%;overflow:hidden;border-radius:12px;background:#111}.blog-mascote-modal__video{display:block;width:100%;height:auto;max-height:70vh}
.blog-mascote-modal__content{padding:18px 10px 8px;text-align:center}.blog-mascote-modal__content h2{margin:0 0 8px;color:#0b2c4d;font-size:1.35rem}.blog-mascote-modal__content p{margin:0 auto 16px;max-width:620px;color:#4a4a4a;line-height:1.55}
.blog-mascote-modal__cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border-radius:8px;background:#a31d22;color:#fff;font-weight:800;text-decoration:none;transition:transform .15s ease,background .15s ease}.blog-mascote-modal__cta:hover{background:#962626;color:#fff;text-decoration:none;transform:translateY(-1px)}
@keyframes blogMascotePulse{0%,100%{box-shadow:0 0 0 4px rgba(150,38,38,.28),0 8px 24px rgba(0,0,0,.24)}50%{box-shadow:0 0 0 8px rgba(150,38,38,.10),0 0 25px rgba(163,29,34,.50),0 10px 28px rgba(0,0,0,.28)}}
@keyframes blogMascoteHalo{0%{opacity:.75;transform:scale(.95)}70%,100%{opacity:0;transform:scale(1.18)}}
@keyframes blogMascoteDot{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.75);transform:scale(1)}50%{box-shadow:0 0 0 7px rgba(255,255,255,0);transform:scale(1.15)}}
@media(max-width:700px){.blog-mascote{right:14px;bottom:14px;width:76px;height:76px}.blog-mascote__trigger{width:76px;height:76px}.blog-mascote-modal{padding:12px}.blog-mascote-modal__box{width:100%;border-radius:14px;padding:9px}}
@media(prefers-reduced-motion:reduce){.blog-mascote__trigger,.blog-mascote__halo,.blog-mascote__attention{animation:none}.blog-mascote__face,.blog-mascote__trigger,.blog-mascote-modal__cta{transition:none}}
