@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.nav-link{position:relative;padding-bottom:4px;transition:color .3s ease;text-decoration:none}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#bddf28;border-radius:2px;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover,.nav-link.active{color:#0089e4;font-weight:600}.nav-link.active:after{width:100%!important}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{scroll-behavior:smooth;overflow-x:hidden;background-color:#f9fafb;color:#2d3748}:root{--primary-blue: #0089E4;--secondary-blue: #00B4D8;--dark-gray: #34495e;--light-gray: #f8f9fa;--shadow-color: rgba(0, 137, 228, .1)}.icon-obligatorios{background:linear-gradient(45deg,#c0392b,#e74c3c);color:#fff}.icon-ingenieria{background:linear-gradient(45deg,gold,#ff8c00);color:#fff}.icon-empresarial{background-color:#00a3a3;color:#fff}.icon-carga{background-color:#3cb371;color:#fff}.icon-eps-salud{background:linear-gradient(45deg,#ff69b4,#c71585);color:#fff}.icon-pyme{background-color:#4169e1;color:#fff}.icon-vida-inversion{background:linear-gradient(45deg,#ff8c00,gold);color:#fff}.icon-estudiantil{background:linear-gradient(45deg,#8a2be2,#00ced1);color:#fff}.icon-trec{background-color:#0089e4;color:#fff}.icon-viaje{background-color:#00bfa6;color:#fff}.icon-accidentes{background-color:#ff8a00;color:#fff}.icon-vida{background-color:#e63946;color:#fff}.icon-eps{background:linear-gradient(45deg,#16a085,#1abc9c);color:#fff}.icon-salud{background:linear-gradient(45deg,#d35400,#f39c12);color:#fff}.icon-vehicular{background:linear-gradient(45deg,#2980b9,#3498db);color:#fff}.icon-hogar{background:linear-gradient(45deg,#8e44ad,#9b59b6);color:#fff}.tabs-container{background-color:transparent;border-radius:0;box-shadow:none;padding:0;display:flex;justify-content:center;gap:2rem;margin-bottom:4rem;flex-wrap:wrap;transition:all .3s ease}.tab-button{border:1px solid #eef2f5;background:#fff;padding:2.5rem 2rem;border-radius:1.25rem;font-weight:700;font-size:1.4rem;color:var(--dark-gray);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1.2rem;min-width:250px;max-width:300px;box-shadow:0 8px 20px #0000000d;white-space:normal;text-align:center}.tab-button i{font-size:3rem;margin-bottom:.5rem;color:var(--primary-blue);transition:color .3s ease}.tab-button.active{background:var(--primary-blue);color:#fff;box-shadow:0 10px 25px var(--shadow-color);transform:translateY(-5px) scale(1.02);border-color:var(--primary-blue)}.tab-button.active i{color:#fff}.tab-button:not(.active):hover{background-color:#f8f9fa;color:var(--primary-blue);border-color:var(--secondary-blue);transform:translateY(-3px);box-shadow:0 6px 15px #00000014}.tab-button:not(.active):hover i{color:var(--secondary-blue)}.category-content{display:none;animation:fadeInUp .6s ease forwards;overflow:hidden;position:relative;max-width:72rem;margin:0 auto}.category-content.active{display:block}.cards-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1.5rem;padding:1rem;scroll-snap-type:x mandatory;scroll-padding-left:1rem;-ms-overflow-style:none;scrollbar-width:none}.cards-container::-webkit-scrollbar{display:none}.insurance-card{flex:0 0 300px;background:#fff;border-radius:1.25rem;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 8px 20px #0000000d;border:1px solid #eef2f5;transition:all .35s ease;text-decoration:none;color:inherit;transform:translateY(0);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;scroll-snap-align:start}.insurance-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0089e40d,#bddf280d);opacity:0;transition:opacity .3s ease;z-index:1}.insurance-card:hover:before{opacity:1}.insurance-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 30px #0089e426}.card-icon{width:90px;height:90px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px #00000014;transition:all .35s ease}.insurance-card:hover .card-icon{transform:scale(1.1) rotate(3deg);box-shadow:0 6px 20px #0089e440}.insurance-card h3{font-size:1.4rem;font-weight:800;color:#1e293b;margin-bottom:1rem;transition:color .3s ease}.insurance-card:hover h3{color:#0089e4}.insurance-card ul{list-style:none;padding:0;margin-bottom:1.5rem}.insurance-card ul li{padding-left:1.4rem;position:relative;text-align:left;margin-bottom:.4rem;font-size:.95rem;color:#555}.insurance-card ul li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#00b4d8;position:absolute;left:0;top:2px}.insurance-card p{font-size:.95rem;color:#555;line-height:1.6}.card-quote-button{display:inline-block;align-self:center;margin-top:1.5rem;padding:.75rem 1.75rem;background:linear-gradient(90deg,#0089e4,#00b4d8);color:#fff;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0089e433;cursor:pointer;position:relative;z-index:10}.card-quote-button:hover{background:linear-gradient(90deg,#00b4d8,#bddf28);box-shadow:0 6px 18px #0089e459;transform:translateY(-2px)}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0089e4;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;transition:background .3s ease}.scroll-btn:hover{background:#00b4d8}.scroll-btn.left{left:5px}.scroll-btn.right{right:5px}.nav-link{position:relative;padding-bottom:4px;transition:all .3s ease}.nav-link:hover:after,.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#bddf28;border-radius:2px}.nav-link.active,.nav-link:hover{color:#0089e4;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards;animation-play-state:paused}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle{width:60px;height:60px;background:linear-gradient(135deg,#0089e4,#00b4d8);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0089e44d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.chat-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #0089e466}.chatbot{width:350px;height:500px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;display:none;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;margin-bottom:10px}.chatbot.show{display:flex}.chat-header{background:linear-gradient(135deg,#0089e4,#00b4d8);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.chat-header h3{font-size:18px;font-weight:700}.chat-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px}.chat-body{flex:1;padding:16px;overflow-y:auto;background:#f8f9fa}.chat-message{margin-bottom:12px;display:flex}.message-bot{justify-content:flex-start}.message-user{justify-content:flex-end}.message-content{max-width:80%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4}.message-bot .message-content{background:#fff;color:#333;border-bottom-left-radius:4px}.message-user .message-content{background:#0089e4;color:#fff;border-bottom-right-radius:4px}.chat-input{padding:16px;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px}.chat-input input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:20px;outline:none;font-size:14px}.chat-input button{width:40px;height:40px;background:#0089e4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.typing-indicator{display:inline-flex;align-items:center;gap:4px}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.quick-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.quick-btn{padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;text-align:left;font-size:14px;transition:all .2s ease}.quick-btn:hover{background:#f3f4f6;border-color:#0089e4;color:#0089e4}.whatsapp-btn{width:100%;padding:12px;background:#25d366;color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .3s ease}.whatsapp-btn:hover{background:#128c7e}.chat-notification{position:absolute;bottom:90px;right:0;width:280px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 25px #00000026;display:flex;align-items:flex-start;gap:12px;z-index:1001;border:1px solid #e5e7eb;opacity:0;transform:translateY(20px) scale(.9);animation:popUp .5s cubic-bezier(.68,-.55,.27,1.55) 2s forwards}.chat-notification:after{content:"";position:absolute;bottom:-10px;right:25px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;filter:drop-shadow(0 6px 3px rgba(0,0,0,.03))}@keyframes popUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-notification-icon{font-size:24px;color:#0089e4;flex-shrink:0;padding-top:2px}.chat-notification-text{font-size:15px;color:#333;line-height:1.4}.chat-notification-text strong{font-weight:700;color:#0089e4}.chat-notification-close{position:absolute;top:5px;right:8px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;transition:color .2s ease}.chat-notification-close:hover{color:#333}@media(max-width:768px){.scroll-btn{display:none}h1{font-size:2.5rem}h2{font-size:2.25rem}section{padding-top:4rem;padding-bottom:4rem}.py-28{padding-top:5rem;padding-bottom:5rem}}@media(max-width:640px){.tabs-container{display:flex;flex-direction:column;width:90%;max-width:350px;margin-left:auto;margin-right:auto;padding:.5rem}.tab-button{padding:1rem 1.5rem;font-size:1rem;justify-content:center;transform:none}.tab-button.active{transform:none}.insurance-card{flex-basis:280px;min-height:440px}h1{font-size:2rem}h2{font-size:1.875rem}}
