html{background:#080909 url('/images/hc.png') center center/cover fixed no-repeat}
body{background:linear-gradient(rgba(5,7,7,.34),rgba(5,7,7,.5)),url('/images/hc.png') center center/cover fixed no-repeat!important}
.topbar,.admin-topbar,body>header{background-color:rgba(3,5,5,.68)!important;background-image:linear-gradient(90deg,rgba(0,0,0,.76),rgba(8,10,10,.53),rgba(0,0,0,.76))!important;backdrop-filter:blur(3px)}
.admin-sidebar{background-color:rgba(2,4,4,.7)!important;background-image:linear-gradient(180deg,rgba(8,10,10,.68),rgba(0,0,0,.74))!important;background-attachment:scroll!important;backdrop-filter:blur(3px)}
.hero{background-color:rgba(4,6,6,.52)!important;background-image:linear-gradient(115deg,rgba(0,0,0,.65) 10%,rgba(10,12,12,.4) 58%,rgba(0,0,0,.6))!important;background-attachment:scroll!important;backdrop-filter:blur(1px)}
.pillar-card,.leader-card,.news-card,.login-panel,.membership-panel,.membership-card,.schedule-row,.social-grid>a,.logged-summary,.section-card,.profile-card,.mission-card,.tool-card,.exchange-history,.store-card,.ticket-card,.scanner-card,.rank-group,.rank-table,.donate,.org-node,.member-card,.general,.level-editor,.node-editor,.members-editor,.metric-grid article,.module-view,.admin-table-wrap,.config-board,.system-config-grid>section,.activity-card,.management-dialog .dialog-shell,.purchase-dialog form,.ticket-dialog form,.scanner-dialog form{background:rgba(5,7,7,.66)!important;background-image:none!important;opacity:1!important;backdrop-filter:blur(2px)!important}
.rank-row,.editor-row,.admin-table td,.module-notice,.node-controls,.member-editor{background-color:rgba(3,5,5,.58)!important;opacity:1!important}
.news-body,.membership-info,.leader-card>div:last-child,.member-info{background:rgba(5,7,7,.62)!important}
.sidebar section,.expediente-panel,.profile-summary,.bunker-tools,.store-section,.tickets-section{background-color:rgba(4,6,6,.62)!important;opacity:1!important;backdrop-filter:blur(2px)!important}
.classified-entry,.section-block,.record-hero,.record-panel,.org-chart,.catalog,.admin-welcome,.source-status,.tab-panel,.summary-grid>article,.metrics>article,.issues>article,.table-wrap{background-color:rgba(3,5,5,.56)!important;background-image:none!important;backdrop-filter:blur(1px)!important}
.classified-entry,.section-block,.record-hero,.record-panel,.org-chart,.catalog,.admin-welcome,.source-status,.tab-panel{border-color:rgba(255,255,255,.11)!important}
@media(max-width:700px){body{background-attachment:scroll!important}}

/* Capa cinética institucional */
body{position:relative;isolation:isolate}
body:after{content:"";position:fixed;z-index:99999;inset:0;pointer-events:none;background:#070909 url('/images/logoinicio-transparent.png') center/92px auto no-repeat;animation:gfs-page-curtain .9s cubic-bezier(.7,0,.2,1) both}
body>header,.topbar,.admin-topbar{animation:gfs-header-in .7s ease-out both}
main>section,.page-shell>section,.admin-content>section,.module-view{animation:gfs-rise .65s ease-out both}
main>section:nth-child(2),.admin-content>section:nth-child(2){animation-delay:.08s}
main>section:nth-child(3),.admin-content>section:nth-child(3){animation-delay:.14s}
main>section:nth-child(4),.admin-content>section:nth-child(4){animation-delay:.2s}

.login-panel,.profile-card,.general,.command-card{position:relative;overflow:hidden;isolation:isolate}
.login-panel>*,.profile-card>*,.general>*,.command-card>*{position:relative;z-index:1}
.login-panel:before,.profile-card:before,.general:before,.command-card:before{content:"";position:absolute;z-index:0;width:270px;height:270px;right:-145px;top:-150px;border:1px solid rgba(225,6,19,.28);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 31px,rgba(225,6,19,.075) 32px 33px);animation:gfs-orbit 18s linear infinite;pointer-events:none}
.login-panel:after,.profile-card:after,.general:after,.command-card:after{content:"";position:absolute;z-index:0;width:170px;height:1px;right:-12px;top:42px;transform-origin:right center;background:linear-gradient(90deg,transparent,rgba(229,181,57,.5));animation:gfs-radar 8s linear infinite;pointer-events:none}

.pillar-card,.leader-card,.news-card,.membership-card,.schedule-row,.social-grid>a,.mission-card,.tool-card,.store-card,.ticket-card,.scanner-card,.rank-group,.org-node,.member-card,.activity-card,.metric-grid article{position:relative;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,filter .28s ease!important;will-change:transform}
.pillar-card:hover,.leader-card:hover,.news-card:hover,.membership-card:hover,.schedule-row:hover,.social-grid>a:hover,.mission-card:hover,.tool-card:hover,.store-card:hover,.ticket-card:hover,.scanner-card:hover,.rank-group:hover,.org-node:hover,.member-card:hover,.activity-card:hover,.metric-grid article:hover{transform:translateY(-5px);border-color:rgba(225,6,19,.58)!important;box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(225,6,19,.08)!important}
.pillar-card:after,.leader-card:after,.news-card:after,.membership-card:after,.tool-card:after,.store-card:after,.org-node:after,.member-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.055) 45%,transparent 62%);transform:translateX(-120%);transition:transform .7s ease}
.pillar-card:hover:after,.leader-card:hover:after,.news-card:hover:after,.membership-card:hover:after,.tool-card:hover:after,.store-card:hover:after,.org-node:hover:after,.member-card:hover:after{transform:translateX(120%)}

