:root{
  --bg:#050913;
  --bg2:#091426;
  --panel:#0d1c33;
  --panel2:#102746;
  --line:#284c73;
  --txt:#f5fbff;
  --muted:#9fb5cf;
  --cyan:#46d8ff;
  --violet:#a77cff;
  --green:#56f39a;
  --red:#ff5f78;
  --gold:#ffd166;
  --orange:#ff9f43;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--txt);background:radial-gradient(circle at 20% 0%,#12305c 0,transparent 28%),radial-gradient(circle at 80% 10%,#28154c 0,transparent 22%),linear-gradient(180deg,var(--bg2),var(--bg));}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;}
a{color:inherit}
button,input,select,textarea{font:inherit}
.iq-topbar{position:sticky;top:0;z-index:1000;background:rgba(5,11,22,.80);backdrop-filter:blur(18px);border-bottom:1px solid rgba(120,180,255,.14)}
.iq-topbar-inner{max-width:1280px;margin:0 auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.iq-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:950;letter-spacing:.2px;white-space:nowrap}.iq-brand-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 24px rgba(70,216,255,.22)}
.iq-nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.iq-nav a,.iq-nav span{font-size:13px;font-weight:850;color:#d8eaff;text-decoration:none;padding:9px 10px;border-radius:999px;border:1px solid transparent}.iq-nav a:hover{border-color:rgba(70,216,255,.28);background:rgba(70,216,255,.07)}
.iq-hero,.iq-section,.iq-wrap{max-width:1280px;margin:0 auto;padding:26px 18px}.iq-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:18px;align-items:stretch;min-height:calc(100vh - 78px)}
.iq-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(70,216,255,.10);border:1px solid rgba(70,216,255,.22);color:#bff3ff;font-size:13px;font-weight:950;margin-bottom:14px}.iq-title{font-size:clamp(42px,6vw,82px);line-height:.96;margin:0 0 14px;letter-spacing:-.055em}.iq-title span{background:linear-gradient(90deg,#fff,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.iq-lead{max-width:780px;color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 16px}
.iq-card,.iq-module,.iq-step{position:relative;background:linear-gradient(180deg,rgba(15,34,60,.94),rgba(6,16,30,.96));border:1px solid rgba(120,180,255,.17);border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.30);overflow:hidden}.iq-card{padding:22px}.iq-card:after,.iq-module:after{content:"";position:absolute;right:-44px;top:-56px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,rgba(70,216,255,.16),transparent 66%);pointer-events:none}.iq-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.iq-card-title h2{margin:0;font-size:22px}.iq-chip,.iq-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.4px}.iq-chip{background:rgba(86,243,154,.10);border:1px solid rgba(86,243,154,.24);color:#baffd7}.iq-status{background:rgba(167,124,255,.12);border:1px solid rgba(167,124,255,.22);color:#dfd1ff}
.iq-actions,.iq-links-grid,.iq-grid-2{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.iq-links-grid,.iq-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.iq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;padding:12px 15px;font-weight:950;text-decoration:none;color:#eaf8ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);cursor:pointer;transition:.18s}.iq-btn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:rgba(70,216,255,.34)}.iq-btn.primary{background:linear-gradient(135deg,#2368ff,#7647e9);border-color:rgba(255,255,255,.10);color:#fff}.iq-btn.special{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.iq-btn.disabled{opacity:.48;pointer-events:none;filter:grayscale(.7)}
.iq-form{display:grid;gap:12px}.iq-field label{display:block;color:#bfd3eb;font-size:13px;font-weight:850;margin-bottom:6px}.iq-field input,.iq-field select,.iq-field textarea{width:100%;border:1px solid #31577d;background:#071526;color:#fff;border-radius:13px;padding:12px 13px;outline:none}.iq-field input:focus,.iq-field select:focus,.iq-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(70,216,255,.16)}.iq-note{margin-top:14px;padding:12px 13px;border-radius:15px;background:rgba(70,216,255,.07);border:1px solid rgba(70,216,255,.14);color:#bad0e8;font-size:13px;line-height:1.45}
.iq-profile{display:flex;align-items:center;gap:14px}.iq-avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,rgba(70,216,255,.18),rgba(167,124,255,.18));border:1px solid rgba(255,255,255,.12)}.iq-profile h2{margin:0 0 5px}.iq-profile p{margin:0;color:var(--muted);line-height:1.45}.iq-badge{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(255,209,102,.10);border:1px solid rgba(255,209,102,.22);color:#ffe6a6;font-size:12px;font-weight:900}
.iq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.iq-stat{background:#071526;border:1px solid #1c4166;border-radius:16px;padding:13px 10px;text-align:center}.iq-stat b{display:block;font-size:25px}.iq-stat span{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:800}.iq-progress{margin-top:15px}.iq-progress-top{display:flex;justify-content:space-between;gap:10px;color:#c9dced;font-size:12px;font-weight:900;margin-bottom:7px}.iq-progress-bar{height:10px;background:#09182a;border:1px solid #213e5c;border-radius:999px;overflow:hidden}.iq-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:999px;transition:width .35s ease}.iq-mini-progress{margin-top:13px}
.iq-section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:14px}.iq-section-head h2{margin:0;font-size:30px}.iq-section-head p{margin:5px 0 0;color:var(--muted)}.iq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.iq-module{padding:18px;display:flex;flex-direction:column;justify-content:space-between;min-height:290px}.iq-campaign-num{color:#8be9ff;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.iq-module-icon{font-size:48px;line-height:1;margin:4px 0 10px}.iq-module h3{margin:9px 0 8px;font-size:22px}.iq-module p{margin:0;color:var(--muted);line-height:1.5}.iq-campaign-meta{margin-top:12px;color:#dbefff;font-size:13px;font-weight:850}.iq-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.iq-step{padding:16px;color:#cfe4f7;line-height:1.45}.iq-step b{color:#fff}.iq-footer{max-width:1280px;margin:18px auto 0;padding:25px 18px 32px;text-align:center;border-top:1px solid rgba(120,180,255,.16);color:#9fb5cf;line-height:1.55;font-size:13px}
.iq-table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(120,180,255,.13)}.iq-table{width:100%;border-collapse:collapse;min-width:720px}.iq-table th,.iq-table td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(120,180,255,.11);font-size:13px}.iq-table th{color:#bfeeff;background:rgba(70,216,255,.07);font-weight:950}.iq-table tr:last-child td{border-bottom:0}.iq-loading{color:var(--muted);font-weight:850;padding:14px}.iq-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.iq-pill.good{background:rgba(86,243,154,.12);border-color:rgba(86,243,154,.22);color:#baffd7}.iq-pill.warn{background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.22);color:#ffe6a6}.iq-pill.bad{background:rgba(255,95,120,.12);border-color:rgba(255,95,120,.22);color:#ffd5dd}
@media(max-width:980px){.iq-hero{grid-template-columns:1fr;min-height:auto}.iq-grid{grid-template-columns:1fr 1fr}.iq-roadmap{grid-template-columns:1fr 1fr}.iq-topbar-inner{align-items:flex-start;flex-direction:column}.iq-nav{justify-content:flex-start}.iq-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.iq-grid,.iq-roadmap,.iq-links-grid,.iq-grid-2{grid-template-columns:1fr}.iq-title{font-size:42px}.iq-card{padding:18px}.iq-section,.iq-hero,.iq-wrap{padding:18px 12px}.iq-profile{align-items:flex-start}.iq-avatar{width:60px;height:60px;border-radius:18px;font-size:32px}}

/* =========================================================
   V37.1 · Portada con vida
   Corrige la portada vacía: el panel de login ya no se estira
   hasta abajo y aparecen campañas rápidas en la portada.
========================================================= */

.iq-hero{
  min-height:auto !important;
  align-items:start !important;
  padding-top:28px !important;
  padding-bottom:18px !important;
}

.iq-hero > .iq-card{
  align-self:start !important;
}

.iq-hero-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
  max-width:780px;
}

.iq-mini-campaign{
  position:relative;
  overflow:hidden;
  min-height:126px;
  padding:16px;
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(70,216,255,.17),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid rgba(120,180,255,.18);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}

.iq-mini-campaign.active{
  border-color:rgba(86,243,154,.34);
}

.iq-mini-campaign.locked{
  opacity:.72;
  filter:saturate(.85);
}

.iq-mini-campaign strong{
  display:block;
  font-size:15px;
  color:#ffffff;
  margin-bottom:8px;
}

.iq-mini-campaign span{
  display:block;
  min-height:38px;
  color:#b9d8f5;
  font-weight:850;
  line-height:1.25;
}

.iq-mini-campaign a,
.iq-mini-campaign small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin-top:12px;
  padding:8px 12px;
  border-radius:999px;
  text-decoration:none;
  color:#071526;
  background:linear-gradient(135deg,var(--cyan),var(--green));
  font-weight:950;
  font-size:13px;
}

