/* AngelBoy V121 - mejora global: menú móvil premium + páginas públicas */
:root{--ab121-pink:#ff4bc9;--ab121-cyan:#7ef7ff;--ab121-violet:#8b5cf6;--ab121-gold:#ffd76b;--ab121-glass:rgba(13,12,36,.76);--ab121-line:rgba(156,132,255,.35)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 14% 20%,rgba(255,75,201,.10),transparent 28%),radial-gradient(circle at 86% 22%,rgba(126,247,255,.09),transparent 30%),radial-gradient(circle at 50% 92%,rgba(139,92,246,.09),transparent 36%);animation:ab121Aura 16s ease-in-out infinite alternate;}
@keyframes ab121Aura{from{filter:hue-rotate(0deg);transform:scale(1)}to{filter:hue-rotate(18deg);transform:scale(1.025)}}
.topbar.topbar-v20{transition:background .28s ease,box-shadow .28s ease,border-color .28s ease;}
body.ab121-scrolled .topbar.topbar-v20{background:rgba(7,6,22,.92)!important;box-shadow:0 14px 44px rgba(0,0,0,.32),0 0 28px rgba(126,247,255,.08);border-bottom-color:rgba(126,247,255,.14)}
.brand-v20{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 34px rgba(0,0,0,.18),0 0 32px rgba(255,75,201,.08)}
.brand-v20::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-130%);animation:ab121BrandShine 5.8s ease-in-out infinite;pointer-events:none}.brand-mark-animated{animation:ab121MarkPulse 3.6s ease-in-out infinite}.brand-word em{background:linear-gradient(135deg,rgba(126,247,255,.95),rgba(255,75,201,.90));color:#13051c!important;border-radius:999px;padding:.18em .48em;box-shadow:0 0 20px rgba(126,247,255,.18)}
@keyframes ab121BrandShine{0%,60%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}@keyframes ab121MarkPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(126,247,255,0));transform:scale(1)}50%{filter:drop-shadow(0 0 14px rgba(126,247,255,.45));transform:scale(1.06)}}
.nav-v20 a,.nav-v20 button{position:relative;overflow:hidden}.nav-v20 a::after,.nav-v20 .nav-help::after,.lang-current::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--ab121-pink),var(--ab121-cyan));transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.nav-v20 a:hover::after,.nav-v20 button:hover::after,.lang-current:hover::after{transform:scaleX(1)}
.menuBtn{position:relative;overflow:hidden;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}.menuBtn::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,75,201,.34),transparent,rgba(126,247,255,.34),transparent);animation:ab121MenuSpin 5.5s linear infinite;z-index:-1}.menuBtn:hover,.menu-open .menuBtn{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 42px rgba(255,75,201,.20),0 0 28px rgba(126,247,255,.12)!important}.menu-open .menuBtn{background:linear-gradient(135deg,#ff4bc9,#8b5cf6)!important}.menu-open .menuBtn::before{content:"×";font-size:30px;line-height:1}.menu-open .menuBtn{font-size:0!important}@keyframes ab121MenuSpin{to{transform:rotate(360deg)}}
body.menu-open{overflow:hidden}body.menu-open::before{content:"";position:fixed;inset:0;z-index:49980;background:radial-gradient(circle at 70px 88px,rgba(255,75,201,.22),transparent 32%),rgba(2,1,10,.48);backdrop-filter:blur(7px);animation:ab121Backdrop .22s ease both;pointer-events:auto}@keyframes ab121Backdrop{from{opacity:0}to{opacity:1}}
.panel,.card,.template-card,.form-card,.auth-card,.plans-card35,.custom-card35,.ab103-plan-card,.ab104-step-grid article,.how-link-card,.footer-brand-card,.footer-card-v45,.templates-shell{position:relative;isolation:isolate}.panel::after,.card::after,.template-card::after,.form-card::after,.auth-card::after,.plans-card35::after,.custom-card35::after,.ab103-plan-card::after,.ab104-step-grid article::after,.templates-shell::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--ab121-x,50%) var(--ab121-y,0%),rgba(126,247,255,.14),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.07),transparent 38%);opacity:.55;mix-blend-mode:screen;transition:opacity .25s ease}.panel:hover::after,.card:hover::after,.template-card:hover::after,.form-card:hover::after,.auth-card:hover::after,.plans-card35:hover::after,.custom-card35:hover::after,.ab103-plan-card:hover::after,.ab104-step-grid article:hover::after,.templates-shell:hover::after{opacity:.9}
input:focus,textarea:focus,select:focus,.input:focus{border-color:rgba(126,247,255,.72)!important;box-shadow:0 0 0 4px rgba(126,247,255,.10),0 0 26px rgba(255,75,201,.10)!important;outline:none!important}.btn,.ab104-btn,.ab103-buy,.ab103-ask,.card-actions .btn{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.btn:active,.ab104-btn:active,.ab103-buy:active,.ab103-ask:active,.card-actions .btn:active{transform:scale(.98)}
.ab121-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,1,.2,1);transition-delay:calc(var(--ab121-stagger,0)*45ms)}.ab121-reveal.ab121-in{opacity:1;transform:none}
.ab121-toast{position:fixed;left:50%;bottom:22px;z-index:90000;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 15px;border-radius:999px;background:rgba(10,8,28,.86);border:1px solid rgba(126,247,255,.28);box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 26px rgba(255,75,201,.16);color:white;font-weight:900;backdrop-filter:blur(16px);animation:ab121Toast 1.7s ease forwards}@keyframes ab121Toast{10%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,14px)}}
@media(max-width:820px){
  .topbar.topbar-v20{min-height:76px!important;z-index:50000!important;background:rgba(8,6,22,.86)!important;box-shadow:0 12px 38px rgba(0,0,0,.26)!important}.topbar .brand-v20{border-radius:22px!important}.topbar .nav.nav-v20{display:grid!important;position:fixed!important;top:78px!important;left:12px!important;right:12px!important;max-height:calc(100svh - 96px)!important;overflow:auto!important;grid-template-columns:1fr!important;gap:9px!important;padding:52px 12px 14px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(17,10,42,.96),rgba(6,30,44,.94))!important;border:1px solid rgba(126,247,255,.20)!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 50px rgba(255,75,201,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(24px)!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px) scale(.96);transition:opacity .26s ease,transform .32s cubic-bezier(.2,1,.2,1),visibility .26s ease!important;z-index:50002!important}.topbar .nav.nav-v20::before{content:"angelboy.us · menú";position:absolute;top:13px;left:14px;right:14px;display:flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:linear-gradient(135deg,rgba(255,75,201,.20),rgba(126,247,255,.13));border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:#eaffff}.menu-open .topbar .nav.nav-v20{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.topbar .nav.nav-v20>a,.topbar .nav.nav-v20>button,.topbar .nav.nav-v20>.lang-switch-v20,.topbar .nav.nav-v20>.currency-switch-v20{opacity:0;transform:translateX(18px);transition:opacity .34s ease,transform .34s cubic-bezier(.2,1,.2,1)}.menu-open .topbar .nav.nav-v20>a,.menu-open .topbar .nav.nav-v20>button,.menu-open .topbar .nav.nav-v20>.lang-switch-v20,.menu-open .topbar .nav.nav-v20>.currency-switch-v20{opacity:1;transform:none}.menu-open .topbar .nav.nav-v20>*:nth-child(1){transition-delay:.04s}.menu-open .topbar .nav.nav-v20>*:nth-child(2){transition-delay:.07s}.menu-open .topbar .nav.nav-v20>*:nth-child(3){transition-delay:.10s}.menu-open .topbar .nav.nav-v20>*:nth-child(4){transition-delay:.13s}.menu-open .topbar .nav.nav-v20>*:nth-child(5){transition-delay:.16s}.menu-open .topbar .nav.nav-v20>*:nth-child(6){transition-delay:.19s}.menu-open .topbar .nav.nav-v20>*:nth-child(7){transition-delay:.22s}.menu-open .topbar .nav.nav-v20>*:nth-child(8){transition-delay:.25s}.topbar .nav.nav-v20 a,.topbar .nav.nav-v20 button,.topbar .lang-current{min-height:48px!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important;padding:12px 14px!important}.topbar .nav.nav-v20 a:hover,.topbar .nav.nav-v20 button:hover{background:linear-gradient(135deg,rgba(255,75,201,.22),rgba(126,247,255,.14))!important;transform:translateX(3px)}.currency-switch-v20 button{justify-content:center!important}.lang-menu-v20{position:static!important;width:100%!important;margin-top:8px!important;background:rgba(0,0,0,.18)!important;border-radius:18px!important}.lang-menu-v20 a{margin-bottom:6px}.menuBtn{display:inline-grid!important;place-items:center!important;border:1px solid rgba(126,247,255,.22)!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;backdrop-filter:blur(14px)}
}
@media(max-width:560px){.ab121-reveal{transition-delay:0ms}.panel,.templates-shell{border-radius:24px!important}.topbar .nav.nav-v20{left:10px!important;right:10px!important;top:74px!important}.ab121-toast{width:max-content;max-width:calc(100vw - 28px);text-align:center}.brand-v20::after{animation-duration:7.5s}}
@media(prefers-reduced-motion:reduce){body::after,.brand-v20::after,.brand-mark-animated,.menuBtn::after,.ab121-reveal,.ab112-featured-value span::after{animation:none!important;transition:none!important}.ab121-reveal{opacity:1;transform:none}}

