/* BAW v12 · capa aditiva sobre v11
   1) Escena «Calma» en secuencia  2) Cursor pincel  3) Comparación legible
   4) «Diseño con criterio» en movimiento  5) Hero con color vivo y texto siempre legible */

/* ---------- 1 · Escena pintada en secuencia (#recibes) ---------- */
#recibes{overflow-x:clip}
#recibes>.lz-phi{display:none}
#recibes .rc-content{padding-bottom:max(268px,calc(22.5vw + 30px))!important}
#recibes .nature-scene{position:absolute;left:0;right:0;bottom:0;width:100%;aspect-ratio:1600/360;min-height:240px;max-height:520px;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%);mask-image:linear-gradient(to bottom,transparent 0,#000 24%)}
#recibes .rc-content{z-index:1}
.lz-scene .lz-layer{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}
.lz-scene .lz-sketch{opacity:.26}
.lz-scene .lz-bird{animation:lzBirdFly 34s linear infinite}
.lz-scene .lz-wing{transform-box:fill-box;transform-origin:50% 50%;animation:lzWing .5s ease-in-out infinite alternate}
.lz-scene .lz-glow{transform-box:fill-box;transform-origin:50% 50%;animation:lzGlow 5s ease-in-out infinite}
@keyframes lzBirdFly{0%{translate:-80px 0}50%{translate:820px -18px}100%{translate:1720px 6px}}
@keyframes lzWing{from{scale:1 1}to{scale:1 -.55}}
@keyframes lzGlow{0%,100%{opacity:.55;scale:1}50%{opacity:1;scale:1.18}}
.lz-scene .lz-ph{transform-box:fill-box;transform-origin:50% 100%}
.lz-scene .lz-eph{opacity:0}
.lz-scene.lz-seen .lz-ph{animation-duration:46s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both}
.lz-scene .lz-leg{transform-origin:50% 0}
.lz-scene .lz-sk{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3.2s cubic-bezier(.5,0,.2,1)}
.lz-scene.lz-seen .lz-sk{stroke-dashoffset:0}
.lz-scene .lz-sk:nth-child(2){transition-delay:.5s}.lz-scene .lz-sk:nth-child(3){transition-delay:1s}
.lz-scene .lz-rays{transform-box:fill-box;transform-origin:50% 50%;animation:lzRays 60s linear infinite}
.lz-scene .lz-cloud{animation:lzCloud 70s ease-in-out infinite alternate}
.lz-scene .lz-cloud-rain{animation:lzCloudRain 6s ease-in-out infinite alternate}
.lz-scene .lz-grass{transform-box:fill-box;transform-origin:50% 100%;animation:lzGrass 6s ease-in-out infinite alternate}
.lz-scene .lz-sway{transform-box:fill-box;transform-origin:50% 100%;animation:lzSway 3.4s ease-in-out infinite alternate}
.lz-scene .lz-smoke{transform-box:fill-box;transform-origin:50% 50%;animation:lzSmoke 3.8s ease-out infinite}
.lz-scene .lz-flick{animation:lzFlick 4.2s ease-in-out infinite}
.lz-scene .lz-drop{animation:lzDrop 1s linear infinite}
.lz-scene .lz-splash,.lz-scene .lz-ripple{transform-box:fill-box;transform-origin:50% 50%;animation:lzSplash 1.1s ease-out infinite}
.lz-scene .lz-ripple{animation-duration:2s}
.lz-scene .lz-heart{transform-box:fill-box;transform-origin:50% 50%;animation:lzHeart 3s ease-out infinite}
.lz-scene .lz-flap{transform-box:fill-box;transform-origin:50% 100%;animation:lzFlap .22s ease-in-out infinite alternate}
.lz-scene .lz-tail{transform-box:fill-box;transform-origin:100% 100%;animation:lzWag .34s ease-in-out infinite alternate}
.lz-scene .lz-hop{animation:lzHop 2.6s ease-in-out infinite}
.lz-scene .lz-breath{transform-box:fill-box;transform-origin:50% 100%;animation:lzBreath 4.8s ease-in-out infinite}
.lz-scene .lz-paint{transform-box:fill-box;transform-origin:0 100%;animation:lzPaint 1.3s ease-in-out infinite alternate}
.lz-scene .lz-star{animation:lzTwinkle 3s ease-in-out infinite}
.lz-scene .lz-firefly{transform-box:fill-box;transform-origin:50% 50%;animation:lzFirefly 5s ease-in-out infinite alternate}
.lz-scene .lz-dome{animation:lzFlick 3s ease-in-out infinite}
@keyframes lzTwinkle{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes lzFirefly{0%{translate:0 0;opacity:.2}50%{opacity:1}100%{translate:18px -22px;opacity:.3}}
@keyframes lzRays{to{rotate:360deg}}
@keyframes lzCloud{from{translate:-40px 0}to{translate:120px 0}}
@keyframes lzCloudRain{from{translate:-14px 0}to{translate:14px 0}}
@keyframes lzGrass{from{skew:-3deg 0}to{skew:3deg 0}}
@keyframes lzSway{from{rotate:-6deg}to{rotate:6deg}}
@keyframes lzSmoke{0%{translate:0 0;scale:.6;opacity:0}15%{opacity:.85}100%{translate:14px -46px;scale:2.1;opacity:0}}
@keyframes lzFlick{0%,100%{opacity:1}50%{opacity:.82}}
@keyframes lzDrop{0%{translate:0 0;opacity:0}12%{opacity:1}85%{opacity:1}100%{translate:-26px 150px;opacity:0}}
@keyframes lzSplash{0%{scale:.2;opacity:.95}100%{scale:1.6;opacity:0}}
@keyframes lzHeart{0%{translate:0 10px;scale:.4;opacity:0}20%{opacity:1;scale:1}100%{translate:0 -60px;scale:1.2;opacity:0}}
@keyframes lzFlap{from{scale:1 1}to{scale:.35 1}}
@keyframes lzWag{from{rotate:-22deg}to{rotate:18deg}}
@keyframes lzHop{0%,70%,100%{translate:0 0}80%{translate:0 -7px}90%{translate:0 0}}
@keyframes lzBreath{0%,100%{scale:1 1}50%{scale:1.035 1.05}}
@keyframes lzPaint{from{rotate:-10deg}to{rotate:8deg}}
.lz-scene.lz-off *,.m10-paused .lz-scene *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.lz-scene *{animation:none!important;transition:none!important}.lz-scene .lz-sk{stroke-dashoffset:0}}