.iq-mini-campaign small{
  color:#d6e8ff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}

.iq-section{
  padding-top:18px !important;
}

#acceso.iq-card{
  min-height:0 !important;
}

@media(max-width:980px){
  .iq-hero-preview{
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .iq-hero{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   V37.2 · Portada profesional reorganizada
   - Usa mejor el espacio vacío.
   - Agrega ruta de aprendizaje dentro de la primera vista.
   - Mantiene login limpio y compacto.
   - No toca Campaña 1, Campaña 2, OMEGA ni base de datos.
========================================================= */

.iq-hero{
  min-height:auto !important;
  align-items:start !important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr) !important;
  gap:22px !important;
  padding-top:28px !important;
  padding-bottom:20px !important;
}

.iq-hero > .iq-card,
.iq-login-panel{
  align-self:start !important;
  min-height:0 !important;
}

.iq-login-panel{
  max-width:520px;
  width:100%;
  margin-left:auto;
}

.iq-command-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);
  gap:14px;
  margin-top:26px;
  max-width:900px;
}

.iq-mission-card,
.iq-side-mission{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(120,180,255,.18);
  background:
    radial-gradient(circle at 100% 0%,rgba(70,216,255,.18),transparent 38%),
    linear-gradient(180deg,rgba(15,34,60,.86),rgba(6,16,30,.90));
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}

