html, body { overflow:hidden; }
/* static/css/styles.css - Tema base */
:root{
  --bg1:#0e1726; --glass:rgba(255,255,255,.08); --glass-b:#ffffff22;
  --stroke:rgba(255,255,255,.35); --text:#e9eef7; --muted:#b8c2d8;
  --accent:#7dd3fc; --radius:18px; --shadow:0 10px 40px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg1);
  display:flex;
  flex-direction:column;
}

/* BANNER SUPERIOR */
.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 32px;
  background:#ffffff;
  z-index:9999;
  box-shadow:0 2px 14px rgba(0,0,0,.15);
}
.logo{
  height:80px;
  width:auto;
  object-fit:contain;
  margin-right:auto;
}
.title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Montserrat, Inter, system-ui;
  font-weight: 900;
  font-size: 32px;
  letter-spacing: .5px;
  color: #000000 !important;
  -webkit-text-stroke: 0px transparent !important;
  text-shadow: none !important;
  margin: 0;
}

/* CONTENEDOR CENTRAL Y CARD */
.center{
  flex:1;
  display:flex;
  justify-content:center;
  padding:140px 20px 40px;
}

.card{
  margin-bottom:40px;
  width:100%;
  max-width:1080px;
  border-radius:24px;
  padding:0;
  background:rgba(255,255,255,0.10);
  backdrop-filter:blur(18px) brightness(1.25);
  -webkit-backdrop-filter:blur(18px) brightness(1.25);
  box-shadow:0 4px 30px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,0.18);
}

.card-content{
  padding:32px 32px 40px;
  overflow-y:auto;
  max-height:calc(100vh - 320px);
}

/* GRIDS Y FORMULARIOS */
.grid-2{display:grid; gap:12px; grid-template-columns:1fr 1fr}
@media(max-width:720px){.grid-2{grid-template-columns:1fr}}

.form-group label{margin-bottom:6px; font-size:14px; color:var(--text);}
.form-group input, .form-group select{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(0,0,0,.25);
  border:1px solid var(--glass-b);
  color:var(--text);
}

.actions{display:flex; gap:12px; justify-content:flex-end; margin-top:20px;}
.btn{border:none; padding:10px 16px; border-radius:10px; cursor:pointer}
.btn.primary{background:#3b82f6; color:white}