/* ---------- 2 · Cursor: pincel de artista ---------- */
@media (pointer:fine){
  .site,.site *{cursor:url(cursor-pincel.svg) 5 27,auto}
  .site a,.site a *,.site button,.site button *,.site summary,.site label,.site [role="button"],.site [role="tab"],.site .chip{cursor:url(cursor-pincel-link.svg) 5 27,pointer!important}
  .site input,.site textarea,.site select{cursor:text!important}
  .site button[disabled]{cursor:not-allowed!important}
}

/* ---------- 3 · Soporte por evento vs Plan mensual: legible siempre ---------- */
#ti-mensual .ti-compare{animation:none!important;opacity:1!important;transform:none!important;margin-bottom:96px}
#ti-mensual .ti-compare>div{padding:32px!important}
#ti-mensual .ti-compare>div:first-child{background:#F7F8FB!important;border:2px dashed #98A1B3!important;box-shadow:0 18px 44px rgba(20,10,80,.22)}
#ti-mensual .ti-compare>div:first-child p{color:#4B5263!important;font-weight:600}
#ti-mensual .ti-compare>div:first-child li{color:#2B3140!important;font-size:17px;line-height:1.5;animation-name:evFade12}
#ti-mensual .ti-compare>div:first-child li::before{background:#E2E5EA!important;color:#4B5263!important}
#ti-mensual .ti-compare>div:first-child::after{color:#4B5263!important;background:#E6E9EE!important}
#ti-mensual .ti-compare>div.glow-card li{font-size:17px;line-height:1.5;font-weight:500;color:#10131A!important}
#ti-mensual .ti-compare ul{gap:10px!important}
@keyframes evFade12{0%,20%,100%{opacity:1}8%{opacity:.72;transform:translateX(-4px)}}
#ti-mensual .ti-cycle g text{paint-order:stroke;stroke:#1B1260;stroke-width:5px;stroke-linejoin:round;font-size:16.5px;letter-spacing:.01em}
#ti-mensual>div>div:first-child>.rv{width:100%;max-width:470px!important;justify-self:center}
#ti-mensual .ti-cycle{width:100%!important}
#ti-mensual .ti-compare{position:relative;z-index:3}

