.about-section{min-height:100vh;background:linear-gradient(135deg,#0d1b2a,#1a2d40 50%,#0d1b2a);display:flex;align-items:center;position:relative;overflow:hidden}.about-section:before{top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite}.about-section:after,.about-section:before{content:"";position:absolute;border-radius:50%}.about-section:after{bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(118,75,162,.1) 0,transparent 70%);animation:float 15s ease-in-out infinite reverse}.about-content{position:relative;z-index:1;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px rgba(0,0,0,.3)}.text-white-80{color:rgba(255,255,255,.8)}.text-white-70{color:rgba(255,255,255,.7)}.badge-gradient{display:inline-block;padding:8px 20px;color:white;border-radius:50px;font-weight:500;font-size:.9rem}.badge-gradient,.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary{border:none;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.btn-outline-light{border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.btn-outline-light:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:rgba(255,255,255,.6)}.profile-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 0}.shape{position:absolute;border-radius:50%;opacity:.3;pointer-events:none}.shape-1{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;right:0;animation:float 6s ease-in-out infinite}.shape-2{width:80px;height:80px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:20%;left:0;animation:float 8s ease-in-out infinite reverse}.shape-3{width:60px;height:60px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:-20px;animation:float 7s ease-in-out 1s infinite}.profile-image-container{position:relative;width:280px;height:280px;z-index:2}.profile-image-border{overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:4px;animation:morphing 10s ease-in-out infinite;box-shadow:0 20px 60px rgba(102,126,234,.3)}.profile-image,.profile-image-border{width:100%;height:100%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.profile-image{object-fit:cover;display:block}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.status-badge-new{position:absolute;bottom:10px;right:10px;background:rgba(13,27,42,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:50px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);color:white;font-size:.85rem;font-weight:500}.status-dot{width:10px;height:10px;background:#10b981;animation:pulse-dot 2s ease-in-out infinite}.social-links-new{display:flex;gap:12px;margin-top:25px;z-index:2}.social-link-new,.social-links-new{justify-content:center;position:relative}.social-link-new{display:inline-flex;align-items:center;width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:white;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);text-decoration:none;font-size:1.2rem;overflow:hidden}.social-link-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.social-link-new:hover:before{left:100%}.social-link-new:hover{transform:translateY(-5px) scale(1.05);background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 10px 30px rgba(102,126,234,.4);color:white}@media (max-width:992px){.profile-image-container{width:240px;height:240px}.shape-1,.shape-2,.shape-3{display:none}}@media (max-width:768px){.about-section{min-height:auto;padding:80px 0}.profile-image-container{width:200px;height:200px}.about-content{padding:25px!important}.about-content h1{font-size:2rem!important}.about-content .lead{font-size:1rem}.social-link-new{width:44px;height:44px;font-size:1rem}.status-badge-new{font-size:.75rem;padding:6px 12px;bottom:5px;right:5px}.shape-1,.shape-2,.shape-3{display:none}}@media (max-width:576px){.profile-image-container{width:170px;height:170px}.social-link-new{width:40px;height:40px;font-size:.9rem;border-radius:10px}}.about-info-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0!important}.stat-card{background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.info-item{font-size:1.1rem;color:#2d3748;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}.info-item:last-child{border-bottom:none}.contact-section{background:linear-gradient(135deg,#0d1b2a,#1a2d40);padding:60px 0;overflow:hidden}.contact-form,.contact-info{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.2);height:100%;overflow:hidden}.contact-item{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.contact-item:last-child{border-bottom:none}.contact-item i{font-size:1.3rem;width:35px;text-align:center;flex-shrink:0}.contact-item>div{flex:1 1;min-width:0}.contact-item>div span{word-break:break-word}.whatsapp-color{color:#25D366}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-input{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:white;padding:12px 20px;width:100%}.glass-input:focus{background:rgba(255,255,255,.1);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.3);color:white}.glass-input::placeholder{color:rgba(255,255,255,.4)}.glass-input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px rgba(13,27,42,.8)!important;-webkit-text-fill-color:white!important}.form-label{font-weight:500;color:rgba(255,255,255,.7)}.btn-success{background:linear-gradient(135deg,#25D366,#128C7E);border:none;transition:all .3s ease;font-weight:600}.btn-success:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(37,211,102,.4)}.btn-success:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:992px){.contact-section{padding:50px 0}.contact-form,.contact-info{padding:25px!important}}@media (max-width:768px){.contact-section{padding:40px 0}.contact-form,.contact-info{padding:20px!important}.contact-item{padding:10px 0;gap:12px}.contact-item i{font-size:1.1rem;width:30px}.contact-item>div span{font-size:.9rem}.glass-input{padding:10px 15px;font-size:.95rem}.btn-success{font-size:1rem;padding:12px}}@media (max-width:576px){.contact-section{padding:30px 0}.contact-form,.contact-info{padding:15px!important}.contact-item{padding:8px 0;gap:10px}.contact-item i{font-size:1rem;width:25px}.contact-item>div span{font-size:.8rem}.glass-input{padding:8px 12px;font-size:.9rem}.btn-success{font-size:.9rem;padding:10px}h3{font-size:1.3rem}}.row.g-4{margin-right:0;margin-left:0}.row.g-4>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5)}.container{padding-left:15px;padding-right:15px;max-width:100%;overflow:hidden}@media (max-width:400px){.contact-item{flex-wrap:wrap;gap:5px}.contact-item i{width:100%;text-align:left}}.experience-section{background:linear-gradient(135deg,#0d1b2a,#1a2d40);padding:80px 0;position:relative}.timeline{position:relative;padding:20px 0}.timeline:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.timeline-item{position:relative;margin-bottom:50px;width:50%;padding:0 40px}.timeline-item.left{left:0;padding-right:60px}.timeline-item.right{left:50%;padding-left:60px}.timeline-item .timeline-content{position:relative;background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.2)}.timeline-badge{position:absolute;top:0;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;box-shadow:0 4px 15px rgba(102,126,234,.4)}.timeline-item.left .timeline-badge{right:-25px}.timeline-item.right .timeline-badge{left:-25px}.timeline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0}.responsibilities-list{list-style:none;padding:0;margin-top:15px}.responsibilities-list li{color:rgba(255,255,255,.7);padding:5px 0;display:flex;align-items:flex-start}@media (max-width:768px){.timeline:before{left:20px}.timeline-item{width:100%;padding-left:60px!important;padding-right:0!important;left:0!important}.timeline-item .timeline-badge{left:-5px!important;right:auto!important;width:40px;height:40px;font-size:1rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 16px;transition:all .4s cubic-bezier(.4,0,.2,1);background:rgba(13,27,42,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05)}.header.scrolled{background:rgba(13,27,42,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,.3);padding:6px 16px}.navbar-brand{font-size:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;transition:transform .3s ease;flex-shrink:0;z-index:2;position:relative;text-decoration:none;line-height:1}.navbar-brand:hover{transform:scale(1.05)}.navbar{justify-content:space-between;width:100%;min-height:44px}.navbar,.navbar-toggler{display:flex;align-items:center;position:relative}.navbar-toggler{border:2px solid rgba(255,255,255,.25)!important;padding:4px 8px!important;border-radius:8px;width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;justify-content:center;background:transparent;cursor:pointer;transition:all .3s ease;z-index:10;margin-left:auto}.navbar-toggler:hover{border-color:rgba(255,255,255,.5)!important}.navbar-toggler:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.navbar-toggler-icon{width:22px;height:22px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-size:100% 100%;transition:all .3s ease}.navbar-toggler.active .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M6 6L24 24M24 6L6 24'/%3e%3c/svg%3e")}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100vh;background:rgba(13,27,42,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:80px 20px 40px;z-index:1;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center}.mobile-menu.open{opacity:1;visibility:visible;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-menu .navbar-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:400px;height:100%;list-style:none;padding:0;margin:0}.mobile-menu .navbar-nav li{width:100%}.mobile-menu .navbar-nav a{display:flex;align-items:center;justify-content:center;padding:14px 20px;font-size:1.15rem;font-weight:500;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.85);text-decoration:none;transition:all .3s ease;width:100%}.mobile-menu .navbar-nav a:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);transform:translateY(-2px);color:#fff}.mobile-menu .navbar-nav a:active{transform:scale(.95)}.mobile-menu .navbar-nav li{opacity:0;transform:translateY(20px);animation:slideUp .4s forwards}.mobile-menu .navbar-nav li:first-child{animation-delay:.05s}.mobile-menu .navbar-nav li:nth-child(2){animation-delay:.1s}.mobile-menu .navbar-nav li:nth-child(3){animation-delay:.15s}.mobile-menu .navbar-nav li:nth-child(4){animation-delay:.2s}.mobile-menu .navbar-nav li:nth-child(5){animation-delay:.25s}.mobile-menu .navbar-nav li:nth-child(6){animation-delay:.3s}@media (max-width:576px){.header{padding:8px 12px}.header.scrolled{padding:6px 12px}.navbar-brand{font-size:1.1rem}.navbar-toggler{width:36px;height:36px;min-width:36px;min-height:36px;padding:4px 6px!important}.navbar-toggler-icon{width:18px;height:18px}.mobile-menu .navbar-nav a{font-size:1rem;padding:12px 16px}.mobile-menu{padding:70px 15px 30px}.mobile-menu .navbar-nav{gap:10px}}@media (min-width:992px){.header{padding:12px 24px}.header.scrolled{padding:8px 24px}.navbar{display:flex;align-items:center}.navbar-brand{font-size:1.6rem;margin-right:auto}.navbar-toggler{display:none}.mobile-menu{position:static;display:block;flex:0 1;width:auto;height:auto;margin-left:auto;background:transparent;padding:0;opacity:1;visibility:visible;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto}.mobile-menu .navbar-nav{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:30px;margin:0;padding:0;width:auto;height:auto}.mobile-menu .navbar-nav li{width:auto;opacity:1;transform:none;animation:none}.mobile-menu .navbar-nav a{padding:0;background:transparent;border:none;color:white;font-size:1rem;border-radius:0}.mobile-menu .navbar-nav a:hover{background:transparent;border-color:transparent;transform:none;color:#a8b5e6}}@media (max-width:350px){.header{padding:6px 10px}.navbar-brand{font-size:.95rem}.navbar-toggler{width:32px;height:32px;min-width:32px;min-height:32px;padding:3px 5px!important}.navbar-toggler-icon{width:16px;height:16px}.mobile-menu .navbar-nav a{font-size:.9rem;padding:10px 14px}.mobile-menu{padding:60px 12px 20px}}body.menu-open{overflow:hidden!important}.hobbies-section{background:linear-gradient(135deg,#0d1b2a,#1a2d40);padding:80px 0}.hobby-card{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease;cursor:default}.hobby-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.3);border-color:rgba(102,126,234,.3)}.hobby-icon{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-section{background:linear-gradient(135deg,#0d1b2a,#1a2d40);padding:80px 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filter-btn{padding:8px 20px;border:2px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.7);border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover{border-color:#667eea;color:white;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:white}.project-card{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3);border-color:rgba(102,126,234,.3)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.status-badge{padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:600}.status-badge.completed{background:#10b981;color:white}.status-badge.in-progress{background:#f59e0b;color:white}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:4px 12px;background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);border-radius:50px;font-size:.8rem;color:#667eea}.highlights-list{list-style:none;padding:0}.highlights-list li{color:rgba(255,255,255,.7);padding:5px 0;display:flex;align-items:flex-start;font-size:.95rem}.project-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.github-link-wrapper{display:inline-flex}.demo-link,.github-link{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.github-link{background:#24292e;color:white}.github-link:hover{background:#2f363d;transform:translateY(-2px);box-shadow:0 4px 15px rgba(36,41,46,.3);color:white}.github-link i{font-size:1.1rem}.demo-link{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.demo-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4);color:white}.demo-link i,.private-repo{font-size:.9rem}.private-repo{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);border:1px dashed rgba(255,255,255,.15);border-radius:8px;font-weight:500;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.private-repo i{color:#f0c040;font-size:.9rem}@media (max-width:576px){.project-links{flex-direction:column;align-items:stretch}.demo-link,.github-link,.private-repo{justify-content:center;width:100%}.demo-link.ms-2{margin-left:0!important}}.glass{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.glass:hover{transform:translateY(-5px);border-color:rgba(102,126,234,.3);box-shadow:0 10px 40px rgba(0,0,0,.3)}.scroll-to-top-btn{position:fixed;bottom:150px;right:30px;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;font-size:1.3rem;cursor:pointer;box-shadow:0 4px 20px rgba(102,126,234,.4);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9997;display:flex;align-items:center;justify-content:center;animation:fadeInUp .4s ease}.scroll-to-top-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 35px rgba(102,126,234,.6);background:linear-gradient(135deg,#764ba2,#667eea)}.scroll-to-top-btn:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.footer{background:linear-gradient(135deg,#0d1b2a,#1a2d40);padding:30px 0 20px;border-top:1px solid rgba(255,255,255,.05);margin-top:0;position:relative;z-index:1}.text-white-60{color:rgba(255,255,255,.6)}@media (max-width:768px){.scroll-to-top-btn{bottom:150px;right:20px;width:48px;height:48px;font-size:1.1rem}}@media (max-width:480px){.scroll-to-top-btn{bottom:150px;right:15px;width:44px;height:44px;font-size:1rem}}.skills-section{background:linear-gradient(135deg,#0d1b2a,#1a2d40);padding:80px 0}.skill-card{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3);border-color:rgba(102,126,234,.3)}.skill-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)}.skill-icon{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-items{display:flex;flex-wrap:wrap;gap:8px}.skill-item{padding:6px 14px;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.2);border-radius:50px;font-size:.85rem;color:rgba(255,255,255,.8);transition:all .3s ease}.skill-item:hover{background:rgba(102,126,234,.3);transform:scale(1.05)}.whatsapp-widget{position:fixed;bottom:100px;right:30px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end}.whatsapp-button{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#25D366,#128C7E);color:white;border:none;padding:14px 20px;border-radius:50px;box-shadow:0 4px 25px rgba(37,211,102,.4);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-weight:500;font-size:1rem;position:relative;z-index:2}.whatsapp-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 35px rgba(37,211,102,.5)}.whatsapp-button:active{transform:scale(.95)}.whatsapp-button.active{background:#dc3545;box-shadow:0 4px 25px rgba(220,53,69,.4);padding:14px 18px}.whatsapp-button.active:hover{box-shadow:0 8px 35px rgba(220,53,69,.5)}.whatsapp-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.button-label{font-size:.95rem;white-space:nowrap}.notification-badge{position:absolute;top:-8px;right:-8px;background:#dc3545;color:white;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.whatsapp-chat-window{position:absolute;bottom:80px;right:0;width:380px;max-width:90vw;height:500px;max-height:70vh;background:#ffffff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#075E54,#128C7E);padding:15px 20px;justify-content:space-between;flex-shrink:0}.chat-header,.chat-header-info{display:flex;align-items:center}.chat-header-info{gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem}.header-text h4{color:white;margin:0;font-size:1rem;font-weight:600}.online-status{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.8);font-size:.8rem}.status-dot{width:8px;height:8px;background:#4CAF50;border-radius:50%;display:inline-block;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.close-chat{background:none;border:none;color:white;font-size:1.2rem;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-chat:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.chat-body{flex:1 1;padding:20px;overflow-y:auto;background:#E5DDD5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath d='M1 3h1v1H1V3zm2-2h1v1H3V1z' fill='%23000000' fill-opacity='0.03'/%3E%3C/svg%3E")}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#BDC3C7;border-radius:3px}.message{margin-bottom:12px;display:flex;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.received{justify-content:flex-start}.message.sent{justify-content:flex-end}.message-content{max-width:80%;padding:10px 14px;border-radius:12px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.05)}.message.received .message-content{background:white;border-bottom-left-radius:4px}.message.sent .message-content{background:#DCF8C6;border-bottom-right-radius:4px}.message-content p{margin:0;font-size:.9rem;color:#303030;line-height:1.4}.message-content p:not(:last-child){margin-bottom:4px}.message-time{font-size:.65rem;color:#999;margin-top:4px;display:block;text-align:right}.quick-replies{margin:15px 0}.quick-reply-label{font-size:.8rem;color:#666;margin-bottom:8px;font-weight:500}.quick-reply-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-reply-btn{background:white;border:1px solid #e0e0e0;border-radius:20px;padding:6px 14px;font-size:.8rem;color:#075E54;cursor:pointer;transition:all .3s ease;font-family:inherit;white-space:nowrap}.quick-reply-btn:hover{background:#075E54;color:white;border-color:#075E54;transform:scale(1.05)}.chat-footer{padding:12px 16px;background:white;border-top:1px solid #e8e8e8;display:flex;gap:10px;align-items:flex-end;flex-shrink:0}.message-input{flex:1 1;border:1px solid #e0e0e0;border-radius:25px;padding:10px 16px;font-size:.9rem;font-family:inherit;resize:none;max-height:80px;min-height:42px;transition:border-color .3s ease;outline:none;background:#F5F5F5}.message-input:focus{border-color:#25D366;background:white}.message-input::placeholder{color:#999}.send-button{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);color:white;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 15px rgba(37,211,102,.4)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button:active:not(:disabled){transform:scale(.9)}@media (max-width:768px){.whatsapp-widget{bottom:90px;right:20px}.whatsapp-button{padding:12px 18px;font-size:.9rem;box-shadow:0 4px 20px rgba(37,211,102,.35)}.whatsapp-icon-wrapper{font-size:1.6rem}.button-label{font-size:.85rem}.whatsapp-chat-window{width:360px;max-width:calc(100vw - 30px);height:480px;bottom:80px;right:-10px}}@media (max-width:480px){.whatsapp-widget{bottom:80px;right:12px}.whatsapp-button{padding:10px 14px;font-size:.8rem;gap:8px;box-shadow:0 4px 15px rgba(37,211,102,.3)}.whatsapp-button.active{padding:10px 12px}.whatsapp-icon-wrapper{font-size:1.4rem}.button-label{font-size:.75rem}.whatsapp-chat-window{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;bottom:auto;right:auto;animation:slideUpMobile .3s ease;transform:translateY(0);transition:height .3s ease}.whatsapp-chat-window.keyboard-visible{height:calc(100dvh - 250px);top:auto;bottom:0;border-radius:20px 20px 0 0;animation:slideUpKeyboard .3s ease}@keyframes slideUpKeyboard{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chat-header{padding:12px 16px}.avatar{width:36px;height:36px;font-size:1rem}.header-text h4{font-size:.9rem}.online-status{font-size:.7rem}.close-chat{width:28px;height:28px;font-size:1rem}.chat-body{padding:15px;flex:1 1;overflow-y:auto}.message-content{max-width:85%;padding:8px 12px}.message-content p{font-size:.85rem}.message-time{font-size:.6rem}.quick-replies{margin:10px 0}.quick-reply-buttons{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:5px;-webkit-overflow-scrolling:touch}.quick-reply-buttons::-webkit-scrollbar{height:2px}.quick-reply-buttons::-webkit-scrollbar-thumb{background:#BDC3C7;border-radius:1px}.quick-reply-btn{font-size:.7rem;padding:5px 12px;white-space:nowrap;flex-shrink:0}.chat-footer{padding:10px 12px;gap:8px;flex-shrink:0;position:relative;z-index:10}.message-input{font-size:.85rem;padding:8px 14px;min-height:36px;border-radius:20px;font-size:16px}.send-button{width:36px;height:36px;font-size:.9rem}.notification-badge{width:16px;height:16px;font-size:.6rem;top:-6px;right:-6px}}@media (max-width:360px){.whatsapp-widget{bottom:75px;right:8px}.whatsapp-button{padding:8px 12px;font-size:.7rem;gap:6px}.whatsapp-icon-wrapper{font-size:1.2rem}.button-label{font-size:.65rem}.chat-header{padding:10px 12px}.header-text h4{font-size:.8rem}.chat-body{padding:12px}.message-content p{font-size:.8rem}.chat-footer{padding:8px 10px}.message-input{font-size:.8rem;padding:6px 12px;min-height:32px}.send-button{width:32px;height:32px;font-size:.8rem}}@media (max-height:500px) and (orientation:landscape){.whatsapp-chat-window{height:85vh;max-height:85vh}.whatsapp-chat-window.keyboard-visible{height:calc(85vh - 200px)}.chat-body{padding:10px}.message{margin-bottom:8px}.message-content{padding:6px 10px}.message-content p{font-size:.8rem}.quick-replies{margin:8px 0}.quick-reply-btn{font-size:.65rem;padding:4px 10px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.whatsapp-button:not(.active){animation:float 3s ease-in-out infinite}@supports (padding:max(0px)){.whatsapp-widget{bottom:max(80px,env(safe-area-inset-bottom,80px));right:max(12px,env(safe-area-inset-right,12px))}}