/* ===================================================================
   Certhana Academy — Landing /cursos/ (hub de catálogo).
   Complementa category.css (todo bajo .cat-page): aquí SOLO las piezas
   propias de esta página. Reutiliza las vars definidas en .cat-page.
   =================================================================== */

/* ===== Etiquetas de categorías (chips de navegación interna por anclas) ===== */
.cursos-page .cat-tags{background:#fff;border-bottom:1px solid var(--clr-border)}
.cursos-page .cat-tags .wrap{padding-top:26px;padding-bottom:26px}
.cursos-page .tag-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.cursos-page .tag-list a{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--clr-text-gray);text-decoration:none;padding:8px 16px;border:1px solid var(--clr-border-strong);border-radius:999px;background:#fff;line-height:1.2;transition:border-color .2s,color .2s,background-color .2s,transform .2s}
.cursos-page .tag-list a:hover{border-color:var(--clr-primary);color:var(--clr-primary);background:var(--clr-primary-soft);transform:translateY(-1px)}

/* ===== Bloque de cada categoría ===== */
.cursos-page .cat-block{scroll-margin-top:24px}
.cursos-page .cat-block .course-section{max-width:1080px}
.cursos-page .cat-block .cat-head h2{font-size:28px;line-height:1.3;max-width:none}
.cursos-page .cat-block .courses-cta{margin-top:28px}

/* ===== Sección "por qué" (proof · fondo claro luminoso, datos citados) ===== */
.cursos-page .proof{position:relative;overflow:hidden;color:var(--clr-text-dark);padding:104px 0 112px;background:var(--clr-blue-light)}
.cursos-page .proof::before{content:"";position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(rgba(74,111,165,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(74,111,165,.12) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(86% 86% at 50% 24%,#000,transparent 82%);
  -webkit-mask-image:radial-gradient(86% 86% at 50% 24%,#000,transparent 82%)}
.cursos-page .proof::after{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(48% 60% at 6% 4%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(46% 60% at 92% 6%, rgba(157,34,53,.10), transparent 60%),
    radial-gradient(54% 66% at 60% 108%, rgba(74,111,165,.22), transparent 62%)}
.cursos-page .proof .wrap{position:relative;z-index:1}

.cursos-page .proof .proof-head{max-width:680px}
.cursos-page .proof .proof-head h2{font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.18;letter-spacing:-.03em;color:var(--clr-text-dark)}
.cursos-page .proof .proof-head h2 em{background:var(--grad-red);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cursos-page .proof .proof-head p{margin-top:18px;font-size:18px;line-height:1.65;color:var(--clr-text-gray)}

.cursos-page .proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;margin-top:56px}

.cursos-page .proof-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cursos-page .gcard{position:relative;padding:26px 24px 24px;border-radius:16px;
  background:#fff;
  border:1px solid var(--clr-border);
  box-shadow:0 18px 40px -24px rgba(40,55,80,.28);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;overflow:hidden}
.cursos-page .gcard:hover{transform:translateY(-6px);border-color:var(--clr-gold-soft);box-shadow:0 30px 56px -24px rgba(40,55,80,.4)}
.cursos-page .gcard .num{font-size:clamp(38px,5vw,52px);font-weight:800;line-height:1;letter-spacing:-.04em;
  background:var(--grad-red);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cursos-page .gcard .desc{margin-top:12px;font-size:14px;line-height:1.5;color:var(--clr-text-gray)}
.cursos-page .gcard .ref{margin-top:14px;font-size:11px;line-height:1.4;font-family:var(--font-mono);color:var(--clr-text-gray-light)}
.cursos-page .gcard .ref a{color:var(--clr-text-gray-light);text-decoration:underline}

.cursos-page .proof-cert{position:relative}
.cursos-page .cert-img{width:100%;height:auto;display:block}

.cursos-page .proof-foot{margin-top:54px;display:grid;grid-template-columns:1.5fr auto;gap:32px;align-items:center;
  padding-top:38px;border-top:1px solid rgba(74,111,165,.25)}
.cursos-page .proof-bullets{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;margin:0;padding:0;list-style:none}
.cursos-page .proof-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--clr-text-gray);line-height:1.5}
.cursos-page .proof-bullets li b{color:var(--clr-text-dark);font-weight:700}
.cursos-page .proof-bullets .ck{flex:none;width:20px;height:20px;margin-top:1px;color:var(--clr-primary)}
.cursos-page .proof-foot .proof-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}

@media(max-width:980px){
  .cursos-page .proof-grid{grid-template-columns:1fr;gap:48px}
  .cursos-page .proof-foot{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){
  .cursos-page .proof-stats{grid-template-columns:1fr}
  .cursos-page .proof-bullets{grid-template-columns:1fr}
}