:root{--color-dorado: #c9b97a;--color-dorado-claro: #e8dba8;--color-fondo: #0d1b2e;--color-fondo-tarjeta: rgba(20, 40, 65, .85);--color-texto: #e8dfc8;--color-texto-claro: #9ab8c8;--color-acento: #64b4c8;--color-acento-oscuro: #3a7a8a;--color-borde: rgba(100, 180, 200, .25);--color-sombra: rgba(0, 0, 0, .4);--color-blanco: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-fondo);color:var(--color-texto);font-family:Raleway,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;padding-bottom:90px}canvas#starCanvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.navbar{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2.5rem;border-bottom:1px solid var(--color-borde);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1b2eb3}.nav-brand{display:flex;align-items:center;justify-content:center}.nav-spacer{justify-self:end}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{font-family:Raleway,sans-serif;font-weight:300;font-size:13px;color:var(--color-acento);text-decoration:none;letter-spacing:.08em;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-dorado);transition:width .3s}.nav-links a:hover{color:var(--color-dorado)}.nav-links a:hover:after{width:100%}.nav-logo{font-family:Cinzel,serif;font-size:16px;font-weight:400;letter-spacing:.25em;color:var(--color-dorado)}#navLogo{height:48px;width:auto;display:none}.hero{position:relative;z-index:10;padding:1.5rem 2rem;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:16px;box-shadow:0 4px 24px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:1300px;margin:0 auto 1.5rem}.hero-inner{display:flex;align-items:center;justify-content:center;gap:1.75rem;text-align:left}.hero-text{text-align:left}#heroLogo{display:none;flex-shrink:0;height:110px;width:110px;object-fit:cover;border-radius:50%;border:2px solid var(--color-dorado);box-shadow:0 0 40px #c9b97a33}.hero-title{font-family:Cinzel,serif;font-weight:300;font-size:clamp(1.8rem,5vw,3rem);color:var(--color-dorado);letter-spacing:.06em;line-height:1.05;margin-bottom:.4rem;text-shadow:0 0 60px rgba(201,185,122,.1)}.hero-title span{font-weight:700;color:var(--color-acento)}.hero-sub{font-family:Raleway,sans-serif;font-weight:200;font-size:13px;color:var(--color-texto-claro);letter-spacing:.15em;margin-bottom:.4rem}.hero-badge{display:inline-block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:5px 16px;border-radius:999px;border:1px solid var(--color-borde);color:var(--color-texto-claro);margin-top:.4rem;font-family:Raleway,sans-serif}.pill-nav{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:4px;justify-content:center;flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;width:max-content;max-width:calc(100% - 2rem);padding:.5rem .9rem;background:#0f1c2ed9;border:1px solid var(--color-borde);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000073}.pill-nav::-webkit-scrollbar{display:none}.filter-btn,.tags-dropdown-btn,.admin-link,.pill-link{font-family:Raleway,sans-serif;font-weight:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 13px;border-radius:999px;border:none;background:transparent;color:var(--color-texto-claro);cursor:pointer;transition:all .3s;text-decoration:none;flex-shrink:0;white-space:nowrap}.filter-btn:hover,.tags-dropdown-btn:hover,.admin-link:hover,.pill-link:hover{background:#64b4c81a;color:var(--color-dorado)}.filter-btn.active{background:#c9b97a24;color:var(--color-dorado)}.pill-icon{width:17px;height:17px;flex-shrink:0}.pill-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:3px}.pill-caret{font-size:8px}.tags-dropdown-wrap{display:inline-flex}.tags-active-indicator{display:none;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--color-dorado);color:var(--color-fondo);font-size:9px;font-weight:700;font-family:Raleway,sans-serif}.divider{position:relative;z-index:10;margin:1rem 2rem 2rem;height:1px;background:linear-gradient(to right,transparent,var(--color-borde),transparent)}.main-layout-container{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}.games-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:1.25rem;padding:0 0 3rem;width:100%;margin:0 auto}@media(min-width:1280px){.games-grid{grid-template-columns:repeat(5,1fr)!important}}@media(min-width:1025px)and (max-width:1279px){.games-grid{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:900px){.main-layout-container{padding:0 1rem;gap:1.25rem}}.pagination{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:0 0 3rem;width:100%;max-width:1300px;margin:0 auto}.page-btn{min-width:34px;height:34px;padding:0 8px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:8px;color:var(--color-texto-claro);font-family:Raleway,sans-serif;font-size:12px;cursor:pointer;transition:all .25s}.page-btn:hover:not(:disabled){border-color:var(--color-dorado);color:var(--color-dorado)}.page-btn.active{background:#c9b97a26;border-color:var(--color-dorado);color:var(--color-dorado);font-weight:600}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-ellipsis{color:var(--color-texto-claro);font-size:12px;padding:0 4px}.page-info{width:100%;text-align:center;font-size:11px;color:var(--color-acento-oscuro);letter-spacing:.05em;margin-top:6px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(30px)}60%{opacity:1;transform:translateY(-8px)}80%{transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-card{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;will-change:transform}.game-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-dorado);box-shadow:0 16px 48px #0006,0 0 30px #c9b97a0d}.game-card.anim-fadein{opacity:0;animation:fadeUp .6s ease forwards}.game-card.bounce-in{opacity:0;animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.game-img-wrap{width:100%;aspect-ratio:3/4;background:#0d1b2ecc;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-img-wrap img{width:100%;height:100%;object-fit:cover}.placeholder-kanji{font-family:Cinzel,serif;font-size:4rem;color:#64b4c81f;-webkit-user-select:none;user-select:none}.placeholder-name{position:absolute;bottom:0;left:0;right:0;font-family:Raleway,sans-serif;font-size:10px;font-weight:300;letter-spacing:.08em;color:#c9b97a66;text-align:center;padding:10px 6px;background:linear-gradient(transparent,#0d1b2ef2)}.status-badge{position:absolute;top:10px;right:10px;font-size:9px;font-weight:400;letter-spacing:.1em;padding:4px 10px;border-radius:999px;text-transform:uppercase;font-family:Raleway,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.s-completo{background:#64c88c26;color:#64c88c;border:1px solid rgba(100,200,140,.3)}.s-progreso{background:#c9b97a1f;color:var(--color-dorado);border:1px solid rgba(201,185,122,.3)}.s-beta{background:#64b4c81f;color:var(--color-acento);border:1px solid rgba(100,180,200,.3)}.game-info{padding:.9rem}.game-plat-badge{display:inline-block;font-family:Cinzel,serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fondo);background:var(--color-dorado);padding:3px 10px;border-radius:999px;margin-bottom:7px;box-shadow:0 2px 12px #c9b97a4d}.game-title{font-family:Cinzel,serif;font-size:12.5px;font-weight:400;color:var(--color-dorado);letter-spacing:.04em;margin-bottom:4px;line-height:1.3}.game-meta{font-family:Raleway,sans-serif;font-size:10px;font-weight:300;color:var(--color-acento-oscuro);margin-bottom:8px;letter-spacing:.06em}.game-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.tag{font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--color-borde);color:var(--color-acento);font-family:Raleway,sans-serif;background:none;cursor:pointer;transition:all .2s}.tag:hover{border-color:var(--color-dorado);color:var(--color-dorado);background:#c9b97a1a}.tag-more{font-size:9px;font-weight:400;letter-spacing:.08em;padding:2px 8px;border-radius:999px;border:1px solid rgba(201,185,122,.35);color:var(--color-dorado);font-family:Raleway,sans-serif;cursor:pointer;background:transparent;transition:background .15s}.tag-more:hover{background:#c9b97a1a}.dl-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:8px;background:transparent;border:1px solid var(--color-borde);border-radius:8px;color:var(--color-dorado);font-size:10px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s;text-decoration:none}.dl-btn:hover{background:#c9b97a14;border-color:var(--color-dorado)}.admin-delete{position:absolute;top:10px;left:10px;width:24px;height:24px;border-radius:50%;background:#c0392bd9;color:#fff;border:none;font-size:13px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .2s}.admin-delete:hover{transform:scale(1.1)}.admin-edit{position:absolute;top:10px;left:40px;width:24px;height:24px;border-radius:50%;background:#64b4c8e6;color:#0d1b2e;border:none;font-size:11px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .2s}.admin-edit:hover{transform:scale(1.1)}.admin-toggle-direct{position:absolute;top:10px;left:70px;width:24px;height:24px;border-radius:50%;background:#5a5a5ad9;color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .2s,background .2s}.admin-toggle-direct.is-on{background:#64c88ce6;color:#0d1b2e}.admin-toggle-direct:hover{transform:scale(1.1)}body.admin-mode .admin-delete,body.admin-mode .admin-edit,body.admin-mode .admin-toggle-direct{display:flex}.no-results{grid-column:1/-1;text-align:center;color:var(--color-acento-oscuro);font-family:Raleway,sans-serif;font-weight:300;font-size:14px;letter-spacing:.1em;padding:3rem}.site-footer{position:relative;z-index:10;text-align:center;padding:1.5rem 2rem;border-top:1px solid var(--color-borde);font-family:Raleway,sans-serif;font-size:10px;font-weight:300;color:var(--color-acento-oscuro);letter-spacing:.1em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:100;padding:1rem;will-change:opacity}.modal-overlay.open{display:flex;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:16px;padding:2rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;will-change:transform;animation:modalSlideIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-box.detail-box{max-width:560px}.modal-close-x{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--color-acento-oscuro);font-size:20px;cursor:pointer;transition:color .3s}.modal-close-x:hover{color:var(--color-dorado)}.modal-title{font-family:Cinzel,serif;font-size:18px;color:var(--color-dorado);letter-spacing:.06em;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-texto-claro);margin-bottom:5px;font-weight:300}.form-input,.form-select{width:100%;padding:10px 12px;background:#0d1b2ecc;border:1px solid var(--color-borde);border-radius:8px;color:var(--color-texto);font-family:Raleway,sans-serif;font-size:13px;outline:none;resize:vertical;transition:border-color .3s}.form-input:focus,.form-select:focus{border-color:var(--color-dorado)}.form-select option{background:var(--color-fondo)}.form-hint{font-size:10px;color:var(--color-acento-oscuro);margin-top:4px}.tag-picker{position:relative;width:100%;min-height:42px;padding:8px 8px 4px;background:#0d1b2ecc;border:1px solid var(--color-borde);border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;transition:border-color .3s}.tag-picker.focused{border-color:var(--color-dorado)}.tag-picker-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:#c9b97a24;border:1px solid rgba(201,185,122,.4);border-radius:999px;color:var(--color-dorado);font-size:11px;letter-spacing:.04em;margin-bottom:4px}.tag-picker-chip button{background:none;border:none;color:var(--color-dorado);cursor:pointer;font-size:13px;line-height:1;padding:2px;opacity:.7}.tag-picker-chip button:hover{opacity:1}.tag-picker-input{flex:1;min-width:120px;background:transparent;border:none;outline:none;color:var(--color-texto);font-family:Raleway,sans-serif;font-size:13px;padding:6px 4px;margin-bottom:4px}.tag-picker-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;background:#0f1c2e;border:1px solid var(--color-borde);border-radius:8px;box-shadow:0 8px 28px #00000080;z-index:30}.tag-picker-dropdown.open{display:block}.tag-picker-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;font-size:12px;color:var(--color-texto);cursor:pointer;transition:background .15s}.tag-picker-option:hover,.tag-picker-option.highlighted{background:#c9b97a1f}.tag-picker-option .tag-picker-count{font-size:10px;color:var(--color-texto-claro)}.tag-picker-option.tag-picker-create{color:var(--color-acento);border-top:1px solid var(--color-borde)}.tag-picker-empty{padding:10px 12px;font-size:11px;color:var(--color-texto-claro)}.modal-actions{display:flex;gap:10px;margin-top:1.5rem}.btn-primary,.btn-secondary{flex:1;padding:10px;border-radius:8px;font-family:Raleway,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:all .3s}.btn-primary{background:var(--color-dorado);color:var(--color-fondo);font-weight:600}.btn-primary:hover{background:var(--color-dorado-claro);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--color-borde);color:var(--color-texto-claro)}.btn-secondary:hover{border-color:var(--color-dorado);color:var(--color-dorado)}.modal-error{color:#e57373;font-size:11px;text-align:center;margin-top:8px;min-height:14px}.tags-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:200;padding:1rem;will-change:opacity}.tags-modal-overlay.open{display:flex;animation:modalFadeIn .2s ease}.tags-modal-box{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:16px;padding:1.8rem;width:100%;max-width:460px;max-height:80vh;display:flex;flex-direction:column;will-change:transform;animation:modalSlideIn .25s cubic-bezier(.34,1.56,.64,1)}.tags-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0}.tags-modal-title{font-family:Cinzel,serif;font-size:16px;color:var(--color-dorado);letter-spacing:.06em}.tags-modal-close{background:none;border:1px solid var(--color-borde);border-radius:999px;color:var(--color-texto-claro);font-size:12px;padding:4px 14px;cursor:pointer;font-family:Raleway,sans-serif;letter-spacing:.08em;transition:all .3s}.tags-modal-close:hover{border-color:var(--color-dorado);color:var(--color-dorado)}.tags-modal-hint{font-size:11px;color:var(--color-acento-oscuro);font-family:Raleway,sans-serif;letter-spacing:.06em;margin-bottom:12px;flex-shrink:0}.tags-modal-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin-bottom:1rem;overflow-y:auto;flex:1 1 auto;min-height:40px;padding-right:4px}.tag-choice{font-size:11px;font-family:Raleway,sans-serif;font-weight:300;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:999px;border:1px solid var(--color-borde);color:var(--color-texto-claro);cursor:pointer;background:transparent;transition:all .3s}.tag-choice:hover{border-color:var(--color-acento);color:var(--color-dorado);background:#64b4c814}.tag-choice.selected{background:#c9b97a26;border-color:var(--color-dorado);color:var(--color-dorado)}.tags-modal-actions{display:flex;gap:8px;flex-shrink:0;padding-top:12px;border-top:1px solid var(--color-borde)}#adminAlerts{display:none;background:#e5737326;border:1px solid #e57373;border-radius:10px;padding:12px 20px;text-align:center;color:#e57373;font-family:Raleway,sans-serif;font-size:13px;font-weight:400;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:10;max-width:1300px;margin:10px auto}#adminAlerts strong{color:#ff8a80}#adminAlerts .alert-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#e57373;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .2s}#adminAlerts .alert-close:hover{opacity:1}.fab-add{position:fixed;bottom:92px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-dorado);color:var(--color-fondo);border:none;font-size:28px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:50;box-shadow:0 4px 24px #00000080;transition:transform .3s,box-shadow .3s}.fab-add:hover{transform:scale(1.1);box-shadow:0 6px 32px #c9b97a4d}body.admin-mode .fab-add{display:flex}.admin-banner{display:none;text-align:center;font-size:11px;letter-spacing:.1em;color:var(--color-fondo);background:var(--color-dorado);padding:8px;position:relative;z-index:20}body.admin-mode .admin-banner{display:block}.notif-btn{position:fixed;bottom:92px;left:20px;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:999px;color:var(--color-dorado);font-family:Raleway,sans-serif;font-size:11px;font-weight:300;letter-spacing:.08em;padding:10px 20px;cursor:pointer;z-index:40;display:flex;align-items:center;gap:6px;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notif-btn:hover{background:#c9b97a1a;border-color:var(--color-dorado)}.notif-btn.subscribed{border-color:#64c88c80;color:#64c88c}.notif-admin-panel{display:none;position:relative;z-index:10;max-width:1300px;margin:0 auto 1rem;padding:0 2rem}body.admin-mode .notif-admin-panel{display:block}.notif-admin-header{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-dorado);font-family:Raleway,sans-serif;margin-bottom:10px}.notif-form{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:12px;padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:10px}.notif-form-full{grid-column:1/-1}.notif-send-btn{grid-column:1/-1;padding:10px;background:var(--color-dorado);color:var(--color-fondo);border:none;border-radius:8px;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:all .3s}.notif-send-btn:hover{background:var(--color-dorado-claro);transform:translateY(-2px)}.notif-send-btn:disabled{opacity:.6;cursor:not-allowed}.logo-panel{position:relative;z-index:10;max-width:1300px;margin:0 auto 1rem;padding:0 2rem;display:none}body.admin-mode .logo-panel{display:block}.logo-panel-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-dorado);font-family:Raleway,sans-serif;margin-bottom:10px}.logo-panel-inner{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.logo-no-preview{flex:0 0 64px;height:64px;border-radius:50%;border:1px dashed var(--color-borde);display:flex;align-items:center;justify-content:center;font-family:Raleway,sans-serif;font-size:10px;color:var(--color-texto-claro);text-align:center;padding:4px}.logo-preview{flex:0 0 64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--color-borde)}.logo-actions{flex:1;display:flex;flex-direction:column;gap:8px;min-width:200px}.users-panel{display:none;position:relative;z-index:10;max-width:1300px;margin:0 auto 1rem;padding:0 2rem}body.admin-mode .users-panel{display:block}.users-panel-header{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-dorado);font-family:Raleway,sans-serif;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.user-list{display:flex;flex-direction:column;gap:6px}.announcement-section{position:relative;z-index:10;padding:0 2rem 1.5rem;max-width:1300px;margin:0 auto}.carousel-wrap{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--color-borde);background:var(--color-fondo-tarjeta);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.announcement-card{min-width:100%;display:flex;gap:0}.announcement-img{width:200px;flex-shrink:0;object-fit:cover;display:block}.announcement-img-placeholder{width:200px;flex-shrink:0;background:#0d1b2e99;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:3rem;color:#c9b97a1f}.announcement-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.announcement-badge{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-dorado);font-family:Raleway,sans-serif;font-weight:400;display:flex;align-items:center;gap:6px}.announcement-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-dorado);animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.announcement-title{font-family:Cinzel,serif;font-size:16px;font-weight:400;color:var(--color-dorado);letter-spacing:.04em}.announcement-text{font-family:Raleway,sans-serif;font-size:13px;font-weight:300;color:var(--color-texto-claro);line-height:1.6;white-space:pre-line}.announcement-date{font-size:10px;color:var(--color-acento-oscuro);font-family:Raleway,sans-serif;letter-spacing:.06em}.announcement-admin-actions{display:none;gap:6px;margin-top:8px;flex-wrap:wrap}body.admin-mode .announcement-admin-actions{display:flex}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#0d1b2ecc;border:1px solid var(--color-borde);color:var(--color-dorado);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s;flex-shrink:0}.carousel-arrow:hover{background:#c9b97a26;border-color:var(--color-dorado)}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 4px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#c9b97a33;border:none;cursor:pointer;padding:0;transition:all .3s}.carousel-dot.active{background:var(--color-dorado);transform:scale(1.3)}.ann-admin-panel{position:relative;z-index:10;max-width:1300px;margin:0 auto 1rem;padding:0 2rem;display:none}body.admin-mode .ann-admin-panel{display:block}.ann-admin-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-dorado);font-family:Raleway,sans-serif;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.ann-new-btn{font-size:10px;font-family:Raleway,sans-serif;letter-spacing:.08em;padding:4px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--color-borde);background:transparent;color:var(--color-texto-claro);transition:all .3s;text-transform:uppercase}.ann-new-btn:hover{border-color:var(--color-dorado);color:var(--color-dorado);background:#c9b97a14}.ann-list{display:flex;flex-direction:column;gap:6px}.ann-list-item{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ann-list-title{font-family:Cinzel,serif;font-size:12px;color:var(--color-dorado);flex:1}.ann-list-status{font-size:9px;font-family:Raleway,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:2px 10px;border-radius:999px}.ann-active{background:#64c88c26;color:#64c88c;border:1px solid rgba(100,200,140,.3)}.ann-inactive{background:#64646426;color:#7a8a8a;border:1px solid rgba(100,100,100,.3)}.ann-list-actions{display:flex;gap:6px;flex-wrap:wrap}.ann-btn{font-size:10px;font-family:Raleway,sans-serif;letter-spacing:.08em;padding:4px 12px;border-radius:999px;cursor:pointer;border:1px solid;background:transparent;transition:all .3s;text-transform:uppercase}.ann-btn-edit{color:var(--color-acento);border-color:var(--color-borde)}.ann-btn-edit:hover{border-color:var(--color-acento);background:#64b4c814}.ann-btn-del{color:#e57373;border-color:#e573734d}.ann-btn-del:hover{border-color:#e57373;background:#e5737314}.metrics-panel{display:none;position:relative;z-index:10;max-width:1300px;margin:0 auto 1.5rem;padding:0 2rem}body.admin-mode .metrics-panel{display:block}.metrics-header{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-dorado);font-family:Cinzel,serif;margin-bottom:16px;display:flex;align-items:center;gap:12px}.metrics-header:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--color-borde),transparent)}.metrics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric-card{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:12px;padding:18px 14px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .3s,transform .2s}.metric-card:hover{border-color:var(--color-dorado);transform:translateY(-2px)}.metric-value{font-family:Cinzel,serif;font-size:32px;font-weight:600;color:var(--color-dorado);line-height:1;margin-bottom:4px}.metric-label{font-family:Raleway,sans-serif;font-size:10px;font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:var(--color-acento-oscuro)}.metric-sub{font-size:9px;color:var(--color-acento-oscuro);font-family:Raleway,sans-serif;letter-spacing:.06em;margin-top:4px;opacity:.7}.metrics-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.metrics-chart-box,.metrics-top-box{background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.metrics-box-title{font-family:Raleway,sans-serif;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-texto-claro);margin-bottom:12px;display:flex;align-items:center;gap:8px}.metrics-box-title span{color:var(--color-dorado);font-family:Cinzel,serif}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:90px;padding-bottom:4px}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:32px;background:linear-gradient(to top,var(--color-dorado),var(--color-dorado-claro));border-radius:4px 4px 0 0;min-height:2px;transition:height .6s cubic-bezier(.34,1.56,.64,1);opacity:.8}.chart-bar:hover{opacity:1;transform:scaleX(1.05)}.chart-bar-label{font-size:8px;color:var(--color-acento-oscuro);font-family:Raleway,sans-serif;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.top-game-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(100,180,200,.06)}.top-game-row:last-child{border-bottom:none}.top-game-rank{font-family:Cinzel,serif;font-size:12px;font-weight:600;color:var(--color-dorado);width:20px;flex-shrink:0;text-align:center}.top-game-name{font-family:Raleway,sans-serif;font-size:11px;font-weight:300;color:var(--color-texto);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-game-count{font-family:Cinzel,serif;font-size:12px;color:var(--color-acento);flex-shrink:0;background:#64b4c814;padding:0 8px;border-radius:4px}.monthly-history{margin-top:0;background:var(--color-fondo-tarjeta);border:1px solid var(--color-borde);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.monthly-history-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.monthly-history-header:hover{background:#64b4c80a}.monthly-history-title{font-family:Raleway,sans-serif;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-texto-claro);display:flex;align-items:center;gap:8px}.monthly-history-title span{color:var(--color-dorado);font-family:Cinzel,serif}.monthly-history-arrow{font-size:10px;color:var(--color-acento-oscuro);transition:transform .3s}.monthly-history-arrow.open{transform:rotate(180deg)}.monthly-history-body{display:none;padding:0 18px 14px}.monthly-history-body.open{display:block}.monthly-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:8px 0;border-bottom:1px solid rgba(100,180,200,.06)}.monthly-row:last-child{border-bottom:none}.monthly-month{font-family:Cinzel,serif;font-size:13px;color:var(--color-dorado);letter-spacing:.04em}.monthly-stat{font-family:Raleway,sans-serif;font-size:11px;font-weight:300;color:var(--color-texto-claro);display:flex;align-items:center;gap:4px}.monthly-stat .icon{font-size:12px}.monthly-stat .num{font-family:Cinzel,serif;font-size:13px;color:var(--color-dorado);font-weight:400}.monthly-empty{color:var(--color-acento-oscuro);font-size:11px;text-align:center;padding:10px}.detail-hero-img{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0d1b2ecc;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.detail-hero-img img{width:100%;height:100%;object-fit:cover}.detail-hero-img .placeholder-kanji{font-size:4rem}.detail-title{font-family:Cinzel,serif;font-size:22px;color:var(--color-dorado);letter-spacing:.04em;margin-bottom:4px}.detail-meta{font-size:11px;color:var(--color-acento-oscuro);letter-spacing:.06em;margin-bottom:10px}.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.detail-desc{font-size:13px;line-height:1.7;color:var(--color-texto);font-weight:300;margin-bottom:1.2rem;white-space:pre-line}.detail-section-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-texto-claro);margin-bottom:8px}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:1.2rem}.detail-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--color-borde);transition:all .3s}.detail-gallery img:hover{transform:scale(1.05);border-color:var(--color-dorado)}.detail-links{display:flex;flex-direction:column;gap:8px}.detail-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#c9b97a0f;border:1px solid var(--color-borde);border-radius:8px;color:var(--color-dorado);font-size:12px;letter-spacing:.06em;text-decoration:none;transition:all .3s}.detail-link-btn:hover{background:#c9b97a1f;border-color:var(--color-dorado)}.copy-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:1px solid var(--color-borde);border-radius:8px;color:var(--color-texto-claro);font-size:11px;letter-spacing:.08em;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s;margin-top:8px}.copy-link-btn:hover{border-color:var(--color-acento);color:var(--color-dorado);background:#64b4c814}.copy-link-btn.copied{border-color:#64c88c;color:#64c88c}.link-row{display:flex;gap:6px;margin-bottom:6px}.link-row input{flex:1}.link-row .link-name{flex:0 0 38%}.link-remove{background:#c0392b26;border:1px solid rgba(192,57,43,.3);color:#e57373;border-radius:6px;width:32px;cursor:pointer;font-size:13px;flex-shrink:0;transition:all .3s}.link-remove:hover{background:#c0392b40}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:500;display:none;align-items:center;justify-content:center;padding:1rem}.lightbox.open{display:flex}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #0009;-webkit-user-select:none;user-select:none}.lightbox-close{position:fixed;top:16px;right:20px;background:#0d1b2ee6;border:1px solid var(--color-borde);color:var(--color-dorado);font-size:18px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:501}.lightbox-close:hover{background:#c9b97a26}.lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);background:#0d1b2ed9;border:1px solid var(--color-borde);color:var(--color-dorado);font-size:22px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:501;-webkit-user-select:none;user-select:none}.lightbox-arrow:hover{background:#c9b97a26}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-counter{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-family:Raleway,sans-serif;font-size:12px;font-weight:300;color:#c9b97a99;letter-spacing:.1em;z-index:501}.lightbox-dots{position:fixed;bottom:44px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:501}.lightbox-dot{width:8px;height:8px;border-radius:50%;background:#c9b97a40;border:none;cursor:pointer;padding:0;transition:all .3s}.lightbox-dot.active{background:var(--color-dorado);transform:scale(1.3)}@media(max-width:1024px){.metrics-cards{grid-template-columns:repeat(2,1fr)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.navbar{grid-template-columns:1fr;justify-items:center;gap:.6rem;padding:.8rem 1rem}.nav-spacer{display:none}.hero{margin:0 1rem 1.2rem;padding:1.2rem 1rem;border-radius:12px}.hero-inner{gap:1rem}#heroLogo{height:68px;width:68px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:1rem;padding:0 1rem 2rem}.pill-nav{padding:.4rem .6rem;gap:0}.filter-btn,.tags-dropdown-btn,.admin-link,.pill-link{padding:5px 9px}.pill-icon{width:15px;height:15px}.pill-label{font-size:8px}.divider{margin:.5rem 1rem 1.5rem}.announcement-card{flex-direction:column}.announcement-img,.announcement-img-placeholder{width:100%;height:180px}.carousel-arrow{width:28px;height:28px;font-size:12px}.carousel-arrow-left{left:6px}.carousel-arrow-right{right:6px}.notif-btn{bottom:78px;left:12px;padding:8px 14px;font-size:10px}.fab-add{bottom:78px;right:12px;width:48px;height:48px;font-size:24px}.metrics-bottom,.notif-form{grid-template-columns:1fr}.logo-panel-inner{flex-direction:column;align-items:stretch;text-align:center}.logo-actions{min-width:unset}.modal-box{padding:1.5rem}.detail-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.lightbox-arrow{width:36px;height:36px;font-size:18px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.metrics-cards{grid-template-columns:repeat(2,1fr);gap:8px}.metric-value{font-size:24px}.monthly-row{grid-template-columns:1fr;gap:4px;text-align:center;padding:10px 0}.monthly-stat{justify-content:center}}@media(max-width:480px){.hero-title{font-size:1.6rem}.hero{padding:1rem .8rem}.hero-inner{flex-direction:column;text-align:center;gap:.6rem}.hero-text{text-align:center}#heroLogo{height:56px;width:56px}.hero-sub{font-size:11px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.8rem}.game-title{font-size:11px}.nav-links{gap:.8rem;flex-wrap:wrap;justify-content:center}.nav-links a{font-size:11px}.ann-list-item{flex-direction:column;align-items:stretch;text-align:center}.ann-list-actions{justify-content:center}.metrics-cards{grid-template-columns:1fr 1fr;gap:6px}.metric-card{padding:12px 8px}.metric-value{font-size:20px}.metric-label{font-size:8px}}.loading-text{grid-column:1/-1;text-align:center;color:var(--color-acento-oscuro);font-size:13px;letter-spacing:.1em;padding:2rem}#tagsAdminPanel .user-list{display:none}#tagsAdminPanel .user-list.show{display:flex}.nav-search-btn{display:inline-flex;align-items:center;gap:7px;font-family:Raleway,sans-serif;font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--color-dorado);background:#c9b97a14;border:1px solid rgba(201,185,122,.3);border-radius:999px;padding:5px 14px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.nav-search-btn:hover{background:#c9b97a33;border-color:var(--color-dorado);color:#fff;box-shadow:0 0 12px #c9b97a40}.nav-search-icon{width:14px;height:14px;color:var(--color-dorado)}.floating-drawer-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#0d1b2ef0;border:1px solid var(--color-dorado);color:var(--color-dorado);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px #00000073,0 0 12px #c9b97a40;cursor:pointer;z-index:150;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.16,1,.3,1)}.floating-drawer-btn:hover{transform:scale(1.08);background:#c9b97a40;color:#fff;box-shadow:0 8px 28px #0000008c,0 0 18px #c9b97a59}.floating-drawer-btn svg{width:22px;height:22px}.search-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:300;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.search-drawer-overlay.open{opacity:1;pointer-events:auto}.search-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:90vw;background:var(--color-fondo-tarjeta);border-left:1px solid var(--color-borde);box-shadow:-8px 0 36px #0000008c;display:flex;flex-direction:column;z-index:301;transform:translate(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);will-change:transform}.search-drawer-overlay.open .search-drawer{transform:translate(0)}.search-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.4rem;border-bottom:1px solid rgba(100,180,200,.15);background:#0d1b2ef2;flex-shrink:0}.search-drawer-title-wrap{display:flex;align-items:center;gap:10px}.search-drawer-icon{width:18px;height:18px;color:var(--color-dorado)}.search-drawer-title{font-family:Cinzel,serif;font-size:15px;font-weight:600;color:var(--color-dorado);letter-spacing:.08em;text-transform:uppercase}.search-drawer-close{background:none;border:1px solid var(--color-borde);border-radius:999px;color:var(--color-texto-claro);font-size:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s}.search-drawer-close:hover{border-color:var(--color-dorado);color:var(--color-dorado);background:#c9b97a26}.search-drawer-body{flex:1 1 auto;overflow-y:auto;padding:1.4rem;display:flex;flex-direction:column;gap:1.6rem;scrollbar-width:thin;scrollbar-color:rgba(201,185,122,.3) transparent}.search-drawer-body::-webkit-scrollbar{width:5px}.search-drawer-body::-webkit-scrollbar-thumb{background:#c9b97a4d;border-radius:4px}.drawer-section{display:flex;flex-direction:column;gap:.65rem}.drawer-section-header{display:flex;align-items:center;justify-content:space-between}.drawer-section-title{font-family:Cinzel,serif;font-size:12px;font-weight:600;color:var(--color-dorado);letter-spacing:.06em;text-transform:uppercase}.drawer-section-hint{font-family:Raleway,sans-serif;font-size:11px;color:var(--color-acento-oscuro);margin:0;line-height:1.4}.drawer-search-wrap{position:relative;display:flex;align-items:center}.drawer-input-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--color-acento);pointer-events:none}.drawer-search-input{width:100%;padding:10px 36px 10px 38px;background:#0d1b2ed9;border:1px solid var(--color-borde);border-radius:10px;color:var(--color-texto-claro);font-family:Raleway,sans-serif;font-size:13px;transition:all .25s;outline:none}.drawer-search-input:focus{border-color:var(--color-dorado);box-shadow:0 0 12px #c9b97a40;background:#0d1b2ef2}.drawer-search-input::placeholder{color:#9ab8c880;font-size:12px}.drawer-clear-x{position:absolute;right:10px;background:none;border:none;color:var(--color-acento-oscuro);cursor:pointer;font-size:12px;padding:4px;transition:color .2s}.drawer-clear-x:hover{color:var(--color-dorado)}.drawer-search-stats{font-family:Raleway,sans-serif;font-size:11px;color:var(--color-acento-oscuro);padding:0 2px}.drawer-search-stats strong{color:var(--color-dorado)}.drawer-tags-actions{display:flex;align-items:center;gap:8px}.drawer-active-count{font-family:Raleway,sans-serif;font-size:10px;color:var(--color-dorado);background:#c9b97a26;border:1px solid rgba(201,185,122,.3);padding:2px 7px;border-radius:999px}.drawer-tags-clear-btn{font-family:Raleway,sans-serif;font-size:10px;color:var(--color-dorado);background:#c9b97a1a;border:1px solid rgba(201,185,122,.25);border-radius:6px;padding:2px 8px;cursor:pointer;transition:all .2s}.drawer-tags-clear-btn:hover{background:#c9b97a33;color:#fff}.drawer-tags-cloud{display:flex;flex-wrap:wrap;gap:7px;padding-top:4px;max-height:440px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(201,185,122,.25) transparent}.drawer-tags-cloud::-webkit-scrollbar{width:4px}.drawer-tags-cloud::-webkit-scrollbar-thumb{background:#c9b97a40;border-radius:4px}.drawer-tag-btn{font-family:Raleway,sans-serif;font-size:11px;font-weight:300;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid var(--color-borde);color:var(--color-texto-claro);background:#0d1b2ea6;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.drawer-tag-btn:hover{border-color:var(--color-acento);color:var(--color-dorado);background:#64b4c81f}.drawer-tag-btn.active{background:#c9b97a38;border-color:var(--color-dorado);color:var(--color-dorado);font-weight:600;box-shadow:0 0 8px #c9b97a33}.drawer-tags-empty{font-family:Raleway,sans-serif;font-size:11px;color:var(--color-acento-oscuro);font-style:italic;padding:4px 0}.search-drawer-footer{padding:1rem 1.4rem;border-top:1px solid rgba(100,180,200,.15);background:#0d1b2ef2;flex-shrink:0}.drawer-reset-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid rgba(201,185,122,.4);background:#c9b97a1f;color:var(--color-dorado);font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .25s}.drawer-reset-all-btn:hover{background:#c9b97a40;border-color:var(--color-dorado);color:#fff}