.bienvenida{color:#4a5e71;background:#f4f7f6;font-family:Inter,sans-serif}.bienvenida section{opacity:0;margin:0 auto;padding:80px 20px;animation:.8s forwards sectionFade;transform:translateY(40px)}.bienvenida .tutorial,.bienvenida .screenshots,.bienvenida .pagos,.bienvenida .cta{max-width:1400px}.bienvenida section:first-child{animation-delay:.1s}.bienvenida section:nth-child(2){animation-delay:.2s}.bienvenida section:nth-child(3){animation-delay:.3s}.bienvenida section:nth-child(4){animation-delay:.4s}.bienvenida h1,.bienvenida h2,.bienvenida h3{color:#09233e;font-family:Nunito,sans-serif}.bienvenida h1{font-size:3rem;line-height:1.2}.bienvenida h1 span{color:#f1a43f}.bienvenida h2{text-align:center;margin-bottom:20px;font-size:2rem}.bienvenida p{color:#6f7f8d;line-height:1.6}.bienvenida .hero{background:linear-gradient(135deg,#09233e 0%,#123b63 60%,#1b568f 100%);border-radius:0 0 20px 20px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:80vh;display:grid;position:relative;overflow:hidden;padding:40px 40px 60px!important}.bienvenida .hero__bg{opacity:.08;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 40%,#fff 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.bienvenida .hero__content{z-index:2;color:#fff;position:relative}.bienvenida .hero__logo{margin-bottom:24px}.bienvenida .hero__logo img{object-fit:contain;height:90px}.bienvenida .hero__badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;align-items:center;margin-bottom:20px;padding:8px 14px;font-size:14px;display:inline-flex}.bienvenida .hero h1{color:#fff;margin-bottom:24px;font-size:4.2rem;line-height:1.05}.bienvenida .hero h1 span{color:#4ade80}.bienvenida .hero p{color:#ffffffd1;max-width:620px;font-size:1.15rem;line-height:1.7}.bienvenida .hero__actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.bienvenida .hero__stats{flex-wrap:wrap;gap:16px;margin-top:35px;display:flex}.bienvenida .hero__visual{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.bienvenida .hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:28px;padding:18px;animation:6s ease-in-out infinite floatHero;box-shadow:0 30px 60px #00000040}.bienvenida .hero-card img{border-radius:18px;width:100%;max-width:650px;display:block}.bienvenida .hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;min-width:170px;padding:14px 16px}.bienvenida .hero-stat strong{color:#fff;margin-bottom:6px;font-size:14px;display:block}.bienvenida .hero-stat span{color:#ffffffb3;font-size:13px}.bienvenida .hero-floating{color:#09233e;background:#fff;border-radius:16px;padding:12px 16px;font-size:14px;font-weight:600;animation:5s ease-in-out infinite floatTag;position:absolute;box-shadow:0 15px 30px #00000026}.bienvenida .hero-floating--1{top:10%;left:-30px}.bienvenida .hero-floating--2{bottom:20%;right:-10px}.bienvenida .hero-floating--3{bottom:-10px;left:20%}.bienvenida .btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;text-decoration:none;transition:all .25s;display:flex}.bienvenida .btn-secondary:hover{background:#ffffff1f;transform:translateY(-2px)}@keyframes floatHero{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bienvenida .btn-primary{cursor:pointer;color:#fff;background:#1c8f6a;border:none;border-radius:8px;height:60px;padding:12px 20px;transition:all .25s}.bienvenida .btn-primary:hover{background:#17785a;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.bienvenida .tutorial{flex-direction:column;gap:40px;display:flex}.bienvenida .tutorial__block{background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:30px;transition:all .3s;display:grid;box-shadow:0 10px 30px #00000008}.bienvenida .tutorial__block:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px #00000014}.bienvenida .tutorial__content{flex-direction:column;display:flex}.bienvenida .tutorial__content h3{color:#09233e;margin-bottom:10px;font-weight:700}.bienvenida .tutorial__content ul{margin:10px 0 0;padding-left:20px}.bienvenida .tutorial__content ul li{color:#4a5e71;margin-bottom:8px}.bienvenida .tutorial span{color:#6f7f8d;font-size:14px;font-weight:600}.bienvenida .tutorial strong{color:#1c8f6a;font-weight:600}.bienvenida .tutorial__img-wrapper{aspect-ratio:22/10;background:#e8eceb;border-radius:12px;justify-self:end;width:100%;max-width:450px;overflow:hidden;box-shadow:0 15px 30px #00000014}.bienvenida .tutorial__img-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.bienvenida .tutorial__img-wrapper:hover img{transform:scale(1.03)}.bienvenida .tutorial__block--highlight{background:linear-gradient(135deg,#3a6ea51f,#2f5c8c0d);border:1px solid #3a6ea540}.bienvenida .tutorial__block--highlight h3{color:#3a6ea5}.bienvenida .screenshots__grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.bienvenida .screenshot-card{text-align:center;background:#fff;border-radius:16px;padding:15px;transition:all .3s;box-shadow:0 10px 30px #00000008}.bienvenida .screenshot-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #00000014}.bienvenida .screenshot-card p{color:#4a5e71;margin-top:12px;font-size:.95rem}.bienvenida .screenshot-card__img{aspect-ratio:16/10;background:#e8eceb;border-radius:12px;width:100%;overflow:hidden}.bienvenida .screenshot-card__img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.bienvenida .screenshot-card:hover img{transform:scale(1.05)}.bienvenida .pagos{text-align:center}.bienvenida .pagos__grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px;display:grid}.bienvenida .pagos__card{background:#fff;border:1px solid #0000000a;border-radius:20px;padding:35px 30px;transition:all .3s;box-shadow:0 10px 30px #0000000a}.bienvenida .pagos__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.bienvenida .pagos__card h3{color:#09233e;margin-bottom:14px}.bienvenida .pagos__card p{color:#6f7f8d;line-height:1.7}.bienvenida .pagos__icon{background:linear-gradient(135deg,#3a6ea51f,#3a6ea50d);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:30px;display:flex}.bienvenida .cta{text-align:center}.bienvenida .cta button{margin-top:20px}.bienvenida .reveal{opacity:0;filter:blur(6px);transition:all .8s cubic-bezier(.22,1,.36,1);transform:translateY(60px)scale(.98)}.bienvenida .reveal.active{opacity:1;filter:blur();transform:translateY(0)scale(1)}.bienvenida .delay-1{transition-delay:.1s}.bienvenida .delay-2{transition-delay:.2s}.bienvenida .delay-3{transition-delay:.3s}.bienvenida .delay-4{transition-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{to{transform:translate(-50%)translateY(0)}}@keyframes sectionFade{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.bienvenida .hero,.bienvenida .radar{grid-template-columns:1fr;place-items:center;gap:30px;padding:60px 20px 30px}.bienvenida .hero__content,.bienvenida .radar__content{text-align:left;width:100%;max-width:500px}.bienvenida .hero__actions,.bienvenida .hero__image,.bienvenida .radar__image{justify-content:center;width:100%;display:flex}.bienvenida .screenshots__grid{grid-template-columns:1fr}.bienvenida .tutorial{gap:30px;padding:30px 20px}.bienvenida .tutorial__block{text-align:center;grid-template-columns:1fr;gap:30px}.bienvenida .tutorial__block li{text-align:left}.bienvenida .tutorial__img{justify-self:center}.bienvenida .screenshots,.bienvenida .pagos{padding:30px 20px}.bienvenida .pagos__grid{grid-template-columns:1fr}.bienvenida .cta{padding:30px 20px}.bienvenida .cta button{margin-top:30px;font-size:35px}.bienvenida .cta button:hover{transform:translateY(-2px)scale(1.02)}}