/* AngelBoy V124 - composición global premium + logo pingüino JSON */
.brand-penguin-v124{gap:9px!important;padding:7px 12px 7px 7px!important;border-radius:23px!important;background:linear-gradient(135deg,rgba(255,75,201,.18),rgba(126,247,255,.12),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 32px rgba(0,0,0,.28),0 0 26px rgba(255,75,201,.16)!important;}
.ab-brand-penguin-v124{position:relative!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;overflow:hidden!important;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.72),rgba(126,247,255,.30) 30%,rgba(255,75,201,.24) 58%,rgba(7,10,32,.65))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 26px rgba(126,247,255,.22)!important;animation:ab124LogoFloat 3.2s ease-in-out infinite!important;}
.ab-brand-penguin-v124 svg,.ab-brand-penguin-v124 canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:5!important;}
.ab-brand-penguin-v124 .ab-penguin-css-icon-v85{transform:scale(.74)!important;}
.brand-penguin-v124 .brand-word{font-weight:1000!important;letter-spacing:-.035em!important;text-shadow:0 0 16px rgba(255,75,201,.34)!important;}
.brand-penguin-v124 .brand-word em{padding:4px 7px!important;border-radius:999px!important;background:linear-gradient(135deg,#bff7ff,#ff88dd)!important;color:#150723!important;text-shadow:none!important;margin-left:4px!important;}
@keyframes ab124LogoFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}
.topbar.topbar-v20{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
body.ab121-scrolled .topbar.topbar-v20{box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 40px rgba(126,247,255,.08)!important;}
main{isolation:isolate;}
main:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 16%,rgba(255,75,201,.10),transparent 26%),radial-gradient(circle at 96% 20%,rgba(126,247,255,.10),transparent 28%),radial-gradient(circle at 52% 92%,rgba(139,92,246,.08),transparent 34%);}
.footer-v45,.how-link-card,.panel,.form-card,.auth-card,.card,.plans-card35,.custom-card35{box-shadow:0 24px 76px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.09)!important;}
.btn,.ab104-btn,.card-actions .btn,button{touch-action:manipulation;}
.ab124-premium-cursor{position:fixed;z-index:99999;pointer-events:none;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff,#7ef7ff 45%,transparent 70%);box-shadow:0 0 18px rgba(126,247,255,.55);transform:translate(-50%,-50%);opacity:0;animation:ab124CursorPop .55s ease forwards}@keyframes ab124CursorPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
@media(max-width:820px){.topbar.topbar-v20{padding-inline:10px!important}.brand-penguin-v124{max-width:210px!important}.ab-brand-penguin-v124{width:42px!important;height:42px!important;min-width:42px!important}.brand-penguin-v124 .brand-word{font-size:clamp(16px,5vw,22px)!important}.topbar .nav.nav-v20{border-radius:30px!important;padding-top:62px!important}.topbar .nav.nav-v20::before{content:"🐧 angelboy.us · menú premium"!important;min-height:34px!important}.menu-open .menuBtn{box-shadow:0 18px 48px rgba(255,75,201,.28),0 0 32px rgba(126,247,255,.18)!important}}


/* V189 logo principal: pill oscuro con icono JSON circular como referencia enviada */
.topbar .brand-penguin-v124,.brand.brand-penguin-v124{
  gap:10px!important;padding:8px 18px 8px 9px!important;border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,58,121,.22),rgba(32,31,88,.92) 52%,rgba(19,20,54,.96))!important;
  border:1px solid rgba(162,126,255,.32)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.10),0 0 28px rgba(255,61,121,.15)!important;
  min-height:54px!important;text-decoration:none!important;
}
.topbar .ab-brand-penguin-v124,.ab-brand-penguin-v124{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;overflow:hidden!important;
  background:radial-gradient(circle at 35% 24%,#fff 0 8%,#ff9ebe 13%,#ff356f 47%,#781b6d 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 0 5px rgba(255,45,118,.16),0 12px 30px rgba(255,45,118,.28)!important;
  animation:none!important;
}
.topbar .ab-brand-penguin-v124 svg,.topbar .ab-brand-penguin-v124 canvas,.ab-brand-penguin-v124 svg,.ab-brand-penguin-v124 canvas{inset:3px!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;border-radius:50%!important}
.topbar .brand-penguin-v124 .brand-word,.brand-penguin-v124 .brand-word{font-size:24px!important;letter-spacing:-.04em!important;line-height:1!important;color:#fff!important;text-shadow:0 0 16px rgba(255,255,255,.16)!important;display:inline-flex!important;align-items:baseline!important;gap:0!important}
.topbar .brand-penguin-v124 .brand-word span,.topbar .brand-penguin-v124 .brand-word strong,.brand-penguin-v124 .brand-word span,.brand-penguin-v124 .brand-word strong{color:#fff!important;font-weight:1000!important}
.topbar .brand-penguin-v124 .brand-word em,.brand-penguin-v124 .brand-word em{background:transparent!important;color:#fff!important;margin-left:0!important;padding:0!important;border-radius:0!important;text-shadow:inherit!important;font-style:normal!important;font-weight:1000!important}
@media(max-width:820px){.topbar .brand-penguin-v124,.brand.brand-penguin-v124{min-height:50px!important;padding:7px 14px 7px 8px!important}.topbar .ab-brand-penguin-v124,.ab-brand-penguin-v124{width:40px!important;height:40px!important;min-width:40px!important}.topbar .brand-penguin-v124 .brand-word,.brand-penguin-v124 .brand-word{font-size:21px!important}}