body{background:#f6f8fc}.infecto-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0}.infecto-header .inner{max-width:1240px;margin:auto;min-height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.infecto-brand{text-decoration:none;font-weight:900;font-size:21px;color:#172033}.infecto-brand span{color:#2563eb}.infecto-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.infecto-nav a{text-decoration:none;color:#475569;font-weight:700;font-size:14px;padding:9px 12px;border-radius:9px}.infecto-nav a:hover{background:#eff6ff;color:#1d4ed8}.infecto-nav .portal{background:#eff6ff;color:#1d4ed8}.infecto-hero{padding:68px 22px;background:radial-gradient(circle at 12% 15%,#dbeafe 0,transparent 32%),radial-gradient(circle at 88% 25%,#dcfce7 0,transparent 28%),#fff}.infecto-hero-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}.infecto-kicker{display:inline-flex;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;letter-spacing:1px}.infecto-hero h1{font-size:clamp(46px,6vw,72px);line-height:1.02;margin:18px 0 14px}.infecto-hero p{font-size:18px;color:#64748b;max-width:760px;line-height:1.7}.infecto-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.infecto-btn{display:inline-flex;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:800}.infecto-btn.primary{background:#2563eb;color:#fff}.infecto-btn.secondary{background:#fff;color:#334155;border:1px solid #dbe3ee}.infecto-visual{min-height:280px;border-radius:28px;background:linear-gradient(135deg,#172554,#1d4ed8 55%,#0f766e);display:flex;align-items:center;justify-content:center;font-size:110px;box-shadow:0 28px 60px rgba(37,99,235,.18)}.infecto-dashboard{max-width:1240px;margin:-28px auto 0;padding:0 22px 74px}.infecto-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.infecto-stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.infecto-stat strong{display:block;font-size:27px;color:#172033}.infecto-stat span{font-size:13px;color:#64748b}.infecto-section{max-width:1240px;margin:auto;padding:0 22px 78px}.infecto-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.infecto-section-head h2{font-size:34px}.infecto-section-head p{color:#64748b;max-width:700px}.infecto-tools{display:flex;gap:10px;flex-wrap:wrap}.infecto-tools input,.infecto-tools select{border:1px solid #dbe3ee;border-radius:10px;padding:11px 13px;background:#fff;color:#334155}.infecto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.infecto-topic{display:flex;flex-direction:column;min-height:245px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;text-decoration:none;color:inherit;transition:.2s}.infecto-topic:hover{transform:translateY(-5px);border-color:#93c5fd;box-shadow:0 18px 38px rgba(15,23,42,.08)}.infecto-topic-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.infecto-topic-icon{width:48px;height:48px;border-radius:13px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:25px}.infecto-topic-area{font-size:11px;font-weight:900;color:#1d4ed8;background:#eff6ff;padding:5px 8px;border-radius:999px}.infecto-topic h3{font-size:20px;margin:18px 0 8px}.infecto-topic p{font-size:14px;color:#64748b;line-height:1.6}.infecto-topic footer{margin-top:auto;padding-top:18px;background:none;color:#2563eb;text-align:left;font-weight:800;font-size:13px}.infecto-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.infecto-module{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-decoration:none;color:inherit}.infecto-module span{font-size:27px}.infecto-module h3{margin:11px 0 5px}.infecto-module p{font-size:13px;color:#64748b}.infecto-progress{margin-top:24px;background:#172554;color:#fff;border-radius:20px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:22px}.infecto-progress p{color:#cbd5e1}.infecto-progress strong{font-size:30px}.sin-temas{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:30px;text-align:center;color:#64748b}@media(max-width:960px){.infecto-hero-inner{grid-template-columns:1fr}.infecto-visual{display:none}.infecto-stats{grid-template-columns:repeat(2,1fr)}.infecto-grid{grid-template-columns:repeat(2,1fr)}.infecto-modules{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.infecto-header .inner{padding:12px 16px;align-items:flex-start}.infecto-nav a:not(.portal){display:none}.infecto-hero{padding:54px 16px}.infecto-dashboard,.infecto-section{padding-left:16px;padding-right:16px}.infecto-stats,.infecto-grid,.infecto-modules{grid-template-columns:1fr}.infecto-section-head{align-items:flex-start;flex-direction:column}.infecto-tools{width:100%;flex-direction:column}.infecto-tools input,.infecto-tools select{width:100%}.infecto-progress{align-items:flex-start;flex-direction:column}}
/* BADBEAR.MED - LAS REALES */
.infecto-nav .las-reales-link{
  background:linear-gradient(135deg,#7f1d1d,#dc2626);
  color:#fff !important;
  border:1px solid rgba(127,29,29,.35);
  border-radius:10px;
  padding:9px 12px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 7px 18px rgba(127,29,29,.18);
}
.infecto-nav .las-reales-link:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(127,29,29,.24);
}
/* =========================
   AMPLIAR DETALLE DE TEMA EN PC
   sin romper celular
   ========================= */

@media (min-width: 1100px) {
  /* contenedor general de la página */
  main,
  .container,
  .wrap,
  .page-wrap,
  .topic-wrap,
  .tema-wrap,
  .bb-topic-wrap,
  .bb-page,
  .bb-shell {
    width: min(1500px, calc(100% - 48px));
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  /* bloque principal con contenido + navegación */
  .topic-layout,
  .tema-layout,
  .content-layout,
  .bb-topic-layout,
  .bb-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 24px;
    align-items: start;
  }

  /* contenido principal */
  .topic-main,
  .tema-main,
  .content-main,
  .bb-topic-main,
  .bb-main {
    width: 100%;
    max-width: none;
  }

  /* panel lateral de navegación */
  .topic-side,
  .tema-side,
  .content-side,
  .bb-topic-side,
  .bb-sidebar,
  .navegacion {
    width: 280px;
    max-width: 280px;
    position: sticky;
    top: 96px;
    align-self: start;
  }

  /* tarjetas y bloques internos */
  .card,
  .panel,
  .block,
  .topic-card,
  .tema-card,
  .bb-card,
  .bb-panel {
    width: 100%;
    max-width: none;
  }

  /* hero / cabecera del tema */
  .hero,
  .topic-hero,
  .tema-hero,
  .bb-hero {
    width: 100%;
    max-width: none;
  }
}

/* celular y tablet: mantener cómodo */
@media (max-width: 1099px) {
  .topic-layout,
  .tema-layout,
  .content-layout,
  .bb-topic-layout,
  .bb-layout {
    display: block;
  }

  .topic-side,
  .tema-side,
  .content-side,
  .bb-topic-side,
  .bb-sidebar,
  .navegacion {
    width: 100%;
    max-width: none;
    position: static;
    margin-top: 16px;
  }
}