button,.btn,a[class*="btn"],.store-buy{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,filter .25s ease!important}
button:hover,.btn:hover,a[class*="btn"]:hover,.store-buy:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 9px 24px rgba(225,6,19,.2)}
button:active,.btn:active,a[class*="btn"]:active,.store-buy:active{transform:translateY(0) scale(.98)}
nav a,.nav-links a,.menu-navegacion a{position:relative;transition:color .22s ease,transform .22s ease!important}
nav a:after,.nav-links a:after,.menu-navegacion a:after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:2px;background:linear-gradient(90deg,#e10613,#e5b539);transition:left .25s ease,right .25s ease}
nav a:hover:after,.nav-links a:hover:after,.menu-navegacion a:hover:after{left:8%;right:8%}
nav a:hover,.nav-links a:hover,.menu-navegacion a:hover{transform:translateY(-1px)}
input,select,textarea{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important}
input:focus,select:focus,textarea:focus{border-color:#d9aa32!important;box-shadow:0 0 0 3px rgba(217,170,50,.11),0 0 22px rgba(217,170,50,.06)!important;outline:none}
dialog[open]{animation:gfs-dialog-in .28s cubic-bezier(.2,.8,.2,1) both}
dialog::backdrop{animation:gfs-backdrop .25s ease both}
.brand img,.brand-logo{transition:transform .35s ease,filter .35s ease!important}
.brand:hover img,.brand-logo:hover{transform:scale(1.06) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(225,6,19,.32))}

@keyframes gfs-page-curtain{0%{opacity:1;transform:scale(1)}60%{opacity:1}100%{opacity:0;visibility:hidden;transform:scale(1.025)}}
@keyframes gfs-header-in{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes gfs-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes gfs-orbit{to{transform:rotate(360deg)}}
@keyframes gfs-radar{to{transform:rotate(360deg)}}
@keyframes gfs-dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes gfs-backdrop{from{background:transparent;backdrop-filter:blur(0)}to{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}}

@media(max-width:700px){.pillar-card:hover,.leader-card:hover,.news-card:hover,.membership-card:hover,.schedule-row:hover,.social-grid>a:hover,.mission-card:hover,.tool-card:hover,.store-card:hover,.ticket-card:hover,.scanner-card:hover,.rank-group:hover,.org-node:hover,.member-card:hover,.activity-card:hover,.metric-grid article:hover{transform:translateY(-2px)}.login-panel:before,.profile-card:before,.general:before,.command-card:before{opacity:.55}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body:after{display:none!important}}
