.btn-primary-system,.system-badge{font-weight:600;display:inline-block}.btn-primary-system,.btn-secondary-system{text-decoration:none;display:inline-block;transition:.3s}.hero-area{background:linear-gradient(135deg,#f8fafc 0,#fff 100%);min-height:70vh;position:relative;padding:5rem 0}.nav-pills .nav-link{background:#fff;border:1px solid #e2e8f0;color:#475569;border-radius:10px;font-weight:600;font-size:14px;padding:12px 20px;margin:4px;transition:.3s}.btn-secondary-system:hover,.nav-pills .nav-link:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.nav-pills .nav-link:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.badge-psicometricas,.nav-pills .nav-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.nav-pills .nav-link.active{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.3)}.system-badge{padding:8px 16px;font-size:14px;border-radius:20px;margin-bottom:1rem}.badge-360{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-nom035{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-reclutamiento{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-clima{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-elearning{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-primary-system{font-size:18px;padding:15px 35px;border-radius:10px;border:none;color:#fff}.btn-primary-system:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.btn-secondary-system{font-size:16px;padding:15px 30px;background:#fff;border:1px solid #e2e8f0;color:#475569;border-radius:10px}.btn-secondary-system:hover{color:#475569}.btn-psicometricas{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-360{background:linear-gradient(135deg,#10b981,#059669)}.btn-nom035{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-reclutamiento{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-clima{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-elearning{background:linear-gradient(135deg,#06b6d4,#0891b2)}.tab-pane{opacity:0;transform:translateY(20px);transition:.4s}.tab-pane.show.active{opacity:1;transform:translateY(0)}.benefits-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.benefit-card{transition:transform .3s}.benefit-card:hover{transform:translateY(-5px)}.features-list{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.feature-item{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;font-size:14px;color:#64748b;font-weight:500;transition:.3s}.feature-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.feature-item i{color:#10b981;font-size:12px}@media (max-width:768px){.nav-pills{justify-content:center!important}.nav-pills .nav-link{font-size:12px;padding:10px 16px;margin:2px}.display-4{font-size:2rem}.btn-primary-system,.btn-secondary-system{width:100%;margin-bottom:10px}}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:'';display:block;border:5px solid #2980b9}.ribbon span{position:absolute;display:block;width:225px;padding:8px 0;background-color:#3498db;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 12px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}#sistemas-complementarios .list-group-item img{width:8em!important;height:40px!important;object-fit:contain;margin-left:15px;margin-right:20px}#sistemas-complementarios .list-group-item{padding-right:1rem}#sistemas-complementarios .list-group-item .btn{margin-right:12px}@media (max-width:576px){#sistemas-complementarios .list-group-item img{width:5em!important;height:32px!important}#sistemas-complementarios .list-group-item .btn{margin-right:8px}}.ribbon-top-left{top:-10px;left:-10px}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;transform:rotate(-45deg)}.ribbon.urgent span{background-color:#e74c3c}.ribbon.recommended span{background-color:#27ae60}.blockquote-sm{font-size:.9rem;border-left:3px solid #dee2e6;padding-left:1rem}.alert-sm{padding:.5rem .75rem;font-size:.875rem}