.event-page{padding:40px 20px;margin:auto;max-width:1200px;min-height:100vh;color:#fff}.el-button{font-family:Poppins,Avenir,Helvetica,Arial,sans-serif}svg#Capa_1{width:100px}.header-logo{text-align:center;margin-bottom:40px}.header-logo img{height:80px;transition:transform .3s ease}.header-logo img:hover{transform:scale(1.05)}.filters{text-align:center;margin-bottom:30px}.group-btn{display:flex;justify-content:center;overflow-x:auto;padding:10px;gap:10px}.el-button--primary{background-color:#003676;border-color:#003676;color:#fff;border-radius:8px}.el-button--primary:hover{background-color:#004a9e;border-color:#004a9e}.el-button--warning{background-color:#faa51a;border-color:#faa51a;color:#000;font-weight:600;border-radius:8px}.el-button--warning:hover{background-color:#e69500;border-color:#e69500}.el-button--danger,button.el-button.el-button--danger.el-button--medium.is-disabled{background-color:#dc3545;border-color:#dc3545;color:#fff;border-radius:8px}.el-button--danger:hover{background-color:#c82333;border-color:#c82333}.el-button--info,button.el-button.el-button--info.el-button--medium.is-disabled{background-color:#6c757d;border-color:#6c757d;color:#fff;border-radius:8px}.el-button--info:hover{background-color:#5a6268;border-color:#5a6268}.event-container-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.event-card{border:2px solid #faa51a;border-radius:16px;padding:20px;width:300px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;backdrop-filter:blur(5px)}.event-card.active-event{background:linear-gradient(135deg,#00132a,#004a9e)}.event-card.upcoming-event{background:linear-gradient(135deg,#003676,#464e59)}.event-card.expired-event{background:linear-gradient(135deg,#1c2526,#3c4b64)}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(250,165,26,.2)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-header h2{color:#fff;font-size:20px;font-weight:600;margin:0;text-align:center;flex:1}.info-icon{position:relative;cursor:pointer;color:#faa51a;font-size:18px}.info-icon .tooltip{visibility:hidden;opacity:0;position:absolute;background:#00132a;color:#fff;padding:12px;border-radius:8px;border:1px solid #faa51a;width:250px;top:-10px;left:30px;z-index:10;transition:opacity .3s ease;font-size:14px;line-height:1.5}.info-icon:hover .tooltip{visibility:visible;opacity:1}.event-details p{margin:8px 0;font-size:17px;line-height:1.6;text-align:start}.icon{margin-right:8px;color:#faa51a;font-size:18px}.card-footer{margin-top:15px;text-align:center}.el-dialog{background:linear-gradient(135deg,#00132a,#003676)!important;border-radius:12px;color:#fff;max-width:500px;backdrop-filter:blur(5px)}.el-dialog__title{color:#faa51a!important}.el-button-group{display:flex!important}.el-dialog__body{font-size:15px!important;color:#fff!important}.modal-title{font-size:24px;color:#faa51a;font-weight:700;text-align:center}.desc-list{padding-left:20px;margin-bottom:15px}.desc-list li{margin-bottom:6px;line-height:1.5;color:#fff;text-align:start;word-break:keep-all}.modal-form .el-form-item__label{color:#fff;font-weight:500}.modal-actions{text-align:right;margin-top:20px}.success-message{padding:15px;text-align:center;font-size:16px;color:#fff;line-height:1.6}.success-message p{word-break:keep-all}.v-modal{opacity:.9!important}.social-buttons{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.social-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;border-radius:30px;text-decoration:none;background:linear-gradient(135deg,#00132a,#004a9e);color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2);transition:transform .2s ease}.social-btn:hover{transform:scale(1.05)}.social-btn .icon{width:20px;height:20px;fill:#000}@media screen and (max-width:768px){.event-page{padding:20px 10px}.el-button-group{display:flex!important;justify-content:flex-start}.header-logo img{height:60px}.event-details{flex-direction:column;gap:12px}.event-details p{font-size:14px}.card-header h2{font-size:18px}.event-card{width:100%;max-width:350px}.info-icon .tooltip{width:200px;left:25px;top:25px}.group-btn{flex-wrap:nowrap;gap:5px}.el-button{font-size:14px;padding:10px}.el-dialog{width:98%!important}}body{margin:0}#app,body{font-family:Poppins,Avenir,Helvetica,Arial,sans-serif}#app{background-image:url(/img/PAGESKINbilet.0987e26c.png);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}