.iq-mission-card{
  padding:18px;
}

.iq-mission-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}

.iq-mission-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(70,216,255,.10);
  border:1px solid rgba(70,216,255,.22);
  color:#c4f3ff;
  font-size:12px;
  font-weight:950;
}

.iq-mission-head strong{
  color:#fff;
  font-size:14px;
  letter-spacing:.2px;
}

.iq-roadmap{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.iq-road-step{
  position:relative;
  min-height:142px;
  padding:14px;
  border-radius:22px;
  text-decoration:none;
  color:#eaf8ff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  transition:.18s ease;
}

.iq-road-step:hover{
  transform:translateY(-2px);
  border-color:rgba(70,216,255,.38);
  filter:brightness(1.08);
}

.iq-road-step.active{
  background:
    radial-gradient(circle at 100% 0%,rgba(86,243,154,.20),transparent 45%),
    rgba(255,255,255,.07);
  border-color:rgba(86,243,154,.30);
}

.iq-road-step.locked{
  opacity:.72;
  filter:saturate(.8);
}

.iq-road-step b{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--cyan),var(--violet));
  color:#06111f;
  font-size:18px;
  font-weight:950;
  margin-bottom:12px;
  box-shadow:0 0 18px rgba(70,216,255,.20);
}

.iq-road-step.active b{
  background:linear-gradient(135deg,var(--green),var(--cyan));
}

