/* Tingua Bienvenida JAC SJB V3 — todo está encapsulado con prefijo tjbj para evitar conflictos */
#tjbj31-overlay{position:fixed;inset:0;z-index:999990;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(18px,3vw,48px);background:rgba(2,10,18,.76);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-family:Arial,Helvetica,sans-serif;color:#fff;overflow:auto;overscroll-behavior:contain}
#tjbj31-overlay *{box-sizing:border-box}
#tjbj31-overlay.tjbj31-show{display:flex;animation:tjbjFade .48s ease both}
#tjbj31-overlay.tjbj31-hide{animation:tjbjOut .42s ease both;pointer-events:none}
#tjbj31-shell{width:min(1220px,96vw);display:grid;grid-template-columns:minmax(390px,.95fr) minmax(500px,1.05fr);gap:clamp(18px,3vw,46px);align-items:center;margin:auto;position:relative}
#tjbj31-stage{height:min(650px,78vh);min-height:500px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible}
#tjbj31-stage:before{content:"";position:absolute;width:82%;height:82%;bottom:7%;border-radius:48%;background:radial-gradient(ellipse at center,rgba(0,232,255,.16),rgba(0,180,255,.04) 50%,transparent 72%);filter:blur(12px);animation:tjbjPulse 2.5s ease-in-out infinite;z-index:-3}
.tjbj31-beam{position:absolute;bottom:10%;width:78%;height:78%;background:linear-gradient(to top,rgba(0,229,255,.20),rgba(0,229,255,.04) 62%,transparent);clip-path:polygon(27% 100%,73% 100%,94% 0,6% 0);filter:blur(8px);animation:tjbjBeam 2.2s ease-in-out infinite;z-index:-2}
#tjbj31-bird{position:relative;z-index:4;width:auto;height:auto;max-height:86%;max-width:96%;object-fit:contain;filter:saturate(1.08) contrast(1.04) drop-shadow(0 0 7px rgba(77,242,255,.85)) drop-shadow(0 0 24px rgba(0,189,255,.48));animation:tjbjFloat 3s ease-in-out infinite,tjbjMaterialize 1.25s ease-out both;transform-origin:50% 82%;will-change:transform,opacity,filter}
.tjbj31-platform{position:absolute;z-index:1;bottom:8%;width:72%;max-width:430px;aspect-ratio:5/1;border:3px solid #25efff;border-radius:50%;background:radial-gradient(ellipse,rgba(0,225,255,.15),transparent 60%);box-shadow:0 0 14px #00eaff,0 0 55px rgba(0,185,255,.9),inset 0 0 28px #00d9ff;animation:tjbjPlatform 1.9s ease-in-out infinite}
.tjbj31-ring{position:absolute;z-index:0;bottom:5%;border:2px solid rgba(35,236,255,.48);border-radius:50%}.tjbj31-ring-a{width:88%;max-width:520px;aspect-ratio:4.7/1;animation:tjbjRing 5s linear infinite}.tjbj31-ring-b{width:62%;max-width:370px;aspect-ratio:4.5/1;animation:tjbjRing 3.5s linear infinite reverse}
.tjbj31-particles{position:absolute;inset:10% 10% 14%;z-index:0;opacity:.7;background-image:radial-gradient(circle,#6ff7ff 0 1.5px,transparent 2px),radial-gradient(circle,#19cfff 0 2px,transparent 2.5px);background-size:58px 73px,89px 97px;background-position:10px 20px,34px 11px;mask-image:linear-gradient(to top,#000 25%,transparent 95%);animation:tjbjParticles 6s linear infinite}
#tjbj31-card{position:relative;padding:clamp(30px,4vw,54px);background:linear-gradient(125deg,rgba(8,29,49,.94),rgba(3,17,31,.82));border:1px solid rgba(0,222,255,.72);border-radius:28px;box-shadow:0 0 32px rgba(0,201,255,.22),inset 0 0 35px rgba(0,201,255,.05);animation:tjbjCard .7s .18s both}
.tjbj31-hello{font-size:clamp(30px,3vw,48px);font-weight:900;color:#42edff;margin-bottom:22px;text-shadow:0 0 18px rgba(34,226,255,.45)}
#tjbj31-card h2{font-size:clamp(25px,2.4vw,37px);line-height:1.22;margin:0 0 26px;font-weight:400;color:#eef8ff}#tjbj31-card h2 span{display:block;font-size:.72em;font-weight:400;margin-bottom:8px}#tjbj31-card h2 strong{display:block;color:#47eaff;font-weight:800}
.tjbj31-line{height:3px;width:100%;background:linear-gradient(90deg,#2af7b7,#18dfff 55%,transparent);margin:10px 0 28px}
#tjbj31-card p{font-size:clamp(17px,1.55vw,21px);line-height:1.58;color:#e2eef6;margin:0}#tjbj31-card p strong{color:#42edff}
#tjbj31-start{margin-top:28px;padding:15px 28px;border:1px solid #18eaff;border-radius:14px;background:linear-gradient(180deg,rgba(0,211,255,.22),rgba(0,148,206,.14));color:#69f6ff;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 0 20px rgba(0,225,255,.30);transition:transform .2s,background .2s}#tjbj31-start:hover,#tjbj31-start:focus-visible{transform:translateY(-2px);background:rgba(0,220,255,.28);outline:2px solid rgba(100,245,255,.55);outline-offset:3px}#tjbj31-start span{padding-left:12px}
#tjbj31-close{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:999999;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid #20eaff;background:rgba(0,20,34,.88);color:#66f4ff;font-size:34px;line-height:42px;cursor:pointer;box-shadow:0 0 18px rgba(0,229,255,.42)}
@keyframes tjbjFade{from{opacity:0}to{opacity:1}}@keyframes tjbjOut{to{opacity:0;transform:scale(1.012)}}@keyframes tjbjFloat{0%,100%{transform:translateY(7px) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.7deg)}}@keyframes tjbjPulse{50%{opacity:.55;transform:scale(1.06)}}@keyframes tjbjBeam{50%{opacity:.48}}@keyframes tjbjPlatform{50%{transform:scale(1.035);box-shadow:0 0 22px #00eaff,0 0 78px #00b9ff,inset 0 0 38px #00d9ff}}@keyframes tjbjRing{to{transform:rotate(360deg)}}@keyframes tjbjCard{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}@keyframes tjbjMaterialize{0%{opacity:0;filter:brightness(3) blur(8px);transform:translateY(28px) scale(.92)}55%{opacity:.72}100%{opacity:1}}@keyframes tjbjParticles{to{background-position:10px -53px,34px -86px}}
/* TABLET */
@media (max-width:1024px){#tjbj31-overlay{padding:22px}#tjbj31-shell{width:min(900px,96vw);grid-template-columns:43% 57%;gap:18px}#tjbj31-stage{height:500px;min-height:440px}#tjbj31-bird{max-height:75%;max-width:100%}#tjbj31-card{padding:34px 30px}.tjbj31-hello{margin-bottom:14px}#tjbj31-card h2{margin-bottom:18px}.tjbj31-line{margin:8px 0 20px}}
/* CELULAR: Tingua centrada arriba, tarjeta debajo; nunca se desplaza fuera del viewport */
@media (max-width:700px){#tjbj31-overlay{display:none;align-items:flex-start;padding:calc(56px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden}#tjbj31-overlay.tjbj31-show{display:flex}#tjbj31-shell{width:100%;max-width:520px;display:flex;flex-direction:column;gap:0;margin:0 auto}#tjbj31-stage{width:100%;height:310px;min-height:310px;flex:0 0 310px}#tjbj31-bird{max-height:285px;max-width:82%;margin:0 auto}.tjbj31-platform{bottom:18px;width:62%;max-width:290px}.tjbj31-ring-a{bottom:8px;width:78%}.tjbj31-ring-b{bottom:15px;width:55%}.tjbj31-beam{bottom:24px;width:72%;height:82%}#tjbj31-card{width:100%;margin:-5px 0 0;padding:24px 20px 22px;border-radius:22px;text-align:center}.tjbj31-hello{font-size:28px;margin-bottom:9px}#tjbj31-card h2{font-size:21px;line-height:1.22;margin-bottom:15px}#tjbj31-card h2 span{font-size:16px;margin-bottom:5px}#tjbj31-card p{font-size:15px;line-height:1.45}.tjbj31-line{margin:8px auto 15px}#tjbj31-start{width:min(100%,310px);margin-top:18px;font-size:17px;padding:13px 18px}#tjbj31-close{width:42px;height:42px;font-size:29px;line-height:36px}}
@media (max-width:390px){#tjbj31-stage{height:275px;min-height:275px;flex-basis:275px}#tjbj31-bird{max-height:250px}#tjbj31-card{padding:20px 16px}.tjbj31-hello{font-size:25px}#tjbj31-card h2{font-size:19px}#tjbj31-card p{font-size:14px}}
@media (max-height:650px) and (min-width:701px){#tjbj31-stage{height:520px;min-height:420px}#tjbj31-card{padding:30px}.tjbj31-hello{font-size:30px;margin-bottom:12px}#tjbj31-card h2{font-size:26px;margin-bottom:16px}#tjbj31-card p{font-size:17px}.tjbj31-line{margin:8px 0 18px}}
@media(prefers-reduced-motion:reduce){#tjbj31-bird,.tjbj31-platform,.tjbj31-ring,.tjbj31-beam,#tjbj31-stage:before,.tjbj31-particles{animation:none!important}}
/* V3.1: la silueta proviene exclusivamente del canal alfa del PNG; sin clip-path ni máscaras sobre el ave */
#tjbj31-bird{clip-path:none!important;mask:none!important;-webkit-mask:none!important;background:transparent!important;border:0!important;border-radius:0!important}
@media(max-width:700px){#tjbj31-stage{height:330px;min-height:330px;flex-basis:330px}#tjbj31-bird{max-height:315px;max-width:94%}.tjbj31-platform{bottom:10px;width:72%}#tjbj31-card{margin:4px 0 0}}
@media(max-width:390px){#tjbj31-stage{height:295px;min-height:295px;flex-basis:295px}#tjbj31-bird{max-height:282px;max-width:96%}}