:root{--primary-color:#4361ee;--secondary-color:#3a0ca3;--accent-color:#f72585;--light-bg:#f8f9fa;--dark-text:#2b2d42;--light-text:#f8f9fa;--card-shadow:0 5px 15px rgba(0,0,0,0.08);--glass-bg:rgba(255,255,255,0.95);--transition:all .3s ease;--light:#f8fafc;--dark:#0f172a;--gray:#64748b;--success:#10b981;--border:#e2e8f0;--shadow:0 4px 6px rgba(0,0,0,0.1);--radius:12px}*{margin:0;padding:0;box-sizing:border-box}.nav-title{color:#757575}.header .icon svg{fill:#757575 !important}.header .tools .contact{color:#757575}body{background:#f5f7fa;color:var(--dark-text);min-height:100vh;font-family:'Poppins',sans-serif;position:relative;overflow-x:hidden}.el-main{overflow:auto}.bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-element{position:absolute;border-radius:50%;opacity:.05;animation:float 15s infinite linear}.bg-element:nth-child(1){width:300px;height:300px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));top:-150px;left:-150px;animation-delay:0s;animation-duration:25s}.bg-element:nth-child(2){width:200px;height:200px;background:linear-gradient(135deg,var(--accent-color),#ff6b6b);bottom:-100px;right:10%;animation-delay:-5s;animation-duration:20s}.bg-element:nth-child(3){width:150px;height:150px;background:linear-gradient(135deg,#4cc9f0,#4361ee);top:20%;right:-75px;animation-delay:-10s}.bg-element:nth-child(4){width:250px;height:250px;background:linear-gradient(135deg,#f72585,#b5179e);bottom:10%;left:10%;animation-delay:-7s;animation-duration:30s}.container{margin:0 auto;padding:20px;position:relative;z-index:1}div.page-info{text-align:center;margin-bottom:30px;animation:fadeIn 1s ease;position:relative;margin-top:5rem}h1{font-family:'Montserrat',sans-serif;font-size:2.8rem;margin-bottom:10px;color:var(--dark-text);text-shadow:2px 2px 10px rgba(0,0,0,0.05)}.subtitle{font-size:1.2rem;color:rgba(43,45,66,0.8);margin-bottom:20px}div.button-wrapper{margin:15px 0;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}.publish-btn{background:var(--primary-color);color:white;border:0;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;box-shadow:var(--card-shadow)}.publish-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.search-section{background:white;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--card-shadow);animation:slideUp .8s ease;border:1px solid rgba(0,0,0,0.05)}.search-box{display:flex;margin-bottom:25px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-radius:15px;overflow:hidden}.search-input{flex:1;padding:18px 25px;border:0;background:white;font-size:1.1rem;transition:var(--transition)}.search-input:focus{outline:0;box-shadow:0 0 0 3px rgba(67,97,238,0.3)}.search-btn{background:var(--primary-color);border:0;color:white;padding:0 30px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px}.search-btn:hover{background:var(--secondary-color)}.reset-btn{background:#6c757d;border:0;color:white;padding:0 25px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px}.reset-btn:hover{background:#495057}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column}.filter-label{margin-bottom:10px;font-weight:600;color:var(--dark-text);display:flex;align-items:center;gap:8px}.filter-label i{color:var(--primary-color)}.custom-select{position:relative;width:100%}.filter-wrapper .select-trigger{padding:15px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:var(--transition);background:white;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.filter-wrapper .select-trigger:hover{border-color:#c5c9d0}.filter-wrapper .select-trigger.active{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,0.2)}.filter-wrapper .select-trigger::after{content:'';width:10px;height:10px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);transition:var(--transition)}.filter-wrapper .select-trigger.active::after{transform:rotate(225deg);margin-top:-5px}.filter-wrapper .select-options{position:absolute;top:100%;left:0;right:0;background:white;border-radius:0 0 12px 12px;box-shadow:0 10px 25px rgba(0,0,0,0.1);max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:0;z-index:100;border:1px solid #e9ecef;border-top:0}.filter-wrapper .select-options.active{max-height:300px;opacity:1;overflow-y:auto}.filter-wrapper .select-option{padding:12px 15px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px}.filter-wrapper .select-option:hover{background:rgba(67,97,238,0.05)}.filter-wrapper .select-option.selected{background:rgba(67,97,238,0.1);color:var(--primary-color);font-weight:500}.filter-wrapper .select-option.selected::before{content:'✓';color:var(--primary-color);font-weight:bold}.filter-wrapper .filter-select{position:absolute;opacity:0;pointer-events:none}.mobile-filter-toggle{display:none;background:var(--primary-color);color:white;border:0;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--card-shadow);justify-content:center;align-items:center;gap:8px;width:100%}.filter-drawer{position:fixed;top:0;right:-100%;width:85%;max-width:400px;height:100%;background:white;box-shadow:-5px 0 15px rgba(0,0,0,0.1);z-index:1000;transition:var(--transition);padding:20px;overflow-y:auto}.filter-drawer.active{right:0}.filter-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.filter-drawer-title{font-size:1.5rem;font-weight:600;color:var(--dark-text)}.close-drawer{background:0;border:0;font-size:1.5rem;color:var(--dark-text);cursor:pointer}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;transition:var(--transition)}.results-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:0 10px;animation:fadeIn .8s ease;background:white;border-radius:15px;padding:15px 20px;box-shadow:var(--card-shadow)}.results-count{font-weight:600;font-size:1.1rem;color:var(--dark-text)}.filter-wrapper .sort-select-wrapper{position:relative}.filter-wrapper .sort-select-trigger{padding:10px 15px;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;background:white;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.filter-wrapper .sort-select-trigger:hover{border-color:#c5c9d0}.filter-wrapper .sort-select-trigger.active{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,0.2)}.filter-wrapper .sort-select-trigger::after{content:'';width:8px;height:8px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);transition:var(--transition);margin-left:10px}.filter-wrapper .sort-select-trigger.active::after{transform:rotate(225deg);margin-top:-4px}.filter-wrapper .sort-select-options{position:absolute;top:100%;right:0;background:white;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.1);max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:0;z-index:100;border:1px solid #e9ecef;min-width:150px}.filter-wrapper .sort-select-options.active{max-height:300px;opacity:1;overflow-y:auto}.filter-wrapper .sort-select-option{padding:10px 15px;cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-wrapper .sort-select-option:hover{background:rgba(67,97,238,0.05)}.filter-wrapper .sort-select-option.selected{background:rgba(67,97,238,0.1);color:var(--primary-color);font-weight:500}.filter-wrapper .sort-select-option.selected::before{content:'✓';color:var(--primary-color);font-weight:bold;margin-right:5px}.meetings-list{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:40px}.meeting-card{background:white;border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);animation:fadeIn 1s ease;border:1px solid rgba(0,0,0,0.05);display:flex;flex-direction:column;min-height:auto}@media(min-width:768px){.meeting-card{flex-direction:row;height:auto;min-height:250px}}.meeting-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.card-media{position:relative;min-height:200px;overflow:hidden;flex:0 0 35%}@media(min-width:768px){.card-media{min-height:auto;height:auto}}.card-slide{width:100%;height:100%;background-size:cover;background-position:center;transition:var(--transition)}.meeting-status{position:absolute;top:15px;right:15px;z-index:1;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;background:rgba(255,255,255,0.95)}.status-ongoing{color:#27ae60}.status-upcoming{color:#e67e22}.status-ended{color:#7f8c8d}.card-content{padding:25px;flex:1;display:flex;flex-direction:column;min-height:0}.card-header{margin-bottom:15px}.meeting-name{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin-bottom:5px;font-family:'Montserrat',sans-serif}.meeting-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.meta-item{display:flex;align-items:center;color:#6c757d;font-size:.95rem}.meta-item i{margin-right:5px;color:var(--primary-color)}.meeting-stats{display:flex;gap:15px;margin-bottom:15px}.stat{display:flex;align-items:center;color:#6c757d;font-size:.9rem}.stat i{margin-right:5px}.meeting-description{color:#495057;font-size:.95rem;line-height:1.6;margin-bottom:20px;display:block;overflow:visible;-webkit-line-clamp:unset}.meeting-organizers{margin-bottom:15px;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color);overflow:visible}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px}.publish-date{color:#6c757d;font-size:.9rem}.action-btn{background:var(--primary-color);color:white;border:0;border-radius:10px;padding:10px 20px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.action-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.action-btn.ended{background:#6c757d}.pagination{display:flex;justify-content:center;gap:10px;margin-top:30px}.page-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid #e9ecef;background:white;font-weight:600;cursor:pointer;transition:var(--transition);color:var(--dark-text)}.page-btn.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.page-btn:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.loading-indicator{text-align:center;padding:20px;color:var(--primary-color);font-weight:600}.loading-indicator i{animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,10px) rotate(5deg)}100%{transform:translate(0,0) rotate(0)}}.slide-fade-enter-active{transition:all .5s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1.0,0.5,0.8,1.0)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(30px);opacity:0}@media(max-width:768px){header{text-align:left;padding-top:10px}h1{font-size:2.2rem;text-align:center}.subtitle{text-align:center}.page-info{display:none}.breadcrumb{margin:5rem 0 2rem 0}div.button-wrapper{justify-content:space-between;align-items:center}.publish-btn{position:relative;width:100%;justify-content:center;max-width:45%}.search-section{display:none}.mobile-filter-toggle{display:flex;max-width:45%}.meetings-list{grid-template-columns:1fr}.filters{grid-template-columns:1fr;gap:15px}.search-box{flex-direction:column}.search-input{border-radius:12px 12px 0 0}.search-btn{border-radius:0 0 12px 12px;justify-content:center;padding:15px}.pagination{display:none}.results-info{flex-direction:column;align-items:flex-start;gap:15px}.meeting-meta,.meeting-stats{flex-direction:column;gap:8px}.filter-drawer .search-box{flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.filter-drawer .search-input{border-radius:12px 12px 0 0;text-align:center;font-size:1rem;padding:16px 20px}.filter-drawer .search-btn,.filter-drawer .reset-btn{width:100%;border-radius:0;padding:16px 20px;font-size:1rem;justify-content:center;border-top:1px solid rgba(0,0,0,0.05)}.filter-drawer .search-btn{border-radius:0;background:var(--primary-color)}.filter-drawer .reset-btn{border-radius:0 0 12px 12px;background:#6c757d}.filter-drawer .search-btn:hover,.filter-drawer .reset-btn:hover{transform:none;opacity:.9}.meeting-card{min-height:auto}.card-media{min-height:200px;flex:0 0 auto}.card-content{padding:20px}.card-footer{flex-direction:column;align-items:stretch;gap:15px}.action-buttons{order:-1}.publish-date{text-align:center}}@media(min-width:769px){.mobile-filter-toggle{display:none}}footer{background-color:var(--dark);color:white;padding:4rem 0 2rem;margin-top:4rem}.meeting-organizers{margin-bottom:15px;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color)}.organizer-item{font-size:.9rem;margin-bottom:5px;color:#495057;display:flex;align-items:center}.organizer-item:last-child{margin-bottom:0}.organizer-item i{margin-right:8px;color:var(--primary-color);width:16px;text-align:center}.organizer-item strong{margin-right:5px;color:var(--dark-text)}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.website-btn{background:var(--primary-color)}.reserve-btn{background:var(--success)}.website-btn:hover{background:var(--secondary-color)}.reserve-btn:hover{background:#0da271}@media(max-width:768px){.action-buttons{flex-direction:column;width:100%}.action-buttons .action-btn{width:100%;justify-content:center}}.meeting-closed{padding:10px 20px;background:#6c757d;color:white;border-radius:10px;font-weight:600;text-align:center}.load-more-trigger{height:1px;width:100%;margin:10px 0;visibility:hidden}.no-more-data{text-align:center;padding:20px;color:#6c757d;font-size:1rem;background:#f8f9fa;border-radius:10px;margin:20px 0}.filter-drawer{transition:right .3s ease}.filter-drawer.active{right:0}.drawer-overlay{transition:opacity .3s ease}.back-to-top{position:fixed;bottom:120px;right:30px;width:60px;height:60px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(67,97,238,0.3);transition:var(--transition);z-index:100;transform:translateY(20px)}.back-to-top:hover{background:var(--secondary-color);transform:translateY(-2px)}