.iq-road-step.locked b{
  background:rgba(255,255,255,.10);
  color:#dbeafe;
}

.iq-road-step span{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:950;
  line-height:1.18;
  min-height:38px;
}

.iq-road-step small{
  display:block;
  margin-top:8px;
  color:#a9c5df;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}

.iq-side-mission{
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:182px;
}

.iq-side-icon{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(255,209,102,.13);
  border:1px solid rgba(255,209,102,.24);
  font-size:22px;
  margin-bottom:10px;
}

.iq-side-mission h3{
  margin:0 0 7px;
  font-size:20px;
}

.iq-side-mission p{
  margin:0;
  color:#a9c5df;
  font-size:13px;
  line-height:1.45;
  font-weight:750;
}

.iq-side-mission a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:14px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  color:#071526;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  font-weight:950;
}

.iq-section{
  padding-top:18px !important;
}

@media(max-width:1120px){
  .iq-hero{
    grid-template-columns:1fr !important;
  }

  .iq-login-panel{
    max-width:none;
    margin-left:0;
  }
}

@media(max-width:860px){
  .iq-command-layout{
    grid-template-columns:1fr;
  }

  .iq-roadmap{
    grid-template-columns:1fr;
  }

  .iq-road-step{
    min-height:auto;
  }
}

/* =========================================================
   V37.3 · Portada limpia sin bloque central
   Se elimina la ruta visual / ranking del hero porque cargaba
   demasiado la portada. El login queda compacto y las campañas
   completas suben visualmente debajo.
========================================================= */

.iq-command-layout{
  display:none !important;
}

.iq-hero{
  min-height:auto !important;
  align-items:start !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.74fr) !important;
  gap:26px !important;
  padding-top:30px !important;
  padding-bottom:10px !important;
}

.iq-hero > div:first-child{
  padding-top:10px;
}

.iq-login-panel,
.iq-hero > .iq-card{
  align-self:start !important;
  min-height:0 !important;
  max-width:520px;
  margin-left:auto;
}

.iq-title{
  max-width:720px;
}

.iq-lead{
  max-width:700px;
}

.iq-section{
  padding-top:16px !important;
}

@media(max-width:1120px){
  .iq-hero{
    grid-template-columns:1fr !important;
  }

  .iq-login-panel,
  .iq-hero > .iq-card{
    max-width:none;
    margin-left:0;
  }
}

/* =========================================================
   V37.4 · Portada limpia sin arquitectura
   Quita la sección técnica "Arquitectura profesional"
   y compacta el espacio entre portada y campañas.
========================================================= */

.iq-section{
  padding-top:18px !important;
}

.iq-section + .iq-section{
  padding-top:10px !important;
}

/* =========================================================
   V37.5 · Portada profesional final
   Reorganización general de la portada:
   - Sin menú público innecesario antes de iniciar sesión.
   - Login compacto.
   - Campañas protagonistas.
   - Centro de comando solo para usuarios con sesión.
   - No toca Campaña 1, Campaña 2, OMEGA ni base de datos.
========================================================= */

.iq-main-pro{
  max-width:1320px;
  margin:0 auto;
}

.iq-topbar-pro{
  position:sticky;
  top:0;
  z-index:1000;
}

.iq-brand-link{
  color:#fff;
  text-decoration:none;
}

.iq-brand span{
  color:var(--cyan);
}

.iq-public-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  color:#baffd7;
  background:rgba(86,243,154,.10);
  border:1px solid rgba(86,243,154,.22);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.35px;
}

.iq-hero-pro{
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,440px) !important;
  gap:28px !important;
  align-items:start !important;
  padding-top:34px !important;
  padding-bottom:20px !important;
}

.iq-hero-copy{
  padding-top:18px;
}

.iq-hero-pro .iq-title{
  max-width:780px;
  font-size:clamp(50px,6vw,86px);
}

.iq-hero-pro .iq-lead{
  max-width:760px;
  font-size:18px;
  color:#b8d3ee;
}

