/* =====================================================================
 * que-es-la-semana.css
 * Sección "¿Qué es la Semana de la Pyme?" (opción B).
 * Columna izquierda: rótulo, título y cifras. Columna derecha: texto y
 * botón. El rótulo, el título, el texto (.bajada) y el botón (.p-ir)
 * usan las clases del sitio; aquí solo va la distribución y las
 * tarjetas, que copian el estilo de las de Herramientas (.portal).
 * ===================================================================== */
.qes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.qes h2{margin-bottom:0}
.qes .bajada{margin:0;max-width:none}

.qes-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}
.qes-cifras li{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--linea-cl);border-radius:12px;
  padding:20px 24px 18px;box-shadow:0 6px 22px -34px rgba(10,42,120,.5)}
.qes-cifras b{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--azul-p);
  font-variant-numeric:tabular-nums}
.qes-cifras span{font-size:0.95rem;line-height:1.4;color:var(--texto-2)}

.qes-pie{margin:24px 0 0}
.qes-pie .p-ir{text-decoration:none}
.qes-pie .p-ir:hover{background:var(--azul);color:#fff;box-shadow:inset 0 0 0 1.5px var(--azul)}
.qes-pie .p-ir:hover i{transform:translateX(5px)}

/* En pantallas chicas: título, cifras, texto y botón, uno bajo el otro */
@media (max-width:940px){
  .qes{grid-template-columns:1fr;gap:26px}
  .qes-cifras{gap:12px;margin-top:24px}
}