/* García Cando Arquitectos · V77 · identidad unificada de acceso y portales */
body{--gc77-metal:#d8dddf;--gc77-glass:rgba(12,15,16,.72);--gc77-line:rgba(255,255,255,.10)}
.top{background:rgba(8,10,11,.78)!important;backdrop-filter:blur(24px) saturate(120%)!important;border-bottom:1px solid var(--gc77-line)!important}
.stage{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.05),transparent 28%),radial-gradient(circle at 80% 78%,rgba(183,138,85,.07),transparent 25%)!important}
.auth-layout{width:min(1180px,94vw)!important;margin:auto!important;align-items:center!important}
.intro{padding:clamp(18px,4vw,46px)!important}
.intro h1{font-size:clamp(62px,9vw,126px)!important;line-height:.78!important;letter-spacing:-.065em!important;font-weight:300!important;margin:18px 0!important}
.intro h1 span{display:block!important;font-size:.29em!important;letter-spacing:.12em!important;margin-top:.7em!important;color:#cdd3d5!important}
.gc77-auth-line{width:min(280px,60%);height:1px;background:linear-gradient(90deg,#dce1e3,transparent);margin:23px 0}
.glass{border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(28,31,32,.76),rgba(8,10,11,.84))!important;box-shadow:0 32px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;border-radius:28px!important}
.glass input,.glass select,.glass textarea{background:#131718!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
.primary{background:linear-gradient(135deg,#edf0f1,#aab2b6)!important;color:#111516!important;border-color:transparent!important}
.portal.active{background:radial-gradient(circle at 85% 0%,rgba(255,255,255,.035),transparent 30%),#090b0c!important}
.sidebar{background:rgba(7,9,10,.92)!important;border-right:1px solid var(--gc77-line)!important}
.userbox,.card{border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.sidenav button.active{background:linear-gradient(90deg,rgba(215,221,223,.15),rgba(215,221,223,.025))!important;border-color:rgba(215,221,223,.16)!important}
.head h2{font-weight:300!important}
.card p,.head p,.row small,.muted-note{text-align:justify;text-justify:inter-word}
@media(max-width:760px){.intro h1{font-size:clamp(58px,18vw,88px)!important}.auth-layout{width:calc(100vw - 22px)!important}}


.stage{position:relative!important;overflow:hidden!important}
.gc-space-architecture{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  display:grid;grid-template-columns:1.15fr .75fr .55fr;gap:12px;
  padding:7vh 5vw;opacity:.16;filter:grayscale(1) contrast(1.05);
  transform:scale(1.03);
}
.gc-space-architecture figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);min-height:58vh}
.gc-space-architecture figure:nth-child(2){transform:translateY(7vh)}
.gc-space-architecture figure:nth-child(3){transform:translateY(15vh)}
.gc-space-architecture img{width:100%;height:100%;object-fit:cover;display:block}
.auth-layout{position:relative!important;z-index:2!important}
@media(max-width:760px){
 .gc-space-architecture{grid-template-columns:1fr;padding:70px 12px 20px;opacity:.10}
 .gc-space-architecture figure{display:none}
 .gc-space-architecture figure:first-child{display:block;min-height:78vh}
}