:root{--bg:#f5f7fa;--card:#fff;--text:#17212b;--muted:#66717d;--line:#dde3ea;--brand:#0f4c81;--ok:#137333;--warn:#9a6700;--bad:#b3261e}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:1120px;margin:auto;padding:0 18px}.top{background:#fff;border-bottom:1px solid var(--line);padding:16px 0}
.nav{display:flex;justify-content:space-between;gap:20px;align-items:center}.nav a{color:var(--text);text-decoration:none;margin-left:18px}
.hero{padding:54px 0 30px}.hero h1{font-size:42px;line-height:1.05;margin:0 0 14px}.hero p{font-size:19px;color:var(--muted);max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.btn{display:inline-block;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;background:var(--brand);color:white;cursor:pointer;font-weight:700}
.btn.alt{background:white;color:var(--brand);border:1px solid var(--brand)}.btn.bad{background:var(--bad)}
.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.verified{background:#e6f4ea;color:var(--ok)}.specs{background:#fff4ce;color:var(--warn)}.eval{background:#e8f0fe;color:#174ea6}.no{background:#fce8e6;color:var(--bad)}
table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
input,select,textarea{width:100%;padding:10px;border:1px solid #c8d0d9;border-radius:8px;background:white}label{display:block;font-weight:700;margin:12px 0 6px}
.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.muted{color:var(--muted)}.score{font-size:28px;font-weight:800}
.footer{margin-top:50px;padding:25px 0;background:#fff;border-top:1px solid var(--line);color:var(--muted)}
.alert{padding:12px;border-radius:8px;background:#fff4ce;margin:12px 0}.okbox{background:#e6f4ea}.danger{background:#fce8e6}
@media(max-width:700px){.hero h1{font-size:33px}.formrow{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.nav a{margin:0 14px 0 0}}


/* ===== Administración SiiS Equipamiento ===== */
.admin-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.admin-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.admin-badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#eef3f8;
  border:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.admin-menu{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.admin-menu a{
  margin:0;
  padding:8px 10px;
  border-radius:8px;
  text-decoration:none;
  color:var(--text);
}
.admin-menu a:hover{
  background:#eef3f8;
}
.admin-menu .logout-link{
  color:var(--bad);
  font-weight:700;
}
.admin-main{
  padding-top:24px;
}
.admin-session{
  margin-bottom:16px;
  color:var(--muted);
}
.admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}
.admin-actions a{
  text-decoration:none;
}
@media(max-width:900px){
  .admin-nav{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-menu{
    width:100%;
  }
}

/* ===== Recomendador SiiS 0.8.2 - ajustes visuales para formulario multicategoría ===== */
main.wrap{padding-top:22px;padding-bottom:30px}
main.wrap>h1{font-size:42px;line-height:1.08;margin:0 0 12px;color:#102239}
main.wrap>p.muted{font-size:17px;line-height:1.55;margin-top:0;margin-bottom:18px}
#siis-recommend-form{padding:24px;margin-top:14px;box-shadow:0 8px 28px rgba(15,76,129,.06)}
#siis-recommend-form h2{color:#102239;margin-top:26px;margin-bottom:12px}
#siis-recommend-form textarea{min-height:145px;resize:vertical;font-size:16px;line-height:1.5}
#siis-recommend-form input,#siis-recommend-form select,#siis-recommend-form textarea{font-size:16px}
#siis-recommend-form .muted{line-height:1.45}
#country-grid .card{box-shadow:none;background:#f9fbfd}
.top .nav>div{font-size:17px;color:var(--text)}
.top .nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.top .nav nav a{margin:0;padding:7px 9px;border-radius:7px}
.top .nav nav a:hover{background:#eef3f8;color:var(--brand)}
@media(max-width:700px){
  main.wrap{padding-top:16px}
  main.wrap>h1{font-size:34px}
  #siis-recommend-form{padding:18px}
  .top .nav nav{gap:2px}
  .top .nav nav a{padding:6px 8px}
}