/* AngelBoy V122 - mejoras globales para descarga HTML, redes y tarjeta Mi Galaxia */
.ab-template-toolbar-v122{gap:8px!important;max-width:min(620px,calc(100vw - 22px))!important}.ab-template-toolbar-v122 button{min-height:42px!important;padding:10px 13px!important}.ab-template-toolbar-v122 button[data-ab-download-html]{background:linear-gradient(135deg,#ffd76b,#ff4bc9)!important;color:#18051d!important}.ab-template-toolbar-v122 button[data-ab-share-t]{background:linear-gradient(135deg,#2aa8ff,#0877c8)!important}.ab-template-toolbar-v122 button[data-ab-copy]{background:linear-gradient(135deg,#7c5cff,#2dd4bf)!important}.template-card[data-slug="heartbeat"]{border-color:rgba(126,247,255,.32)!important;box-shadow:0 28px 82px rgba(0,0,0,.30),0 0 52px rgba(255,75,201,.10)!important}.template-card[data-slug="heartbeat"] .thumb{background:radial-gradient(circle at 50% 35%,rgba(255,75,201,.28),rgba(3,6,18,.92) 62%)!important}.template-card[data-slug="heartbeat"] .thumb:before{content:"";position:absolute;inset:12%;border-radius:50%;border:2px dashed rgba(126,247,255,.24);animation:ab122HeartbeatOrbit 8s linear infinite;z-index:2;pointer-events:none}.template-card[data-slug="heartbeat"] .thumb-glow{opacity:.9!important;background:radial-gradient(circle at 50% 46%,rgba(255,75,201,.46),transparent 36%),radial-gradient(circle at 60% 42%,rgba(126,247,255,.24),transparent 38%)!important}.template-card[data-slug="heartbeat"] .card-topline h3{font-size:clamp(20px,1.8vw,25px)!important;line-height:1.02!important}.template-card[data-slug="heartbeat"] .style-chip{max-width:116px!important}.template-card[data-slug="heartbeat"] .rating-row-v20 .stars{filter:drop-shadow(0 0 9px rgba(255,215,107,.55))}.ab-gate-actions49 button{cursor:pointer}.ab-gate-actions49 button:hover{filter:saturate(1.15);transform:translateY(-2px)}@keyframes ab122HeartbeatOrbit{to{transform:rotate(360deg)}}@media(max-width:800px){.ab-template-toolbar-v122{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;left:10px!important;right:10px!important}.ab-template-toolbar-v122 button{width:100%!important;font-size:12px!important}.ab-template-toolbar-v122 button[data-ab-copy]{grid-column:1/-1}.template-card[data-slug="heartbeat"] .thumb:before{inset:15%}}@media(max-width:460px){.ab-template-toolbar-v122{grid-template-columns:1fr 1fr!important}.ab-template-toolbar-v122 button[data-ab-share-f],.ab-template-toolbar-v122 button[data-ab-share-t]{display:none!important}}