.oct-lpdp{
  --navy:#1E2761;
  --navy-2:#2B3A7A;
  --navy-deep:#141B45;
  --coral:#E2574C;
  --coral-soft:#FBEDEB;
  --ice:#EFF4FE;
  --sky:#CADCFC;
  --sky-2:#DDE6FA;
  --slate:#4A5568;
  --slate-l:#6B7280;
  --line:#E3E9F5;
  --white:#fff;
  --amber:#B45309;
  --amber-soft:#FEF3E2;
  --green:#1A7A4A;
  --green-soft:#E9F6EF;
  --radius:14px;
  --shadow:0 1px 2px rgba(30,39,97,.05),0 8px 28px rgba(30,39,97,.07);
  --shadow-lg:0 24px 60px rgba(20,27,69,.14);
  --max:1180px;
}
.oct-lpdp *{margin:0;padding:0;box-sizing:border-box}
.oct-lpdp{scroll-behavior:smooth;scroll-padding-top:76px}
.oct-lpdp{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--slate);background:var(--white);
  line-height:1.65;font-size:16.5px;-webkit-font-smoothing:antialiased;
}
.oct-lpdp .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.oct-lpdp section{padding:92px 0}
.oct-lpdp h1, .oct-lpdp h2, .oct-lpdp h3, .oct-lpdp h4{font-family:'Source Serif 4','Cambria',Georgia,serif;color:var(--navy);line-height:1.18;letter-spacing:-.01em}
.oct-lpdp h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:700;margin-bottom:18px}
.oct-lpdp h3{font-size:1.24rem;font-weight:700;margin-bottom:10px}
.oct-lpdp p{margin-bottom:16px}
.oct-lpdp a{color:var(--navy-2)}
.oct-lpdp strong{color:var(--navy);font-weight:600}
.oct-lpdp .eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Inter',sans-serif;font-size:11.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--coral);
  margin-bottom:14px;
}
.oct-lpdp .eyebrow::before{content:'';width:26px;height:2px;background:var(--coral);display:block}
.oct-lpdp .lead{font-size:1.09rem;max-width:74ch}
.oct-lpdp .section-head{max-width:78ch;margin-bottom:48px}
.oct-lpdp .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:.97rem;
  padding:15px 30px;border-radius:8px;text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
  border:1.5px solid transparent;cursor:pointer;
}
.oct-lpdp .btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 22px rgba(226,87,76,.28)}
.oct-lpdp .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(226,87,76,.36)}
.oct-lpdp .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.oct-lpdp .btn-ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.6)}
.oct-lpdp .btn-navy{background:var(--navy);color:#fff}
.oct-lpdp .btn-navy:hover{transform:translateY(-2px);background:var(--navy-2)}
.oct-lpdp .btn-outline{background:#fff;color:var(--navy);border-color:var(--line)}
.oct-lpdp .btn-outline:hover{border-color:var(--navy);transform:translateY(-2px)}
.oct-lpdp .hero{
  background:
    radial-gradient(1100px 520px at 78% -10%,rgba(43,58,122,.85),transparent 62%),
    linear-gradient(160deg,var(--navy-deep) 0%,var(--navy) 58%,#20296B 100%);
  color:#fff;padding:120px 0 0;position:relative;overflow:hidden;
}
.oct-lpdp .hero::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:38px 38px;pointer-events:none;
}
.oct-lpdp .hero .wrap{position:relative;z-index:2}
.oct-lpdp .hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(226,87,76,.14);border:1px solid rgba(226,87,76,.5);
  color:#FFB4AD;border-radius:100px;padding:7px 18px;
  font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:26px;
}
.oct-lpdp .dot-live{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.35)}}
.oct-lpdp .hero h1{
  color:#fff;font-size:clamp(2.4rem,5.4vw,4rem);font-weight:700;
  max-width:19ch;margin-bottom:22px;
}
.oct-lpdp .hero h1 em{font-style:normal;color:#8FB0F5}
.oct-lpdp .hero-sub{font-size:1.14rem;color:#C4CFE8;max-width:62ch;margin-bottom:34px}
.oct-lpdp .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.oct-lpdp .hero-note{font-size:.87rem;color:#8894BC;max-width:56ch}
.oct-lpdp .countdown{
  display:flex;gap:10px;margin:38px 0 0;flex-wrap:wrap;
}
.oct-lpdp .cd-box{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:10px;padding:12px 18px;min-width:86px;text-align:center;backdrop-filter:blur(6px);
}
.oct-lpdp .cd-num{font-family:'Source Serif 4',serif;font-size:1.75rem;font-weight:700;color:#fff;line-height:1;display:block}
.oct-lpdp .cd-lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8894BC;margin-top:6px;display:block}
.oct-lpdp .cd-title{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:#8894BC;margin-bottom:12px;font-weight:700}
.oct-lpdp .kpis{
  position:relative;z-index:2;margin-top:76px;
  background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.oct-lpdp .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.oct-lpdp .kpi{padding:30px 26px;border-right:1px solid rgba(255,255,255,.1)}
.oct-lpdp .kpi:last-child{border-right:none}
.oct-lpdp .kpi-n{font-family:'Source Serif 4',serif;font-size:1.65rem;font-weight:700;color:#fff;display:block;line-height:1.1}
.oct-lpdp .kpi-t{font-size:.83rem;color:#9AA6CC;margin-top:7px;display:block;line-height:1.45}
.oct-lpdp .subnav{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
}
.oct-lpdp .subnav-inner{display:flex;gap:4px;overflow-x:auto;padding:0 24px;max-width:var(--max);margin:0 auto;scrollbar-width:none}
.oct-lpdp .subnav-inner::-webkit-scrollbar{display:none}
.oct-lpdp .subnav a{
  white-space:nowrap;padding:15px 14px;font-size:.85rem;font-weight:600;
  color:var(--slate);text-decoration:none;border-bottom:2px solid transparent;transition:.16s;
}
.oct-lpdp .subnav a:hover{color:var(--navy);border-bottom-color:var(--coral)}
.oct-lpdp .alt{background:var(--ice)}
.oct-lpdp .grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.oct-lpdp .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oct-lpdp .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.oct-lpdp .card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:28px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;
}
.oct-lpdp .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.oct-lpdp .card .ico{
  width:42px;height:42px;border-radius:10px;background:var(--ice);color:var(--navy);
  display:grid;place-items:center;font-size:1.15rem;margin-bottom:16px;
}
.oct-lpdp .card p{font-size:.95rem;margin-bottom:0}
.oct-lpdp .card p + p{margin-top:12px}
.oct-lpdp .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.oct-lpdp table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:640px}
.oct-lpdp thead th{
  background:var(--navy);color:#fff;text-align:left;padding:16px 20px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:.82rem;
  letter-spacing:.06em;text-transform:uppercase;
}
.oct-lpdp tbody td{padding:16px 20px;border-top:1px solid var(--line);vertical-align:top}
.oct-lpdp tbody tr:nth-child(even){background:#FAFBFE}
.oct-lpdp tbody td:first-child{font-weight:600;color:var(--navy)}
.oct-lpdp .callout{
  border-left:4px solid var(--coral);background:var(--coral-soft);
  padding:22px 26px;border-radius:0 10px 10px 0;margin:28px 0;
}
.oct-lpdp .callout.info{border-left-color:var(--navy-2);background:var(--ice)}
.oct-lpdp .callout.ok{border-left-color:var(--green);background:var(--green-soft)}
.oct-lpdp .callout.warn{border-left-color:var(--amber);background:var(--amber-soft)}
.oct-lpdp .callout p:last-child{margin-bottom:0}
.oct-lpdp .callout-title{font-family:'Inter',sans-serif;font-weight:700;color:var(--navy);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;display:block}
.oct-lpdp .pill{display:inline-block;background:var(--sky-2);color:var(--navy);font-size:.74rem;font-weight:700;padding:4px 11px;border-radius:100px;letter-spacing:.04em}
.oct-lpdp .pill.red{background:var(--coral-soft);color:#A33228}
.oct-lpdp .pill.green{background:var(--green-soft);color:var(--green)}
.oct-lpdp .pill.amber{background:var(--amber-soft);color:var(--amber)}
.oct-lpdp ul.check, .oct-lpdp ul.cross{list-style:none;margin:0 0 16px}
.oct-lpdp ul.check li, .oct-lpdp ul.cross li{position:relative;padding-left:30px;margin-bottom:11px;font-size:.96rem}
.oct-lpdp ul.check li::before{content:'✓';position:absolute;left:0;top:-1px;color:var(--green);font-weight:800}
.oct-lpdp ul.cross li::before{content:'✕';position:absolute;left:0;top:-1px;color:var(--coral);font-weight:800}
.oct-lpdp ul.plain{list-style:none}
.oct-lpdp ul.plain li{position:relative;padding-left:20px;margin-bottom:10px;font-size:.96rem}
.oct-lpdp ul.plain li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--sky)}
@media(max-width:900px){.oct-lpdp section{padding:64px 0}
.oct-lpdp .grid-2, .oct-lpdp .grid-3, .oct-lpdp .grid-4{grid-template-columns:1fr;gap:22px}
.oct-lpdp .kpi-grid{grid-template-columns:1fr 1fr}
.oct-lpdp .kpi{border-bottom:1px solid rgba(255,255,255,.1)}
.oct-lpdp .kpi:nth-child(2n){border-right:none}
.oct-lpdp .hero{padding-top:88px}}
.oct-lpdp .quiz{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px}
.oct-lpdp .quiz-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.oct-lpdp .q{display:flex;gap:13px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);
   border-radius:10px;cursor:pointer;font-size:.93rem;line-height:1.5;transition:.16s;background:#fff}
.oct-lpdp .q:hover{border-color:var(--sky);background:#FAFBFE}
.oct-lpdp .q input{margin-top:3px;width:17px;height:17px;accent-color:var(--navy);flex-shrink:0;cursor:pointer}
.oct-lpdp .q:has(input:checked){background:var(--ice);border-color:var(--sky)}
.oct-lpdp .q:has(input:checked) span{color:var(--navy);font-weight:500}
.oct-lpdp .quiz-result{display:flex;gap:34px;align-items:center;margin-top:30px;padding-top:30px;border-top:1px solid var(--line);flex-wrap:wrap}
.oct-lpdp .score-ring{
  width:132px;height:132px;border-radius:50%;
  background:conic-gradient(#DDE6FA 0%,#DDE6FA 100%);
  display:grid;place-items:center;position:relative;flex-shrink:0;transition:background .4s ease;
}
.oct-lpdp .score-ring::after{content:'';position:absolute;inset:11px;background:#fff;border-radius:50%}
.oct-lpdp .score-num{position:relative;z-index:2;font-family:'Source Serif 4',serif;font-size:2.5rem;font-weight:700;color:var(--navy);line-height:1}
.oct-lpdp .score-den{position:relative;z-index:2;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-l);margin-top:2px}
.oct-lpdp .score-copy{flex:1;min-width:280px}
.oct-lpdp .quiz-note{font-size:.83rem;color:var(--slate-l);margin-top:22px;margin-bottom:0;font-style:italic}
.oct-lpdp .faq details{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  margin-bottom:10px;overflow:hidden;transition:.18s;
}
.oct-lpdp .faq details[open]{border-color:var(--sky);box-shadow:var(--shadow)}
.oct-lpdp .faq summary{
  list-style:none;cursor:pointer;padding:19px 54px 19px 22px;position:relative;
  font-weight:600;color:var(--navy);font-size:1rem;
}
.oct-lpdp .faq summary::-webkit-details-marker{display:none}
.oct-lpdp .faq summary::after{
  content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font-size:1.4rem;color:var(--coral);font-weight:400;line-height:1;
}
.oct-lpdp .faq details[open] summary::after{content:'−'}
.oct-lpdp .faq summary:hover{background:#FAFBFE}
.oct-lpdp .faq details > div{padding:0 22px 20px;font-size:.96rem}
.oct-lpdp .faq details > div p:last-child{margin-bottom:0}
.oct-lpdp .cta-final{
  background:
    radial-gradient(900px 420px at 20% 0%,rgba(43,58,122,.9),transparent 60%),
    linear-gradient(140deg,var(--navy-deep),var(--navy) 70%);
  position:relative;overflow:hidden;
}
.oct-lpdp .cta-final::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:38px 38px;
}
.oct-lpdp .cta-inner{position:relative;z-index:2}
.oct-lpdp .disclaimer{background:#F7F9FD;border-top:1px solid var(--line);padding:26px 0}
.oct-lpdp .disclaimer p{font-size:.82rem;color:var(--slate-l);margin:0;line-height:1.6;max-width:96ch}
.oct-lpdp .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.oct-lpdp .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.oct-lpdp .reveal{opacity:1;transform:none;transition:none}
.oct-lpdp{scroll-behavior:auto}
.oct-lpdp .dot-live{animation:none}}
@media(max-width:900px){.oct-lpdp .quiz{padding:22px}
.oct-lpdp .quiz-list{grid-template-columns:1fr}
.oct-lpdp .quiz-result{gap:22px}}

/* ── Ajustes específicos para incrustar en WordPress ── */
html{scroll-behavior:smooth;scroll-padding-top:90px}
.oct-lpdp{font-size:16.5px}
.oct-lpdp *,.oct-lpdp *::before,.oct-lpdp *::after{box-sizing:border-box}
.oct-lpdp img{max-width:100%;height:auto}
.oct-lpdp{
  width:100%;
  max-width:none;
  margin-top:0 !important;
  padding-top:0 !important;
}
.oct-lpdp > .hero{margin-top:0 !important}
/* FULL-BLEED: hace que las franjas de color ocupen todo el ancho aunque el
   tema limite el contenedor. Si al probar aparece una barra de scroll
   horizontal, borre este bloque completo y las secciones quedarán dentro
   del contenedor del tema (se ve bien igual). */
.oct-lpdp .hero,
.oct-lpdp .cta-final,
.oct-lpdp .alt,
.oct-lpdp .subnav,
.oct-lpdp .topic-hub,
.oct-lpdp .disclaimer{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}


/* ── Navegación temática compacta ── */
.oct-lpdp .topic-hub{
  position:sticky;top:0;z-index:55;background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
  box-shadow:0 8px 24px rgba(30,39,97,.06);
}
.oct-lpdp .topic-hub-inner{max-width:var(--max);margin:0 auto;padding:14px 24px 12px}
.oct-lpdp .topic-hub-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}
.oct-lpdp .topic-hub-title{font-size:.79rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--navy)}
.oct-lpdp .topic-progress{font-size:.78rem;color:var(--slate-l);white-space:nowrap}
.oct-lpdp .topic-groups{display:grid;grid-template-columns:1.05fr 1.05fr 1.15fr .85fr;gap:10px}
.oct-lpdp .topic-group{
  border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;min-width:0;
}
.oct-lpdp .topic-group-label{
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--navy-2);
  padding:1px 7px 7px;
}
.oct-lpdp .topic-buttons{display:flex;gap:6px;flex-wrap:wrap}
.oct-lpdp .topic-button,
.oct-lpdp .topic-link{
  appearance:none;
  border:1px solid #D6DDEA;
  background:#F8FAFD;
  color:var(--slate);
  border-radius:7px;
  padding:8px 10px;
  font:600 .78rem/1.25 'Inter',sans-serif;
  cursor:pointer;
  text-align:left;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
  min-height:36px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}
.oct-lpdp .topic-button:hover,
.oct-lpdp .topic-link:hover{
  background:var(--ice);
  border-color:var(--sky);
  color:var(--navy);
}
.oct-lpdp .topic-button.is-active{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
  box-shadow:0 5px 14px rgba(30,39,97,.18);
}
.oct-lpdp .topic-button.topic-autodiag{
  background:var(--coral-soft);
  color:#A33228;
  border-color:#EFB9B3;
}
.oct-lpdp .topic-button.topic-autodiag:hover{
  background:#F8DCD8;
  border-color:#E99B94;
}
.oct-lpdp .topic-button.topic-autodiag.is-active{
  background:var(--coral);
  border-color:var(--coral);
  color:#fff;
  box-shadow:0 5px 14px rgba(226,87,76,.20);
}
.oct-lpdp .topic-link.topic-faq{
  background:#F5F7FC;
  color:var(--navy-2);
  border-color:#CCD6EE;
}
.oct-lpdp .topic-link.topic-faq:hover{
  background:var(--sky-2);
  color:var(--navy);
  border-color:#AFC1EA;
}
.oct-lpdp .topic-mobile-select{display:none;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 40px 12px 13px;background:#fff;color:var(--navy);font:600 .92rem 'Inter',sans-serif}
.oct-lpdp .topic-panel{display:none}
.oct-lpdp .topic-panel.is-active{display:block;animation:topicFade .22s ease}
.oct-lpdp #faq{scroll-margin-top:150px}
@keyframes topicFade{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
.oct-lpdp .topic-panel-nav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:48px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;
}
.oct-lpdp .topic-panel-nav .btn{padding:11px 17px;font-size:.87rem}
.oct-lpdp .topic-back{font-size:.84rem;font-weight:700;color:var(--slate-l);text-decoration:none;cursor:pointer;background:none;border:0;padding:10px}
.oct-lpdp .topic-back:hover{color:var(--navy)}
.oct-lpdp .floating-diagnosis{
  position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:8px;
  background:var(--coral);color:#fff;text-decoration:none;font-weight:700;font-size:.88rem;
  padding:12px 17px;border-radius:100px;box-shadow:0 14px 35px rgba(226,87,76,.32);
  transition:transform .18s ease,box-shadow .18s ease;
}
.oct-lpdp .floating-diagnosis:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(226,87,76,.4);color:#fff}
@media(max-width:1050px){
  .oct-lpdp .topic-groups{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .oct-lpdp .topic-hub-inner{padding:11px 16px}
  .oct-lpdp .topic-hub-top{margin-bottom:8px}
  .oct-lpdp .topic-groups{display:none}
  .oct-lpdp .topic-mobile-select{display:block}
  .oct-lpdp .topic-panel-nav{justify-content:center}
  .oct-lpdp .topic-back{order:3;width:100%;text-align:center}
  .oct-lpdp .floating-diagnosis{right:14px;bottom:14px;padding:11px 14px;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.oct-lpdp .topic-panel.is-active{animation:none}}

/* ── Corrección WordPress v1.2: evita recorte horizontal ── */
.oct-lpdp{
  overflow:visible;
}
.oct-lpdp .hero,
.oct-lpdp .cta-final,
.oct-lpdp .alt,
.oct-lpdp .topic-hub,
.oct-lpdp .disclaimer{
  overflow-x:hidden;
}
.oct-lpdp .wrap,
.oct-lpdp .topic-hub-inner{
  width:100%;
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}
.oct-lpdp .hero .wrap{
  padding-left:24px;
  padding-right:24px;
}
@media(max-width:700px){
  .oct-lpdp .hero .wrap{
    padding-left:18px;
    padding-right:18px;
  }
}


/* ── Corrección WordPress v1.3: distribución de tópicos ── */
/* En los bloques 1, 2 y 3: dos tópicos arriba y el tercero debajo */
.oct-lpdp .topic-group:nth-child(1) .topic-buttons,
.oct-lpdp .topic-group:nth-child(2) .topic-buttons,
.oct-lpdp .topic-group:nth-child(3) .topic-buttons{
  display:grid;
  grid-template-columns:max-content max-content;
  gap:6px;
  justify-content:start;
  align-items:start;
}

.oct-lpdp .topic-group:nth-child(1) .topic-buttons > :nth-child(3),
.oct-lpdp .topic-group:nth-child(2) .topic-buttons > :nth-child(3),
.oct-lpdp .topic-group:nth-child(3) .topic-buttons > :nth-child(3){
  grid-column:1 / -1;
  justify-self:start;
}

/* Evita que el tema de WordPress fuerce ancho completo en los botones */
.oct-lpdp .topic-group:nth-child(-n+3) .topic-button{
  width:auto !important;
  max-width:100%;
  white-space:nowrap;
}

/* El bloque 4 conserva sus dos accesos apilables según espacio disponible */
.oct-lpdp .topic-group:nth-child(4) .topic-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

@media(max-width:1050px) and (min-width:701px){
  .oct-lpdp .topic-group:nth-child(1) .topic-buttons,
  .oct-lpdp .topic-group:nth-child(2) .topic-buttons,
  .oct-lpdp .topic-group:nth-child(3) .topic-buttons{
    grid-template-columns:max-content max-content;
  }
}


/* ── Corrección WordPress v1.4: alineación exacta 2 + 1 ── */
.oct-lpdp .topic-group:nth-child(1) .topic-buttons,
.oct-lpdp .topic-group:nth-child(2) .topic-buttons,
.oct-lpdp .topic-group:nth-child(3) .topic-buttons{
  display:grid !important;
  grid-template-columns:max-content max-content !important;
  grid-auto-flow:row !important;
  justify-content:start !important;
  justify-items:start !important;
  align-items:start !important;
  column-gap:6px !important;
  row-gap:6px !important;
}

.oct-lpdp .topic-group:nth-child(1) .topic-buttons > :nth-child(1),
.oct-lpdp .topic-group:nth-child(2) .topic-buttons > :nth-child(1),
.oct-lpdp .topic-group:nth-child(3) .topic-buttons > :nth-child(1){
  grid-column:1 !important;
  grid-row:1 !important;
}

.oct-lpdp .topic-group:nth-child(1) .topic-buttons > :nth-child(2),
.oct-lpdp .topic-group:nth-child(2) .topic-buttons > :nth-child(2),
.oct-lpdp .topic-group:nth-child(3) .topic-buttons > :nth-child(2){
  grid-column:2 !important;
  grid-row:1 !important;
}

.oct-lpdp .topic-group:nth-child(1) .topic-buttons > :nth-child(3),
.oct-lpdp .topic-group:nth-child(2) .topic-buttons > :nth-child(3),
.oct-lpdp .topic-group:nth-child(3) .topic-buttons > :nth-child(3){
  grid-column:1 !important;
  grid-row:2 !important;
  justify-self:start !important;
  margin-left:0 !important;
}

.oct-lpdp .topic-group:nth-child(-n+3) .topic-button{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  justify-self:start !important;
  white-space:nowrap !important;
}


/* ── Corrección WordPress v1.5: pesos tipográficos ── */
/* Algunos temas WordPress fuerzan font-weight alto en .entry-content */
.oct-lpdp{
  font-weight:400 !important;
  font-synthesis:none;
}

.oct-lpdp p,
.oct-lpdp li,
.oct-lpdp td,
.oct-lpdp .lead,
.oct-lpdp .hero-sub,
.oct-lpdp .hero-note,
.oct-lpdp .kpi-t,
.oct-lpdp .quiz-note,
.oct-lpdp .faq details > div{
  font-weight:400 !important;
}

.oct-lpdp strong,
.oct-lpdp b{
  font-weight:600 !important;
}

.oct-lpdp h1,
.oct-lpdp h2,
.oct-lpdp h3,
.oct-lpdp h4{
  font-weight:700 !important;
}

.oct-lpdp .btn,
.oct-lpdp .topic-button,
.oct-lpdp .topic-link,
.oct-lpdp .topic-group-label,
.oct-lpdp .topic-hub-title,
.oct-lpdp .pill,
.oct-lpdp .eyebrow{
  font-weight:600 !important;
}

.oct-lpdp .topic-group-label,
.oct-lpdp .topic-hub-title{
  font-weight:800 !important;
}