:root{--ink:#172b31;--muted:#6b7b7e;--bg:#f6f7f3;--line:#e2e7e1;--green:#155c51;--mint:#daf4e8;--accent:#d6f071}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(2.6rem,5vw,5.2rem);line-height:1.08;font-weight:700}h1 em{font-style:normal;color:var(--green)}h2{font-size:1.6rem}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:white}.brand{text-decoration:none;color:var(--ink);font:800 1.06rem Manrope,Arial;letter-spacing:-.05em;display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;background:var(--green);color:white;width:33px;height:33px;border-radius:10px;font-size:1.08rem}.brand-sub{font-weight:500;color:#8d9b9a}.top-user{display:flex;align-items:center;gap:20px;font-size:.82rem;color:var(--muted)}.text-button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}main{max-width:1300px;min-height:calc(100vh - 138px);margin:auto;padding:50px clamp(22px,5vw,76px)}footer{height:60px;border-top:1px solid var(--line);padding:20px clamp(22px,5vw,76px);font-size:.7rem;font-weight:700;letter-spacing:.12em;display:flex;justify-content:space-between;color:#72817e}footer span{font-weight:400;letter-spacing:0}.eyebrow,.section-index{font-size:.69rem;font-weight:800;letter-spacing:.16em;color:var(--green)}.dot{padding:0 9px;color:#a5c492}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 0 42px}.page-heading h1{margin:19px 0 18px}.page-heading p,.create p,.login-card p{color:var(--muted);line-height:1.65}.count{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:18px;background:white;padding:16px 27px;margin-bottom:8px}.count strong{font:700 2rem Manrope}.count span{font-size:.75rem;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.panel-title h2,.create h2{margin:11px 0 0}.pill{background:#e8f4ee;color:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:9px 11px;border-radius:999px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem;text-align:left}th{font-size:.67rem;text-transform:uppercase;letter-spacing:.11em;color:#93a09f;font-weight:700;padding:20px 10px 13px}td{padding:18px 10px;border-top:1px solid #eef0ed;vertical-align:top}td:first-child{max-width:250px;overflow-wrap:anywhere}td small{display:block;color:#9ca7a4;margin-top:5px}.role{display:inline-block;border-radius:7px;padding:6px 9px;background:#edf1ed;color:#4c665e;font-size:.72rem;font-weight:700}.role.owner{background:#ddf1e4;color:#155c51}.role.admin{background:#e9ecfa;color:#394c88}.create{background:#fdfefb}.create .accent{color:var(--green)}.create p{font-size:.9rem;margin:15px 0 27px}label{display:block;font-size:.8rem;font-weight:700;margin:18px 0 7px}input{font:inherit}label>input,.input-suffix{display:block;width:100%;height:47px;border:1px solid #dce5dc;border-radius:9px;background:white;margin-top:8px}label>input{padding:0 13px}.input-suffix{display:flex;align-items:center}.input-suffix input{min-width:0;flex:1;border:0;outline:0;padding-left:13px}.input-suffix span{font-weight:500;font-size:.73rem;color:#86938d;padding-right:12px;white-space:nowrap}.check{display:flex;gap:12px;align-items:start;background:#f0f6f0;border-radius:10px;padding:15px;margin:22px 0}.check input{margin:4px 0;accent-color:var(--green)}.check small{display:block;font-weight:400;color:var(--muted);margin-top:5px;line-height:1.4}.primary,.secondary{border:0;cursor:pointer;font-weight:700;border-radius:9px}.primary{background:var(--green);color:white;padding:15px 19px;display:flex;justify-content:space-between}.primary:hover{background:#0e473e}.full{width:100%}.secondary{background:#dff2e6;color:var(--green);padding:9px 12px}.footnote{margin-top:18px;color:#94a09c;font-size:.76rem}.muted{color:#aab2ac}details summary{cursor:pointer;color:var(--green);font-weight:700;font-size:.75rem}details form{min-width:185px}details label{font-size:.7rem}details input{height:38px}.notice{padding:14px 18px;margin-bottom:18px;background:#e0f3e7;border-radius:10px;color:#155c51}.notice.error{background:#fee9e7;color:#9b322d}.login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:600px;border-radius:24px;overflow:hidden;background:white;border:1px solid var(--line)}.login-card{padding:clamp(30px,5vw,74px);align-self:center}.login-card h1{font-size:clamp(2.4rem,4vw,4rem);margin:18px 0}.login-card p{max-width:350px}.login-card form{margin-top:30px;max-width:380px}.login-side{background:#155c51;position:relative;overflow:hidden;display:flex;align-items:end;padding:50px;color:#ebf7e6}.orb{position:absolute;width:360px;height:360px;background:#c7e879;border-radius:50%;top:14%;left:17%;box-shadow:0 0 0 35px #ffffff12,0 0 0 90px #ffffff0d}.orb:after{content:'@';color:#155c51;position:absolute;top:19%;left:29%;font:300 185px Manrope,Arial}.side-caption{z-index:1;font:600 1.35rem Manrope;letter-spacing:-.04em;line-height:1.4}@media(max-width:860px){.grid,.login-wrap{grid-template-columns:1fr}.login-side{display:none}.page-heading{align-items:start}.count{display:none}.top-user span{display:none}}@media(max-width:520px){.panel{padding:18px}.topbar{height:65px}main{padding-top:34px}.brand-sub{display:none}footer span{display:none}}

.field-help{display:block;color:#7c8c85;font-size:.7rem;font-weight:400;margin-top:6px;line-height:1.4}.primary:disabled{opacity:.45;cursor:not-allowed}

/* Paleta de la portada Buscass: fondo azul noche, superficies oscuras y cian. */
:root{--ink:#e8f1f7;--muted:#aebdcc;--bg:#020811;--line:rgba(65,184,255,.22);--green:#36bdff;--mint:#102d42;--accent:#52c8ff}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 70% 25%,rgba(0,153,255,.11),transparent 38%),linear-gradient(135deg,#02060c,#03101c 55%,#02070d);color:var(--ink)}
h1,h2,.brand,.count strong{font-family:inherit;letter-spacing:-.035em}
h1 em,.create .accent{color:var(--green);text-shadow:0 0 30px rgba(0,170,255,.18)}
.topbar{background:rgba(2,12,22,.82);border-color:var(--line)}
.brand{color:#fff;letter-spacing:.025em}.brand-sub{color:#aebdcc}
.logo{background:#03101c;border:2px solid #27b8ff;border-radius:50%;color:#52c8ff;box-shadow:0 0 25px rgba(0,174,255,.18)}
.top-user,.count span,.page-heading p,.create p,.login-card p{color:var(--muted)}
.text-button,.eyebrow,.section-index,details summary{color:var(--green)}
footer{border-color:var(--line);color:#aebdcc}.dot{color:#41c2ff}
.count,.panel,.login-wrap{background:linear-gradient(145deg,rgba(7,25,40,.88),rgba(3,12,21,.86));border-color:var(--line);box-shadow:0 12px 40px rgba(0,0,0,.15)}
.create{background:linear-gradient(145deg,rgba(8,28,44,.94),rgba(3,12,21,.92))}
.panel-title,td{border-color:var(--line)}
th,td small,.footnote,.field-help,.muted{color:#aab8c4}
.pill,.role,.role.owner,.role.admin{background:#102d42;color:#bdeaff}
.role.admin{background:#1c2a51;color:#d0ddff}.role.owner{background:#0c3b52;color:#bcecff}
label{color:#e8f1f7}
label>input,.input-suffix{background:#061522;border-color:rgba(65,184,255,.28);color:#fff}
.input-suffix input{background:transparent;color:#fff}
input::placeholder{color:#8da5b5;opacity:1}.input-suffix span{color:#aebdcc}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #52c8ff;outline-offset:3px}
.check{background:#0a2233;border:1px solid var(--line)}.check input{accent-color:#36bdff}.check small{color:#aebdcc}
.primary{background:#27b8ff;color:#03101c}.primary:hover{background:#64d0ff}
.secondary{background:#123c56;color:#d8f2ff}.secondary:hover{background:#185474}
.notice{background:#0d4051;border:1px solid rgba(65,184,255,.35);color:#d7f5ff}
.notice.error{background:#441d2b;border-color:#b25769;color:#ffe0e5}
.login-side{background:radial-gradient(circle at 70% 30%,rgba(0,153,255,.25),transparent 52%),#03101c;color:#e8f1f7}
.orb{background:#05283c;border:2px solid #27b8ff;box-shadow:0 0 45px rgba(0,174,255,.23),0 0 0 35px #ffffff08,0 0 0 90px #ffffff04}
.orb:after{color:#52c8ff}

/* Fondo binario Buscass */
#binaryCanvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;
}

.buscass-home{
  color:inherit;
  text-decoration:none;
}

.buscass-home:hover{
  color:var(--accent);
}