*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#333;min-height:100vh}header{background:transparent;padding:20px;position:sticky;top:0;z-index:100;text-align:center}header h1{color:#fff;font-size:28px;font-weight:700;text-transform:lowercase;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero{text-align:center;padding:60px 20px;color:#fff}.hero h2{font-size:42px;margin-bottom:20px;animation:fadeInDown .8s ease}.hero p{font-size:18px;opacity:.9;animation:fadeInUp .8s ease}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .6s ease}.card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.card h3{color:#764ba2;font-size:24px;margin-bottom:20px;border-bottom:3px solid #667eea;padding-bottom:10px}.card ul{list-style:none}.card ul li{padding:10px 0;border-bottom:1px solid #eee;transition:padding-left .3s ease}.card ul li:hover{padding-left:10px;color:#667eea}.card ul li:last-child{border-bottom:none}.app-card{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.bot-card{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%)}.destacado{background:rgba(255,255,255,.9);padding:15px;border-radius:10px;font-weight:600;color:#764ba2;margin:15px 0;text-align:center}.precios-section{margin-top:20px;padding-top:20px;border-top:2px solid rgba(118,75,162,.3)}.precios-section h4{color:#764ba2;margin-bottom:15px;font-size:18px}.precio-item{display:flex;justify-content:space-between;align-items:center;font-size:16px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.precio-item:last-child{border-bottom:none}.precio-item strong{color:#764ba2}.precio-item-bot{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:12px;margin:10px 0;background:rgba(255,255,255,.8);border-radius:8px;font-weight:600}.precio-item-bot span{color:#667eea;font-size:20px}.precio-item-bot strong{color:#764ba2}.botones{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:30px}.btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 30px;border:none;border-radius:50px;cursor:pointer;text-decoration:none;display:inline-block;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,.6);text-decoration:none}.btn:active{transform:translateY(-1px)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h2{font-size:32px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.card{padding:20px}.botones{flex-direction:column}.btn{width:100%;text-align:center}header h1{font-size:24px}}@media (max-width:480px){.hero{padding:40px 20px}.hero h2{font-size:28px}.container{padding:20px 15px}}