:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f4ff;background:#0b0718}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#35205f 0,transparent 34%),radial-gradient(circle at 90% 10%,#17285a 0,transparent 28%),#0b0718}.shell{width:min(1120px,92vw);margin:auto;padding:64px 0 90px}.hero{text-align:center;padding:52px 20px;position:relative;isolation:isolate}.brand-logo{width:min(245px,62vw);height:auto;display:block;margin:0 auto 28px}.eyebrow{display:inline-block;margin:0 0 12px;padding:8px 12px;border:1px solid #ffffff2b;border-radius:999px;color:#cbb7ff;font-size:.78rem}h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:.98;max-width:950px;margin:10px auto 20px}h1 span{background:linear-gradient(90deg,#cba9ff,#7a79ff);-webkit-background-clip:text;background-clip:text;color:transparent}p{color:#c7c1d7;line-height:1.65}form{display:flex;gap:10px;max-width:760px;margin:32px auto 0;padding:8px;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:18px;backdrop-filter:blur(12px)}input{flex:1;min-width:0;background:transparent;border:0;color:white;padding:15px 16px;font-size:1rem;outline:0}button{border:0;border-radius:12px;padding:14px 22px;background:white;color:#150b2d;font-weight:800;cursor:pointer}.status{min-height:28px;margin-top:14px;color:#cbb7ff}.security-note{font-size:.76rem;color:#8f88a3;margin-top:12px}.turnstile-wrap{display:flex;justify-content:center;margin-top:16px}.ambient{position:absolute;inset:0 0 auto;height:650px;overflow:hidden;pointer-events:none}.ambient i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.5;box-shadow:0 0 12px #fff;animation:drift 10s ease-in-out infinite alternate}.ambient i:nth-child(1){left:8%;top:18%;animation-delay:-1s}.ambient i:nth-child(2){left:19%;top:45%;animation-delay:-5s}.ambient i:nth-child(3){left:34%;top:12%;animation-delay:-3s}.ambient i:nth-child(4){left:48%;top:35%;animation-delay:-7s}.ambient i:nth-child(5){left:64%;top:16%;animation-delay:-2s}.ambient i:nth-child(6){left:76%;top:43%;animation-delay:-8s}.ambient i:nth-child(7){left:88%;top:22%;animation-delay:-4s}.ambient i:nth-child(8){left:94%;top:55%;animation-delay:-6s}@keyframes drift{to{transform:translate3d(0,24px,0);opacity:.15}}@media(prefers-reduced-motion:reduce){.ambient i{animation:none}}
.results{display:grid;gap:18px}.hidden{display:none!important}.score-card,.panel,.grid>div{background:#ffffff0c;border:1px solid #ffffff17;border-radius:22px;padding:24px}.score-card{display:flex;justify-content:space-between;align-items:end;gap:20px}.score-card strong{font-size:4.2rem;line-height:1}.score-card .label{display:block;color:#bba4f2;font-size:.72rem;letter-spacing:.12em}.score-card .meta{text-align:right}.score-card small,.panel-head span,.history small{display:block;color:#918aa5}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric strong{display:block;font-size:2rem;margin-top:10px}.metric span{color:#bdb6cf}.panel h2{margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.checks{display:grid;gap:10px}.check{display:grid;grid-template-columns:24px 160px 1fr;gap:12px;padding:12px;border-radius:12px;background:#ffffff08}.ok{color:#8ee7bc}.warning{color:#ffd786}.error{color:#ff9696}.shots{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}.shots figure{margin:0;background:#05040b;border-radius:16px;overflow:hidden;border:1px solid #ffffff16}.shots img{width:100%;display:block;max-height:620px;object-fit:cover;object-position:top}.shots figcaption{padding:10px 12px;color:#aaa2bc;font-size:.85rem}.history{display:grid;gap:10px}.history-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px;border-radius:12px;background:#ffffff08}.history-row strong{display:block;overflow-wrap:anywhere}.history-row b{font-size:1.25rem;white-space:nowrap}.audit-state{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;border-radius:14px;border:1px solid}.audit-state.complete{background:#3fba7a16;border-color:#71dca344}.audit-state.partial{background:#ffbd8214;border-color:#ffbd8248}.audit-state span{color:#aaa2bc}.priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.priority{padding:16px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12}.priority strong{display:block;font-size:1.8rem}.priority span{color:#bdb6cf;font-size:.85rem}.priority.critical strong,.finding.critical .badge{color:#ff9696}.priority.high strong,.finding.high .badge{color:#ffbd82}.priority.medium strong,.finding.medium .badge{color:#ffd786}.priority.good strong,.finding.good .badge{color:#8ee7bc}.findings{display:grid;gap:10px}.finding{display:grid;grid-template-columns:82px 180px 1fr;gap:12px;align-items:start;padding:13px;border-radius:12px;background:#ffffff08}.finding .badge{font-weight:800;font-size:.78rem;text-transform:uppercase}.finding small{display:block;color:#918aa5;margin-top:4px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-panel>div+div{border-left:1px solid #ffffff12;padding-left:24px}.score-card em{display:block;margin-top:8px;color:#cbb7ff;font-style:normal;font-weight:700}.secondary{margin-top:12px;background:#ffffff12;color:#fff;border:1px solid #ffffff25;padding:10px 14px}.lead{font-size:1.08rem;max-width:900px}.executive-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}.executive h3{margin:0 0 12px}.brief-list{display:grid;gap:10px}.brief{padding:13px 14px;border-radius:12px;background:#ffffff08;border-left:3px solid #8ee7bc}.brief.issue{border-left-color:#ffbd82}.brief strong{display:block}.brief small{display:block;color:#a9a2b9;margin-top:5px}.action-plan{display:grid;gap:10px}.action{display:grid;grid-template-columns:42px 1fr 110px;gap:14px;align-items:start;padding:15px;border-radius:14px;background:#ffffff08}.action .num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff12;font-weight:800}.action small{display:block;color:#9f98af;margin-top:5px}.action .sev{text-align:right;font-size:.76rem;text-transform:uppercase;font-weight:800}.action.critical .sev{color:#ff9696}.action.high .sev{color:#ffbd82}.action.medium .sev{color:#ffd786}.lead.compact{max-width:900px}.compare-controls{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:center;margin:18px 0}.compare-controls select{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#121326;color:inherit}.compare-summary{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.compare-table{display:grid;gap:7px}.compare-row{display:grid;grid-template-columns:minmax(170px,1fr) 65px 25px 65px 65px;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035)}.compare-row b,.compare-row em{text-align:right}.compare-row em{font-style:normal;font-weight:800}.compare-row .up{color:#7ee2a8}.compare-row .down{color:#ff8b8b}.compare-row .same{opacity:.6}
@media(max-width:780px){.shell{padding-top:20px}.hero{padding:38px 4px}form{flex-direction:column}.grid{grid-template-columns:repeat(2,1fr)}.score-card{align-items:start;flex-direction:column}.score-card .meta{text-align:left}.check{grid-template-columns:24px 1fr}.check .detail{grid-column:2}.grid>div{padding:18px}.shots{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.history-row{align-items:flex-start}.priority-grid{grid-template-columns:repeat(2,1fr)}.finding{grid-template-columns:74px 1fr}.finding .detail{grid-column:2}.split-panel{grid-template-columns:1fr}.split-panel>div+div{border-left:0;border-top:1px solid #ffffff12;padding-left:0;padding-top:24px}.executive-cols{grid-template-columns:1fr}.action{grid-template-columns:38px 1fr}.action .sev{grid-column:2;text-align:left}.audit-state{flex-direction:column}.compare-controls{grid-template-columns:1fr}.compare-controls>span{display:none}.compare-row{grid-template-columns:1fr 48px 18px 48px 48px;font-size:12px}}

/* Estado de análisis */
.analysis-progress{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(8px);
  box-shadow:0 14px 40px rgba(0,0,0,.18);
}

.analysis-head{
  display:flex;
  align-items:center;
  gap:12px;
}

.analysis-head strong{
  display:block;
  font-size:16px;
  color:#fff;
}

.analysis-head small{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.68);
}

.analysis-star{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#c9a7ff;
  font-size:19px;
  animation:starlightPulse 1.4s ease-in-out infinite;
}

.analysis-bar{
  position:relative;
  overflow:hidden;
  height:7px;
  margin:16px 0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.analysis-bar span{
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,
    rgba(174,121,255,.25),
    rgba(202,166,255,.95),
    rgba(255,255,255,.8)
  );
  animation:analysisSweep 1.8s ease-in-out infinite;
}

.analysis-progress p{
  margin:0 0 4px;
  color:rgba(255,255,255,.88);
}

.analysis-progress > small{
  color:rgba(255,255,255,.55);
}

@keyframes analysisSweep{
  0%{left:-40%}
  100%{left:110%}
}

@keyframes starlightPulse{
  0%,100%{
    transform:scale(1);
    opacity:.75;
  }
  50%{
    transform:scale(1.12);
    opacity:1;
  }
}