.iq-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.iq-hero-tags span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border-radius:999px;
  color:#dff6ff;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.10);
  font-size:13px;
  font-weight:900;
}

.iq-hero-actions{
  margin-top:22px;
}

.iq-access-card,
.iq-login-panel{
  width:100%;
  max-width:440px !important;
  min-height:0 !important;
  align-self:start !important;
  margin-left:auto;
  padding:22px !important;
  border-radius:28px !important;
}

.iq-access-card .iq-card-title h2{
  font-size:26px;
}

.iq-full-btn{
  width:100%;
}

.iq-login-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.iq-login-links a{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:44px;
  padding:10px;
  border-radius:14px;
  color:#eaf8ff;
  text-decoration:none;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  font-weight:900;
  font-size:13px;
}

.iq-login-links a:hover{
  transform:translateY(-1px);
  border-color:rgba(70,216,255,.32);
  filter:brightness(1.08);
}

.iq-section{
  padding-top:24px !important;
  padding-bottom:22px !important;
}

.iq-section-head-pro{
  margin-bottom:16px;
}

.iq-section-label{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(70,216,255,.10);
  border:1px solid rgba(70,216,255,.20);
  color:#bff3ff;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.35px;
  margin-bottom:9px;
}

.iq-section-head-pro h2{
  margin:0 0 6px;
  font-size:clamp(28px,3vw,42px);
  letter-spacing:-.03em;
}

.iq-section-head-pro p{
  margin:0;
  color:#aecaeb;
  font-size:15px;
}

