/* danilopez25.es — Terminal / consola easter egg */
.term-page{
  position:relative;
  width:100vw;
  min-height:100vh;
  margin-left:calc(-50vw + 50%);
  padding:96px 16px 80px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
.term-overlay{
  position:absolute; inset:0;
  background:radial-gradient(circle at 50% 30%,rgba(123,92,255,.14),rgba(4,3,10,.82) 70%);
}

.term-window{
  position:relative; z-index:2;
  width:min(760px,96vw);
  height:min(70vh,560px);
  display:flex; flex-direction:column;
  border-radius:14px;
  overflow:hidden;
  background:rgba(10,9,18,.92);
  border:1px solid rgba(181,108,255,.28);
  box-shadow:0 30px 90px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.term-bar{
  display:flex; align-items:center; gap:8px;
  padding:10px 14px;
  background:rgba(0,0,0,.4);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.term-dot{ width:11px; height:11px; border-radius:50%; display:inline-block; }
.term-dot.r{ background:#ff5f57; } .term-dot.y{ background:#febc2e; } .term-dot.g{ background:#28c840; }
.term-titlebar{
  margin-left:8px; color:rgba(255,255,255,.4);
  font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.term-body{
  flex:1; overflow-y:auto;
  padding:16px;
  font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:rgba(255,255,255,.9);
}
.term-body::-webkit-scrollbar{ width:9px; }
.term-body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.2); border-radius:9px; }

.term-line{ white-space:pre-wrap; word-break:break-word; }
.term-line .cmd-echo{ color:#fff; }
.term-body a{ color:#b56cff; text-decoration:none; }
.term-body a:hover{ text-decoration:underline; }
.term-muted{ color:rgba(255,255,255,.5); }
.term-accent{ color:#b56cff; }
.term-ok{ color:#28c840; }

.term-inputline{
  display:flex; align-items:center; gap:8px;
  padding:10px 16px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.25);
}
.term-prompt{
  color:#7b5cff; font:700 13.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:nowrap;
}
.term-input{
  flex:1; min-width:0;
  background:transparent; border:0; outline:0;
  color:#fff;
  font:13.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  caret-color:#b56cff;
}

@media (max-width:575px){
  .term-window{ height:74vh; }
  .term-prompt{ font-size:11.5px; }
  .term-input,.term-body{ font-size:12.5px; }
}