.hero{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9f9f9,#eef4ff);padding:40px 16px;overflow:hidden;box-sizing:border-box}.hero,.mockup-wrapper{width:100%;position:relative}.mockup-wrapper{max-width:450px;aspect-ratio:3/4}.hero-container{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;overflow:hidden}.hero-buttons,.hero-image,.hero-subtitle,.hero-text,.hero-title .word{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;will-change:transform,opacity}.hero.animate .hero-buttons,.hero.animate .hero-image,.hero.animate .hero-subtitle,.hero.animate .hero-text,.hero.animate .word{opacity:1;transform:translateY(0)}.hero-text{flex:1 1 45%;min-width:280px}.hero-title{font-size:3rem;font-weight:800;color:#171717;line-height:1.2;display:flex;flex-wrap:wrap;gap:8px}.hero-title span{color:#0b5884}.hero.animate .hero-title .word:first-child{transition-delay:.2s}.hero.animate .hero-title .word:nth-child(2){transition-delay:.4s}.hero.animate .hero-title .word:nth-child(3){transition-delay:.6s}.hero.animate .hero-title .word:nth-child(4){transition-delay:.8s}.hero.animate .hero-title .word:nth-child(5){transition-delay:1s}.hero-subtitle{font-size:1.2rem;margin:20px 0;color:#555;max-width:500px;line-height:1.6;transition-delay:1.2s}.hero-buttons{display:flex;gap:16px;margin-top:20px;transition-delay:1.4s}.btn-primary{background:#0b5884;color:#fff;padding:14px 28px;border-radius:30px;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:0 4px 8px rgba(11,88,132,.3);transition:all .3s ease}.btn-primary:hover{background:#09456a;transform:scale(1.05)}.btn-secondary{border:2px solid #0b5884;color:#0b5884;padding:14px 28px;border-radius:30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#0b5884;color:#fff}.hero-image{flex:1 1 45%;display:flex;justify-content:center;transition-delay:.8s;max-width:500px;width:100%;overflow:hidden}.mockup-img{width:100%;max-width:450px;height:auto;border-radius:20px;box-shadow:0 12px 24px rgba(0,0,0,.1);object-fit:contain}@media (max-width:1024px){.hero-title{font-size:2.5rem}}@media (max-width:768px){.hero-container{flex-direction:column;text-align:center}.hero-title{font-size:2.2rem;justify-content:center}.hero-subtitle{font-size:1rem;margin:16px auto}.hero-buttons{justify-content:center}.hero-image{max-width:90%;margin-top:20px}}.badge,.extras,.plan-card,.plan-card ul li,.planes-container,.planes-section,.planes-subtitle,.planes-title{opacity:0;transform:translateY(40px)}.planes-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#eef4ff,#f9f9f9);position:relative;transition:opacity .6s ease,transform .6s ease}.planes-section.animate{opacity:1;transform:translateY(0)}.planes-title{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:.5rem;transition:opacity .8s ease,transform .8s ease}.planes-section.animate .planes-title{opacity:1;transform:translateY(0)}.planes-title span{color:#0b5884}.planes-subtitle{font-size:1.1rem;color:#555;margin-bottom:2rem;transition:opacity .8s ease .3s,transform .8s ease .3s}.planes-section.animate .planes-subtitle{opacity:1;transform:translateY(0)}.planes-container{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;transition:opacity .8s ease .5s,transform .8s ease .5s}.planes-section.animate .planes-container{opacity:1;transform:translateY(0)}.plan-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:2rem;width:300px;text-align:center;transform:scale(.9);transition:opacity .8s ease,transform .8s ease}.planes-section.animate .plan-card{opacity:1;transform:scale(1)}.plan-card:first-child{transition-delay:.6s}.plan-card:nth-child(2){transition-delay:.8s}.plan-card:nth-child(3){transition-delay:1s}.plan-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 14px 35px rgba(0,0,0,.15)}.plan-card h3{font-size:1.6rem;color:#0b5884;margin-bottom:.5rem;transition:color .3s ease}.plan-card:hover h3{color:#09456a}.plan-card .price{font-size:1.8rem;font-weight:700;color:#111;margin-bottom:1rem}.plan-card ul{text-align:left;margin-bottom:1.5rem;padding-left:0;list-style:none}.plan-card ul li{font-size:1rem;margin-bottom:.5rem;color:#333;transition:opacity .8s ease,transform .8s ease}.planes-section.animate .plan-card ul li{opacity:1;transform:translateY(0)}.plan-card ul li:first-child{transition-delay:1.2s}.plan-card ul li:nth-child(2){transition-delay:1.3s}.plan-card ul li:nth-child(3){transition-delay:1.4s}.plan-card ul li:nth-child(4){transition-delay:1.5s}.plan-card ul li:nth-child(5){transition-delay:1.6s}.btn-plan{background:#0b5884;color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:700;cursor:pointer;transition:background .3s ease,transform .3s ease}.btn-plan:hover{background:#09456a;transform:scale(1.08)}.destacado{border:2px solid #0b5884;position:relative}.badge{background:#0b5884;color:#fff;font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:20px;position:absolute;top:-12px;left:50%;transform:translateX(-50%);transition:opacity .8s ease 1.2s,transform .8s ease 1.2s}.planes-section.animate .badge{opacity:1;transform:translateX(-50%) translateY(0)}.extras{margin-top:2rem;font-size:1.1rem;color:#333;transition:opacity .8s ease 1.4s,transform .8s ease 1.4s}.planes-section.animate .extras{opacity:1;transform:translateY(0)}.extras h4{color:#0b5884;margin-bottom:.5rem}@media (max-width:768px){.planes-container{flex-direction:column;align-items:center}.plan-card{width:90%}}.scroll-to-top{position:fixed;bottom:20px;right:20px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.scroll-to-top.show{opacity:1;pointer-events:auto}.scroll-to-top-button{width:56px;height:56px;background-color:#ffffff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.scroll-to-top-button:hover{transform:scale(1.1);box-shadow:0 6px 14px rgba(0,0,0,.25)}.scroll-to-top svg{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-to-top-button .arrow{position:relative;width:18px;height:18px;z-index:2;stroke:#0d6efd;stroke-width:2.5}.scroll-to-top-button path:first-child{stroke:#e5e7eb}.scroll-to-top-button path:last-child{stroke:#0d6efd;transition:stroke-dashoffset .15s linear}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top.show .scroll-to-top-button{animation:fadeInUp .3s ease forwards}