.iq-campaign-grid-pro,
.iq-tools-grid-pro{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.iq-campaign-card-pro,
.iq-tool-card-pro{
  min-height:360px;
  padding:20px !important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.iq-campaign-card-pro{
  background:
    radial-gradient(circle at 100% 0%,rgba(70,216,255,.15),transparent 38%),
    linear-gradient(180deg,rgba(15,34,60,.94),rgba(6,16,30,.96));
}

.iq-campaign-top{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:12px;
}

.iq-campaign-card-pro .iq-module-icon,
.iq-tool-card-pro .iq-module-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
  font-size:27px;
  margin:0;
}

.iq-campaign-card-pro h3,
.iq-tool-card-pro h3{
  margin:14px 0 9px;
  font-size:24px;
  letter-spacing:-.02em;
}

.iq-campaign-card-pro p,
.iq-tool-card-pro p{
  min-height:74px;
  color:#b5cfe9;
  line-height:1.45;
  font-size:14px;
}

.iq-campaign-meta{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(70,216,255,.06);
  border:1px solid rgba(70,216,255,.13);
  color:#c9edff;
  font-weight:850;
  font-size:13px;
}

.iq-mini-progress{
  margin-top:13px;
}

.iq-card-action{
  width:100%;
  margin-top:18px;
}

.iq-tools-section{
  padding-top:8px !important;
}

.iq-tool-card-pro{
  min-height:270px;
}

.iq-panel-actions,
.iq-student-actions{
  margin-top:16px;
}

.iq-stats-pro .iq-stat b{
  font-size:24px;
}

.iq-footer-pro{
  max-width:1320px;
  margin:0 auto;
  padding:28px 18px 38px;
  color:#9fb5cf;
  text-align:center;
}

/* Invitado: no mostrar navegación superior pública repetida */
body[data-role="guest"] .iq-nav{
  display:none !important;
}

/* Limpieza de bloques anteriores que ya no usamos */
.iq-command-layout,
.iq-hero-preview{
  display:none !important;
}

@media(max-width:1050px){
  .iq-hero-pro{
    grid-template-columns:1fr !important;
  }

  .iq-access-card,
  .iq-login-panel{
    max-width:none !important;
    margin-left:0;
  }

  .iq-campaign-grid-pro,
  .iq-tools-grid-pro{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .iq-topbar-inner{
    align-items:flex-start;
    flex-direction:column;
  }

  .iq-public-pill{
    display:none;
  }

  .iq-hero-pro{
    padding-top:22px !important;
  }

  .iq-hero-pro .iq-title{
    font-size:clamp(42px,13vw,58px);
  }

  .iq-login-links{
    grid-template-columns:1fr;
  }

  .iq-hero-tags span{
    font-size:12px;
  }
}

/* =========================================================
   V37.6 · Portada final limpia + footer profesional
   - Quita chips y botones repetidos del hero público.
   - Deja el foco en el login y las campañas.
   - Restaura firma profesional del proyecto.
========================================================= */

.iq-hero-tags,
.iq-hero-actions{
  display:none !important;
}

.iq-hero-copy{
  padding-top:10px;
}

.iq-lead{
  margin-bottom:0 !important;
}

.iq-footer-pro{
  margin:28px auto 0;
  max-width:1280px;
  padding:18px;
  color:#b8cbe2;
  text-align:center;
  font-size:14px;
  line-height:1.55;
  border-top:1px solid rgba(120,180,255,.16);
}

.iq-footer-pro b{
  color:#ffffff;
}


/* V58 · Notificaciones, PWA y mejoras responsive */
.iq-notifications-section{margin-top:26px}
.iq-notification-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,180px));
  gap:10px;
  margin:12px 0 14px;
}
.iq-notification-summary .iq-card{padding:14px}
.iq-notification-summary b{display:block;color:#fff;font-size:28px}
.iq-notification-summary span{color:#9fb5cf;font-size:12px;font-weight:800}
.iq-notification-list{display:grid;gap:10px}
.iq-notification-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  padding:14px;
}
.iq-notification-item.is-unread{
  border-color:rgba(70,229,255,.38);
  box-shadow:0 0 0 1px rgba(70,229,255,.08) inset;
}
.iq-notification-icon{
  width:46px;height:46px;border-radius:15px;
  display:grid;place-items:center;
  background:rgba(70,229,255,.10);
  border:1px solid rgba(70,229,255,.18);
  font-size:23px;
}
.iq-notification-copy{min-width:0}
.iq-notification-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.iq-notification-head h3{margin:0;color:#fff;font-size:17px}
.iq-notification-head time{color:#829ab6;font-size:11px;white-space:nowrap}
.iq-notification-copy p{margin:5px 0 0;color:#b8cbe0;line-height:1.4}
.iq-notification-link{display:inline-block;margin-top:8px;color:#65eaff;font-weight:900;text-decoration:none}
.iq-notification-empty{color:#9fb5cf;text-align:center}
#notificationCountNav{
  display:inline-grid;place-items:center;
  min-width:20px;height:20px;padding:0 5px;border-radius:999px;
  background:rgba(255,214,107,.16);color:#ffd66b;font-size:11px;font-weight:1000;
}

@media(max-width:760px){
  .iq-topbar-inner{align-items:flex-start;gap:10px}
  .iq-nav{width:100%;overflow-x:auto;display:flex;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:thin}
  .iq-nav a,.iq-nav span{white-space:nowrap}
  .iq-main-pro,.iq-wrap{padding-left:12px;padding-right:12px}
  .iq-notification-summary{grid-template-columns:1fr 1fr}
  .iq-notification-head{flex-direction:column;gap:4px}
  .iq-campaign3-direct{padding:0 12px}
  .iq-campaign3-direct-card{padding:20px}
  .iq-btn{min-height:44px}
}
@media(max-width:520px){
  .iq-notification-item{grid-template-columns:40px minmax(0,1fr);padding:12px}
  .iq-notification-icon{width:38px;height:38px;border-radius:12px;font-size:20px}
  .iq-notification-summary{grid-template-columns:1fr 1fr}
  .iq-actions,.iq-student-actions{display:grid;grid-template-columns:1fr}
  .iq-actions .iq-btn,.iq-student-actions .iq-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}