/* ---------- 4 · Diseño con criterio en movimiento ---------- */
.baw-origin.og12{position:relative;overflow:hidden;isolation:isolate}
.og12 .og-deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.og12 .og-wave{position:absolute;left:0;top:0;width:100%;height:100%}
.og12 .og-wave path{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ogDraw 9s cubic-bezier(.6,0,.3,1) infinite}
.og12 .og-wave path+path{animation-delay:1.6s}
@keyframes ogDraw{0%{stroke-dashoffset:1}45%,72%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.og12 .og-drop{position:absolute;border-radius:52% 48% 60% 40%/48% 56% 44% 52%;opacity:.45;animation:ogFloat 9s ease-in-out infinite alternate}
@keyframes ogFloat{0%{translate:0 0;rotate:0deg;scale:1}50%{scale:1.15}100%{translate:18px -14px;rotate:40deg;scale:.9}}
.og12 .baw-origin-label::after{content:'';display:inline-block;width:.55em;height:1.05em;margin-left:6px;vertical-align:-2px;background:#5125C9;animation:ogCaret 1.1s steps(2) infinite}
@keyframes ogCaret{50%{opacity:0}}
.og12 .og-hl,.og12 .og-hl2{background-repeat:no-repeat;background-position:0 86%;background-size:0% 34%;animation:ogHl 8s cubic-bezier(.6,0,.2,1) infinite;padding:0 2px;border-radius:3px}
.og12 .og-hl{background-image:linear-gradient(90deg,#6CF0C2,#4DABF7)}
.og12 .og-hl2{background-image:linear-gradient(90deg,#FF9EC4,#B9A7FF);animation-delay:1.2s}
@keyframes ogHl{0%,8%{background-size:0% 34%}30%,78%{background-size:100% 34%}100%{background-size:0% 34%}}
.og12 ol li{position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s;border-bottom-width:2px!important}
.og12 ol li::before{transition:color .4s,background .4s;border-radius:6px;padding:1px 4px}
.og12 ol li::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--c);transform:scaleX(0);transform-origin:0 50%}
.og12 ol li.og-on{transform:translateY(-4px)}
.og12 ol li.og-on::before{background:var(--c);color:#FFFFFF}
.og12 ol li.og-on::after{animation:ogBar 1.8s linear forwards}
.og12 ol li.og-done::after{transform:scaleX(1)}
@keyframes ogBar{to{transform:scaleX(1)}}
.og12 ol li:nth-child(1){--c:#243BCE}.og12 ol li:nth-child(2){--c:#5125C9}.og12 ol li:nth-child(3){--c:#AC145B}.og12 ol li:nth-child(4){--c:#0F8A6A}.og12 ol li:nth-child(5){--c:#C2410C}
.og12.og-off *,.m10-paused .og12 *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.og12 *,.og12 *::before,.og12 *::after{animation:none!important;transition:none!important}.og12 .og-hl,.og12 .og-hl2{background-size:100% 34%}.og12 .og-wave path{stroke-dashoffset:0}}

/* ---------- 5 · Hero: el color cambia, el texto siempre se lee ---------- */
@property --hA{syntax:'<color>';inherits:true;initial-value:#252DA9}
@property --hB{syntax:'<color>';inherits:true;initial-value:#5125C9}
@property --hC{syntax:'<color>';inherits:true;initial-value:#A91158}
@property --hS{syntax:'<color>';inherits:true;initial-value:#FFE36B}
@keyframes lzPal{
  0%,100%{--hA:#252DA9;--hB:#5125C9;--hC:#A91158;--hS:#FFE36B}
  20%{--hA:#0B5C8E;--hB:#2346D6;--hC:#6A1FB0;--hS:#6CF0C2}
  40%{--hA:#9A1A50;--hB:#B2361C;--hC:#5125C9;--hS:#FFB86B}
  60%{--hA:#0F6B63;--hB:#1D4ED8;--hC:#5B21B6;--hS:#B9A7FF}
  80%{--hA:#A3157A;--hB:#6D28D9;--hC:#1E40AF;--hS:#FFE36B}
}
.hero-joy .hx-bg{background:linear-gradient(118deg,var(--hA) 0%,var(--hB) 49%,var(--hC) 100%)!important;animation:lzPal 40s ease-in-out infinite!important}
.hero-media{animation:lzPal 40s ease-in-out infinite;box-shadow:12px 12px 0 var(--hS),0 30px 70px rgba(0,0,0,.22)!important;transition:none}
.hero-media::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,var(--hA),var(--hC));mix-blend-mode:soft-light;opacity:.65}
.hero-media #hero-video-toggle{z-index:2}
/* legibilidad: velo suave detrás del texto y sombra tipográfica */
#top>div:first-child{position:relative}
#top>div:first-child::before{content:'';position:absolute;inset:-48px -72px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(14,8,52,.42),rgba(14,8,52,.18) 60%,rgba(14,8,52,0))}
#top h1,#top>div:first-child>p,#top .baw-signature{text-shadow:0 2px 18px rgba(12,6,44,.5),0 1px 2px rgba(12,6,44,.45)}
#top>div:first-child>p:first-of-type{color:#FFE36B!important}
.m10-paused .hx-bg,.m10-paused .hero-media,.hero-joy.is-off .hx-bg,.hero-joy.is-off .hero-media{animation-play-state:paused!important}
@media (max-width:1099px){.hero-media{box-shadow:6px 6px 0 var(--hS)!important}}
@media (prefers-reduced-motion:reduce){.hero-joy .hx-bg,.hero-media{animation:none!important}}