.progob-container{max-width:1180px;margin:0 auto;padding:0 20px}

/* Inicio: bloque introductorio grande sobre fondo blanco */
.progob-hero{background:#fff;color:#111;padding:56px 0 26px}
.progob-hero .progob-container{border:2px solid #c8d8ea;border-radius:22px;padding:28px 28px 26px;background:#fff;box-shadow:0 8px 22px rgba(17,59,103,.05)}
.progob-hero h1{font-size:42px;line-height:1.08;margin:0 0 8px;color:#0f2f4f}
.progob-hero h2{font-size:24px;font-weight:600;margin:0 0 16px;color:#1d5f98}
.progob-hero p{font-size:18px;max-width:920px;line-height:1.65;color:#111}
.progob-eyebrow{display:inline-block;background:transparent;padding:0;border-radius:0;font-size:13px;letter-spacing:.03em;margin-bottom:14px;color:#1d5f98;font-weight:700;text-transform:uppercase}
.progob-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.progob-btn{display:inline-block;background:#0c2741;color:#fff!important;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}
.progob-btn:hover{opacity:.92}
.progob-btn-secondary{background:#edf5ff;color:#113b67!important}

.progob-section{padding:56px 0}
.progob-soft{background:#f4f8fc}
.progob-section h2{font-size:32px;line-height:1.18;margin:0 0 16px;color:#123a62;text-align:center;display:block;width:100%;max-width:100%;background:transparent!important}
.progob-lead{font-size:18px;color:#36516b;max-width:920px}
.progob-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.progob-five-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.progob-card,.progob-mini-card{background:#fff;border:1px solid #dce8f4;border-radius:18px;padding:22px;box-shadow:0 8px 22px rgba(17,59,103,.06)}
.progob-card h3,.progob-mini-card h3{margin-top:0;color:#123a62;font-size:22px}
.progob-card p,.progob-mini-card p{color:#4b6175;font-size:15px;line-height:1.6}
.progob-card .progob-btn{margin-top:10px}
.progob-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}

/* Ajustes globales suaves para los títulos de página del tema activo */
.page .entry-header,
.page .page-header,
.single-progob_programa .entry-header,
.single-progob_curso .entry-header,
.single-progob_proyecto .entry-header{background:transparent!important;border:none!important;box-shadow:none!important}

.page .entry-title,
.page .page-title,
.page .entry-header h1,
.single-progob_programa .entry-title,
.single-progob_curso .entry-title,
.single-progob_proyecto .entry-title{
  background:transparent!important;
  color:#123a62!important;
  text-align:center!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 18px!important;
  padding:0!important;
  line-height:1.12!important;
  font-size:clamp(2rem,3.4vw,3rem)!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media (min-width: 900px){
  .page .entry-title,
  .page .page-title,
  .page .entry-header h1,
  .single-progob_programa .entry-title,
  .single-progob_curso .entry-title,
  .single-progob_proyecto .entry-title{white-space:nowrap!important}
}

@media (max-width:700px){
  .progob-hero{padding:42px 0 18px}
  .progob-hero .progob-container{padding:22px 20px}
  .progob-hero h1{font-size:34px}
  .progob-hero h2{font-size:20px}
  .progob-section h2{font-size:28px}
  .page .entry-title,
  .page .page-title,
  .page .entry-header h1,
  .single-progob_programa .entry-title,
  .single-progob_curso .entry-title,
  .single-progob_proyecto .entry-title{white-space:normal!important}
}