/* Kuma 2026 · portada con bloques nativos (grupo, título, párrafo, imagen,
   botones, portada). Escrita a mano a partir de las medidas del Figma.

   Cada sección es un bloque Grupo o Portada con la clase kp-seccion y la de su
   tipo (kp-intro, kp-lineas, kp-destacado, kp-banda, kp-logos, kp-remate). El
   contenido se escribe encima en el editor; esta hoja solo da el diseño, así
   que los textos, las fotos y los enlaces se cambian sin tocar código.

   La cursiva dentro de un título (Ctrl+I) se pinta en azul, como en el Figma.
   Ver patterns/portada-*.php para insertar una sección nueva ya maquetada. */

.kp-seccion{
  --kp-tinta:#0B1C28;
  --kp-texto:#494B50;
  --kp-azul:#3797CA;
  --kp-oposiciones:#2B6C97;
  --kp-empleo:#308461;
  --kp-fp:#8F4A32;
  --kp-superior:#8F324A;
  --kp-incompany:#8F6D32;
  --kp-linea:var(--kp-oposiciones);
  --kp-acento:var(--kp-oposiciones);
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:96px 24px;
  font-family:"Source Sans 3",system-ui,sans-serif;
  color:var(--kp-tinta);
  text-align:center;
}
.kp-seccion *{box-sizing:border-box}
.kp-seccion :where(p,h2,h3,figure){margin:0}
/* sin los márgenes que WordPress pone entre bloques: los espacios los da esta hoja */
.kp-seccion :where(.is-layout-flow,.wp-block-cover__inner-container)>*{margin-block:0}
.kp-caja{position:relative;z-index:1;max-width:1248px;margin:0 auto}

/* ---- textos comunes ---- */
.kp-cabecera{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:824px;margin:0 auto}
.kp-rotulo{font-size:13px;font-weight:700;line-height:1.2;text-transform:uppercase;color:var(--kp-acento)}
.kp-seccion h2{font-size:39px;font-weight:700;line-height:1.2;color:var(--kp-tinta)}
.kp-seccion h2 em,.kp-seccion h3 em{font-style:normal;color:var(--kp-azul)}
.kp-hero-claro h1 em{font-style:normal;color:var(--kp-acento)}
.kp-entrada{font-size:20px;line-height:1.2;color:var(--kp-texto)}

/* Enlace con flecha: un párrafo kp-enlace con un enlace dentro */
.kp-enlace a{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid currentColor;
  color:var(--kp-azul);font-size:16px;line-height:1.2;text-decoration:none}
.kp-enlace a::after{content:"";width:20px;height:20px;background:currentColor;
  -webkit-mask:url(portada/flecha.svg) center/contain no-repeat;mask:url(portada/flecha.svg) center/contain no-repeat;transition:transform .25s}
.kp-enlace a:hover{color:var(--kp-oposiciones)}
.kp-enlace a:hover::after,.kp-seccion .wp-block-button__link:hover::after{transform:translateX(4px)}

/* Botones: oscuro por defecto; kp-claro en las secciones con foto */
.kp-seccion .wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.kp-seccion .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border:1px solid var(--kp-azul);
  border-radius:4px;background:var(--kp-tinta);color:#fff;font-size:16px;font-weight:400;line-height:1.2;text-decoration:none}
.kp-seccion .wp-block-button__link::after{content:"";width:20px;height:20px;background:currentColor;
  -webkit-mask:url(portada/flecha.svg) center/contain no-repeat;mask:url(portada/flecha.svg) center/contain no-repeat;transition:transform .25s}
.kp-seccion .kp-claro .wp-block-button__link,.kp-seccion .wp-block-button.kp-claro .wp-block-button__link{background:#fff;color:var(--kp-tinta)}
.kp-seccion .wp-block-button__link:focus-visible,.kp-enlace a:focus-visible{outline:3px solid var(--kp-azul);outline-offset:3px}

/* ---- 1. Intro con cifras ---- */
.kp-intro{padding:64px 24px;background:linear-gradient(to top,#E7F1F8,#fff)}
.kp-cifras{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 48px;margin-top:48px}
.kp-cifra{display:flex;align-items:center;gap:8px}
.kp-cifra>*{flex:0 0 auto}
.kp-cifra .wp-block-image img{display:block;width:24px;height:24px}
.kp-cifra p{font-size:16px;font-weight:700;line-height:1.2}

/* ---- 2. Líneas de formación (tarjetas) ---- */
.kp-lineas.wp-block-cover{min-height:0;padding:96px 24px;border-block:1px solid #E7F1F8;display:block}
.kp-lineas .wp-block-cover__inner-container{width:100%;max-width:1248px;margin:0 auto;color:inherit}
.kp-tarjetas{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:48px 0;text-align:left;align-items:start}
.kp-tarjetas>.kp-tarjeta:nth-child(2),.kp-tarjetas>.kp-tarjeta:nth-child(3){margin-top:32px}
.kp-tarjeta{display:flex;flex-direction:column;gap:8px;padding:0 20px 20px;border-radius:4px;background:#fff;box-shadow:0 8px 24px rgba(11,28,40,.08)}
.kp-tarjeta.kp-empleo{--kp-linea:var(--kp-empleo)}
.kp-tarjeta.kp-fp{--kp-linea:var(--kp-fp)}
.kp-tarjeta.kp-superior{--kp-linea:var(--kp-superior)}
.kp-tarjeta.kp-incompany{--kp-linea:var(--kp-incompany)}
.kp-tarjeta__media{position:relative;margin:0 -20px 8px;border-radius:4px 4px 0 0;overflow:hidden}
.kp-tarjeta__media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(53.6deg,rgba(255,255,255,0) 0%,var(--kp-linea) 100%)}
.kp-tarjeta__media .wp-block-image img{display:block;width:100%;aspect-ratio:294/219;height:auto;object-fit:cover}
.kp-sigla{position:absolute;z-index:1;top:24px;right:24px;width:72px;height:77px;display:flex;align-items:center;
  padding-left:2px;background:url(portada/k.svg) right center/48px 77px no-repeat;color:#fff;font-size:20px;font-weight:700;line-height:1}
.kp-sigla::before{content:"";position:absolute;z-index:-1;left:-6px;width:36px;height:36px;border-radius:999px;background:var(--kp-linea)}
.kp-tarjeta h3{font-size:20px;font-weight:700;line-height:1.2;color:var(--kp-tinta)}
.kp-tarjeta p:not(.kp-enlace):not(.kp-sigla){font-size:16px;line-height:1.4;color:var(--kp-texto)}
.kp-tarjeta .kp-enlace{margin-top:auto;padding-top:12px}

/* ---- 3. Destacado y remate (foto con banda diagonal) ---- */
.kp-diagonal.wp-block-cover{min-height:0;display:block;padding:92px 24px;color:#fff;text-align:left;overflow:hidden}
.kp-remate.wp-block-cover{padding:96px 59px}
.kp-diagonal .wp-block-cover__background{opacity:1!important;
  background:linear-gradient(to bottom,rgba(11,28,40,.25),rgba(55,151,202,.35))!important}
.kp-diagonal::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,28,40,.9) 0%,rgba(55,151,202,.9) 100%);
  clip-path:polygon(0 0,58% 0,24% 100%,0 100%)}
.kp-remate::before{clip-path:polygon(0 0,58% 0,43% 100%,0 100%)}
.kp-diagonal .wp-block-cover__inner-container{position:relative;z-index:2;width:100%;max-width:1248px;margin:0 auto;color:#fff}
.kp-diagonal .kp-texto-foto{max-width:504px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.kp-remate .kp-texto-foto{max-width:613px}
.kp-diagonal h2{color:#fff}
.kp-diagonal .kp-entrada{color:#fff}
.kp-diagonal .wp-block-buttons{justify-content:flex-start;margin-top:24px}
.kp-etiqueta{display:inline-block;padding:4px 16px;border-radius:2px;background:var(--kp-incompany);color:#fff;font-size:13px;line-height:1.2}
.kp-destacado.wp-block-cover{min-height:600px}
/* remate en una fila (subpáginas de Oposiciones): texto a la izquierda, botón a la derecha */
.kp-remate-fila.wp-block-cover{padding:48px 59px}
.kp-remate-fila::before{clip-path:polygon(0 0,62% 0,52% 100%,0 100%)}
.kp-remate-fila .wp-block-cover__image-background{transform:scaleX(-1)} /* como en el Figma: la persona a la derecha, fuera de la banda */
.kp-remate-fila .kp-fila{max-width:1040px;margin:0 auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.kp-fila__texto{display:flex;flex-direction:column;gap:8px}
.kp-diagonal .kp-fila .wp-block-buttons{margin-top:0}

/* ---- 4. Banda «Desde 1970» ---- */
.kp-banda{overflow:hidden;background:#fff}
.kp-banda::before,.kp-banda::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(55,151,202,.0),#3797CA)}
.kp-banda::before{clip-path:polygon(0 0,22% 0,2% 100%,0 100%);background:linear-gradient(to top,#3797CA,rgba(55,151,202,0))}
.kp-banda::after{clip-path:polygon(100% 30%,100% 100%,85% 100%)}
.kp-banda .kp-cabecera{gap:16px}
.kp-banda .wp-block-image img{display:block;width:120px;height:auto}
.kp-sedes{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:824px;margin:48px auto 0}
.kp-sedes h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-sedes p:not(.kp-enlace){font-size:16px;color:var(--kp-texto)}
.kp-sedes .kp-enlace{margin-top:20px}

/* ---- 5. Logos de empresas ----
   En el editor es una fila de bloques Imagen (se añaden, quitan o cambian ahí).
   En la web, fx-motion.js la convierte en una cinta que se mueve sola, como la de
   aireadigital.com: duplica los logos (copia aria-hidden) y desplaza la pista
   media longitud en bucle. Sin JS o con «reducir movimiento», fila quieta.
   Todos en gris; al pasar el ratón, en color. El tamaño lo iguala la caja de
   cada logo (alto 44px, ancho máx. 180px); kp-alto / kp-bajo lo afinan. */
.kp-logos{border-bottom:1px solid #E7F1F8;background:#fff}
.kp-logos__titulo{font-size:20px;line-height:1.2}
.kp-logos__fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px 72px;margin-top:48px}
.kp-logos__fila figure{flex:0 0 auto;width:auto;margin:0}
.kp-logos__fila img{display:block;width:auto;height:44px;max-width:180px;object-fit:contain;
  filter:grayscale(1);opacity:.55;transition:filter .4s ease,opacity .4s ease}
.kp-logos__fila .kp-alto img{height:56px}
.kp-logos__fila .kp-bajo img{height:32px}
.kp-logos__fila figure:hover img{filter:none;opacity:1}
/* cinta en movimiento (clases que pone fx-motion.js) */
.kp-logos__fila.kp-cinta{display:block;overflow:hidden;overflow:clip;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.kp-cinta__pista{display:flex;width:max-content;animation:kp-cinta var(--kp-cinta-dur,40s) linear infinite}
.kp-cinta:hover .kp-cinta__pista,.kp-cinta:focus-within .kp-cinta__pista{animation-play-state:paused}
.kp-cinta__grupo{display:flex;align-items:center;gap:72px;padding-right:72px}
@keyframes kp-cinta{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.kp-cinta__pista{animation:none}}

/* ---- móvil y tableta ---- */
@media (max-width:1100px){
  .kp-tarjetas{grid-template-columns:repeat(2,1fr)}
  .kp-tarjetas>.kp-tarjeta:nth-child(n){margin-top:0}
}
@media (max-width:768px){
  .kp-seccion{padding:64px 20px}
  .kp-seccion h2{font-size:31px}
  .kp-entrada{font-size:18px}
  .kp-lineas.wp-block-cover,.kp-diagonal.wp-block-cover,.kp-remate.wp-block-cover{padding:64px 20px}
  .kp-tarjetas{grid-template-columns:1fr;gap:20px}
  .kp-cifras{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin-inline:auto}
  .kp-cifra p{flex:0 1 auto;text-align:left}
  .kp-diagonal::before{clip-path:none;opacity:.92}
  .kp-destacado.wp-block-cover{min-height:0}
  .kp-banda::before,.kp-banda::after{opacity:.35}
  .kp-logos__fila{gap:24px 44px}
  .kp-logos__fila img{height:32px;max-width:132px}
  .kp-logos__fila .kp-alto img{height:40px}
  .kp-logos__fila .kp-bajo img{height:24px}
  .kp-cinta__grupo{gap:44px;padding-right:44px}
}
/* =====================================================================
   Páginas interiores con bloques nativos (Oposiciones y las siguientes).
   Mismo sistema que la portada: grupos con clase kp-* y el diseño aquí.
   kp-pila apila los hijos de una caja con 48px entre ellos (con gap, que el
   editor no anula como hace con los márgenes).
   ===================================================================== */
.kp-pila{display:flex;flex-direction:column;gap:48px}
.kp-suave{background:#E7F1F8}
.kp-blanco{background:#fff}
.kp-degradado{background:linear-gradient(#E7F1F8,#fff)}
.kp-izquierda{text-align:left}
.kp-izquierda .kp-cabecera{align-items:flex-start;max-width:none;margin:0}
.kp-estrecha{max-width:1036px}
/* esquinas decorativas en azul (fundido), como en el Figma */
.kp-esquinas,.kp-esquina-dcha,.kp-esquina-izda{overflow:hidden}
.kp-esquinas::before,.kp-esquinas::after,.kp-esquina-dcha::after,.kp-esquina-izda::before{content:"";position:absolute;inset:0;pointer-events:none}
.kp-esquinas::before{background:linear-gradient(to bottom,rgba(55,151,202,.45),rgba(55,151,202,0) 30%);clip-path:polygon(0 0,15% 0,0 30%)}
.kp-esquinas::after{background:linear-gradient(to bottom,rgba(55,151,202,.45),rgba(55,151,202,0) 30%);clip-path:polygon(100% 0,100% 30%,82% 30%,90% 0)}
.kp-esquina-dcha::after{background:linear-gradient(to bottom,rgba(55,151,202,0) 20%,#3797CA);clip-path:polygon(100% 15%,100% 100%,86% 100%)}
.kp-esquina-izda::before{background:linear-gradient(to bottom,rgba(55,151,202,0) 55%,rgba(55,151,202,.8));clip-path:polygon(0 60%,0 100%,22% 100%,28% 72%)}

/* ---- Cabecera de página con foto (hero) ---- */
.kp-hero.wp-block-cover{display:block;min-height:720px;padding:92px 24px;background:#0B1C28;color:#fff;text-align:left;overflow:hidden}
.kp-hero .wp-block-cover__image-background{left:auto;right:0;width:66%}
.kp-hero .wp-block-cover__background{opacity:1!important;
  background:linear-gradient(90deg,#0B1C28 34%,rgba(11,28,40,.55) 48%,rgba(11,28,40,0) 66%)!important}
.kp-hero::before{content:"";position:absolute;z-index:1;left:53.5%;top:-7px;width:745px;height:1182px;pointer-events:none;
  background:url(paginas/forma-hero.svg) 0 0/100% 100% no-repeat}
.kp-hero .wp-block-cover__inner-container{position:static;width:100%;max-width:1248px;margin:0 auto;color:#fff}
.kp-hero .kp-texto-foto{position:relative;z-index:2;max-width:504px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.kp-hero h1{font-size:49px;font-weight:700;line-height:1.2;color:#fff}
.kp-hero .kp-entrada{font-size:25px;color:#E7F1F8}
.kp-hero .kp-nota{font-size:18px;line-height:1.4;color:#E7F1F8}
.kp-hero .wp-block-buttons{justify-content:flex-start;margin:8px 0}
.kp-hero .kp-sigla{top:48px;right:48px}
.kp-seccion .kp-borde .wp-block-button__link{background:transparent;border-color:#fff;color:#fff}

/* ---- Ventajas (tarjetas con check + foto) ---- */
.kp-dos{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:center}
.kp-ventajas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}
.kp-ventaja{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:4px;background:#fff}
.kp-ventaja img{display:block;width:32px;height:32px}
.kp-ventaja h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-ventaja p{font-size:16px;line-height:1.3}
.kp-foto-lateral img{display:block;width:100%;height:auto;aspect-ratio:400/630;object-fit:cover;border-radius:4px}

/* ---- Accesos por ámbito (ilustración + enlace) ---- */
.kp-ambitos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 48px;text-align:left}
.kp-ambito{position:relative;display:flex;align-items:center;gap:16px;min-height:97px;padding:4px 36px 4px 0;border-bottom:1px solid #EAEBEE}
.kp-ambito figure{flex:0 0 88px;width:88px}
.kp-ambito h3{flex:1 1 auto;min-width:0}
.kp-ambito img{display:block;width:88px;height:88px;object-fit:contain}
.kp-ambito h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-ambito h3 a{color:var(--kp-tinta);text-decoration:none}
.kp-ambito h3 a::before{content:"";position:absolute;inset:0}
.kp-ambito h3 a:focus-visible{outline:none}
.kp-ambito:focus-within{outline:3px solid var(--kp-azul);outline-offset:4px}
.kp-ambito::after{content:"";position:absolute;right:4px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--kp-tinta);
  -webkit-mask:url(portada/flecha.svg) center/contain no-repeat;mask:url(portada/flecha.svg) center/contain no-repeat;transition:transform .25s}
.kp-ambito:hover h3 a{color:var(--kp-oposiciones)}
.kp-ambito:hover::after{transform:translateX(4px);background:var(--kp-oposiciones)}

/* ---- Pasos numerados ---- */
.kp-pasos{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border-radius:4px;overflow:hidden;background:#E7F1F8}
.kp-paso{display:flex;flex-direction:column;gap:8px;padding:24px;background:#fff}
.kp-paso__num{margin-bottom:16px!important;font-size:61px;font-weight:700;line-height:68px;color:var(--kp-azul)}
.kp-paso h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-paso p:not(.kp-paso__num){font-size:16px;line-height:1.3}

/* ---- Pilares: foto con título + lista con iconos ---- */
.kp-seccion.kp-pilares{display:grid;grid-template-columns:1fr 1fr;padding:0;text-align:left;background:#fff;border-bottom:1px solid #E7F1F8}
.kp-pilares__foto.wp-block-cover{display:flex;align-items:center;min-height:622px;padding:48px 40px}
.kp-pilares__foto .wp-block-cover__inner-container{max-width:585px;margin:0 0 0 auto}
.kp-pilares__foto .kp-rotulo{color:#fff}
.kp-pilares__lista{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:48px 40px}
.kp-pilar{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;max-width:585px}
.kp-pilar img{display:block;width:48px;height:48px}
.kp-pilar__texto{display:flex;flex-direction:column;gap:2px}
.kp-pilar h3{font-size:16px;font-weight:700;line-height:1.2}
.kp-pilar p{font-size:16px;line-height:1.2}

/* ---- Frase en banda oscura ---- */
.kp-seccion.kp-frase{padding:128px 24px;background:#0B1C28}
.kp-frase h2{max-width:1036px;margin:0 auto;font-size:61px;line-height:68px;color:#fff}

/* ---- Garantía ---- */
.kp-seccion.kp-garantia{padding:36px 24px 72px;overflow:hidden;background:linear-gradient(to right,#0B1C28,#28658E);color:#fff}
.kp-garantia::before,.kp-garantia::after{content:"";position:absolute;inset:0;pointer-events:none}
.kp-garantia::before{background:url(paginas/rejilla-garantia.svg) center/cover no-repeat;opacity:.6}
.kp-garantia::after{background:linear-gradient(rgba(55,151,202,0) 34%,rgba(55,151,202,.5) 72%);clip-path:polygon(45% 0,76% 0,56% 100%,26% 100%)}
.kp-garantia .kp-cabecera{position:relative;z-index:1}
.kp-garantia__icono img{display:block;width:120px;height:auto;margin:0 auto}
.kp-garantia__rotulo{font-size:20px;font-weight:700;line-height:1.2;text-transform:uppercase}
.kp-garantia h2{color:#fff}
.kp-garantia .kp-entrada{color:#E7F1F8}
.kp-garantia .wp-block-buttons{margin-top:24px}

/* ---- Planes y precios ---- */
.kp-planes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.kp-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:48px 24px 24px;border:2px solid transparent;border-radius:4px;background:#fff}
.kp-plan.kp-recomendado{border-color:var(--kp-oposiciones)}
.kp-plan__etiqueta{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:2px;
  background:var(--kp-oposiciones);color:#fff;font-size:13px;font-weight:700;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.kp-plan h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-plan__precio{margin-top:8px!important;font-size:61px;font-weight:700;line-height:68px;color:var(--kp-azul)}
.kp-plan__periodo{font-size:13px;font-weight:700;line-height:1.2;color:var(--kp-oposiciones)}
.kp-checks{display:flex;flex-direction:column;gap:12px;margin:24px 0!important;padding:0;list-style:none;text-align:left}
.kp-checks li{position:relative;padding-left:28px;font-size:16px;line-height:1.2}
.kp-checks li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(paginas/check-verde.svg) center/contain no-repeat}
.kp-plan .wp-block-buttons{margin-top:auto}
.kp-planes__nota{max-width:824px;margin:0 auto}

/* ---- Preguntas frecuentes (bloque Detalles) ---- */
.kp-seccion.kp-faq{background:linear-gradient(#fff,#E7F1F8)}
.kp-faq__lista{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:start}
.kp-faq details{border-radius:4px;background:#fff}
.kp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;cursor:pointer;list-style:none;
  font-size:16px;font-weight:700;line-height:1.3}
.kp-faq summary::-webkit-details-marker{display:none}
.kp-faq summary::after{content:"+";flex:0 0 24px;font-size:28px;font-weight:400;line-height:24px;text-align:center;color:var(--kp-azul)}
.kp-faq details[open] summary::after{content:"−"}
.kp-faq summary:focus-visible{outline:3px solid var(--kp-azul);outline-offset:2px}
.kp-faq details p{padding:0 16px 16px;font-size:16px;line-height:1.4;color:var(--kp-texto)}

@media (max-width:1100px){
  .kp-dos{grid-template-columns:1fr 300px}
  .kp-ambitos{grid-template-columns:repeat(2,1fr)}
  .kp-pasos{grid-template-columns:repeat(3,1fr)}
  .kp-planes{grid-template-columns:1fr;max-width:520px;margin-inline:auto;width:100%}
  .kp-hero::before{left:60%;opacity:.7}
}
@media (max-width:768px){
  .kp-hero.wp-block-cover{min-height:0;padding:64px 20px}
  .kp-hero .wp-block-cover__image-background{width:100%}
  .kp-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(11,28,40,.92),rgba(11,28,40,.75))!important}
  .kp-hero::before,.kp-hero .kp-sigla{display:none}
  .kp-hero h1{font-size:36px}
  .kp-hero .kp-entrada{font-size:20px}
  .kp-hero .kp-nota{font-size:16px}
  .kp-dos{grid-template-columns:1fr}
  .kp-foto-lateral img{aspect-ratio:4/3}
  .kp-ventajas,.kp-ambitos,.kp-pasos,.kp-faq__lista{grid-template-columns:1fr}
  .kp-seccion.kp-pilares{grid-template-columns:1fr}
  .kp-pilares__foto.wp-block-cover{min-height:360px;padding:48px 20px}
  .kp-pilares__lista{padding:40px 20px}
  .kp-seccion.kp-frase{padding:72px 20px}
  .kp-frase h2{font-size:36px;line-height:1.2}
  .kp-plan__precio{font-size:49px;line-height:56px}
  .kp-esquinas::before,.kp-esquinas::after,.kp-esquina-dcha::after,.kp-esquina-izda::before{opacity:.35}
}
/* editor: lo que la regla general (.kp-seccion .wp-block sin márgenes ni ancho) estropea */
.editor-styles-wrapper .kp-seccion .wp-block.kp-estrecha{max-width:1036px;margin:0 auto}
.editor-styles-wrapper .kp-izquierda .wp-block.kp-cabecera{margin:0;max-width:none}
.editor-styles-wrapper .kp-hero .wp-block.kp-texto-foto{max-width:504px}
.editor-styles-wrapper .kp-pilares__foto .wp-block-cover__inner-container{margin:0 0 0 auto}
.editor-styles-wrapper .kp-garantia__icono img{width:120px!important;height:auto!important}
.editor-styles-wrapper .kp-ambito img{width:88px!important;height:88px!important}
.editor-styles-wrapper .kp-hero .wp-block.kp-sigla{position:absolute;top:48px;right:48px;left:auto;margin:0}

/* ---- editor: sin el ancho y los márgenes que pone a cada bloque ---- */
.editor-styles-wrapper .wp-block.kp-seccion{max-width:none;margin:0}
.editor-styles-wrapper .kp-seccion .wp-block{max-width:none;margin:0}
.editor-styles-wrapper .kp-seccion .wp-block.kp-caja{max-width:1248px;margin:0 auto}
.editor-styles-wrapper .kp-seccion .wp-block.kp-cabecera,.editor-styles-wrapper .kp-seccion .wp-block.kp-sedes{max-width:824px;margin-left:auto;margin-right:auto}
.editor-styles-wrapper .kp-seccion .wp-block.kp-sedes{margin-top:48px}
.editor-styles-wrapper .kp-seccion .wp-block.kp-cifras{margin-top:48px}
.editor-styles-wrapper .kp-seccion .wp-block.kp-tarjetas{margin:48px 0}
.editor-styles-wrapper .kp-seccion .wp-block.kp-tarjeta:nth-child(2),.editor-styles-wrapper .kp-seccion .wp-block.kp-tarjeta:nth-child(3){margin-top:32px}
.editor-styles-wrapper .kp-seccion .wp-block.kp-tarjeta__media{margin:0 -20px 8px}
.editor-styles-wrapper .kp-tarjeta__media .wp-block.kp-sigla{position:absolute;top:24px;right:24px;left:auto;margin:0}
.editor-styles-wrapper .kp-logos__fila img{width:auto!important;height:44px!important}
.editor-styles-wrapper .kp-logos__fila .kp-alto img{height:56px!important}
.editor-styles-wrapper .kp-logos__fila .kp-bajo img{height:32px!important}
.editor-styles-wrapper .kp-seccion .wp-block.kp-logos__fila{margin-top:48px}
.editor-styles-wrapper .kp-seccion .wp-block.kp-texto-foto{max-width:504px}
.editor-styles-wrapper .kp-remate .wp-block.kp-texto-foto{max-width:613px}
.editor-styles-wrapper .kp-remate-fila .wp-block.kp-fila{max-width:1040px;margin:0 auto}
.editor-styles-wrapper .kp-diagonal .wp-block-buttons.wp-block{margin-top:24px}
.editor-styles-wrapper .kp-tarjeta .wp-block.kp-enlace{margin-top:auto}
.editor-styles-wrapper .kp-sedes .wp-block.kp-enlace{margin-top:20px}
@media (max-width:1100px){.editor-styles-wrapper .kp-seccion .wp-block.kp-tarjeta:nth-child(n){margin-top:0}}

/* =====================================================================
   Formación para el empleo (y las páginas de su línea, en verde).
   kp-tema-empleo en cada sección cambia el color de acento (rótulos,
   sigla, esquinas y banda del remate) al verde de la línea.
   ===================================================================== */
.kp-seccion.kp-tema-empleo{--kp-acento:var(--kp-empleo);--kp-linea:var(--kp-empleo)}
.kp-verde-suave{background:#E8F7F1}
.kp-degradado-verde{background:linear-gradient(#E8F7F1,#fff)}
.kp-tema-empleo.kp-esquina-dcha::after{background:linear-gradient(to bottom,rgba(48,132,97,0) 20%,rgba(48,132,97,.4));clip-path:polygon(100% 15%,100% 100%,78% 100%)}
.kp-tema-empleo.kp-esquinas::before{background:linear-gradient(to bottom,rgba(48,132,97,.3),rgba(48,132,97,0) 40%)}
.kp-tema-empleo.kp-esquinas::after{background:linear-gradient(to bottom,rgba(48,132,97,.3),rgba(48,132,97,0) 40%)}
.kp-tema-empleo.kp-diagonal::before{background:linear-gradient(180deg,rgba(11,28,40,.9) 0%,rgba(48,132,97,.85) 100%)}

/* ---- Hero claro: texto oscuro sobre blanco y foto a la derecha ---- */
.kp-hero.kp-hero-claro.wp-block-cover{display:flex;align-items:center;min-height:597px;padding:96px 24px;background:#fff;color:var(--kp-tinta)}
.kp-hero-claro .wp-block-cover__image-background{width:53%;object-position:50% 25%}
.kp-hero-claro .wp-block-cover__background{background:linear-gradient(90deg,#fff 47%,rgba(255,255,255,.7) 53%,rgba(255,255,255,0) 66%)!important}
.kp-hero-claro::before{left:53%;top:-300px;background-image:url(paginas/forma-hero-empleo.svg)}
.kp-hero-claro .wp-block-cover__inner-container{color:var(--kp-tinta)}
.kp-hero-claro .kp-texto-foto{max-width:611px;gap:8px}
.kp-hero-claro h1{color:var(--kp-tinta)}
.kp-hero-claro .kp-entrada{margin-top:16px!important;color:var(--kp-texto)}
.kp-hero-claro .wp-block-buttons{margin:24px 0 0}

/* ---- Cifras grandes en banda ---- */
.kp-seccion.kp-cifras-banda{overflow:hidden;background:#E8F7F1}
.kp-cifras-banda::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(48,132,97,.22),rgba(48,132,97,0) 85%);clip-path:polygon(38% 0,69% 0,61% 100%,35% 100%)}
.kp-cifras-grandes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kp-cifra-grande{display:flex;flex-direction:column;gap:8px}
.kp-cifra-grande__valor{font-size:61px;font-weight:700;line-height:68px;color:var(--kp-tinta)}
.kp-cifra-grande p:not(.kp-cifra-grande__valor){font-size:20px;line-height:1.2;color:var(--kp-texto)}

/* ---- Opciones con icono en círculo (perfiles, acreditaciones) ---- */
.kp-media,.kp-izquierda .kp-cabecera.kp-media{max-width:600px}
.kp-opciones{display:flex;flex-direction:column;gap:32px;max-width:600px}
.kp-opcion{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center}
.kp-opcion__icono{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#E8F7F1}
.kp-opcion__icono img{display:block;width:24px;height:24px}
.kp-opcion__texto{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.kp-opcion h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-opcion p:not(.kp-enlace){font-size:16px;line-height:1.3}
.kp-opcion .kp-enlace{margin-top:4px}

/* ---- Objetivos: tarjetas con icono a la izquierda ---- */
.kp-objetivos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:824px;margin:0 auto;width:100%;text-align:left}
.kp-objetivo{display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:center;padding:16px 20px;border-radius:4px;background:#fff;box-shadow:0 4px 16px rgba(11,28,40,.06)}
.kp-objetivo img{display:block;width:32px;height:32px;object-fit:contain}
.kp-objetivo__texto{display:flex;flex-direction:column;gap:2px}
.kp-objetivo h3{font-size:20px;font-weight:700;line-height:1.2;color:var(--kp-texto)}
.kp-objetivo p{font-size:16px;line-height:1.3;color:var(--kp-texto)}

/* ---- Sectores: lista de enlaces + foto a sangre ---- */
.kp-seccion.kp-sectores{display:grid;grid-template-columns:1fr 1fr;padding:0;text-align:left;background:#fff}
.kp-sectores__texto{display:flex;flex-direction:column;justify-content:center;gap:40px;padding:96px 64px 96px max(24px,calc(50vw - 624px))}
.kp-sectores__foto{position:relative;min-height:600px}
.kp-sectores__foto img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.kp-enlaces{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
.kp-enlace-fila a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #EAEBEE;
  color:var(--kp-tinta);font-size:16px;line-height:1.2;text-decoration:none}
.kp-enlace-fila a::after{content:"";flex:0 0 20px;height:20px;background:currentColor;
  -webkit-mask:url(portada/flecha.svg) center/contain no-repeat;mask:url(portada/flecha.svg) center/contain no-repeat;transition:transform .25s}
.kp-enlace-fila a:hover{color:var(--kp-acento)}
.kp-enlace-fila a:hover::after{transform:translateX(4px)}
.kp-enlace-fila a:focus-visible{outline:3px solid var(--kp-azul);outline-offset:2px}
.kp-enlace-fila.kp-todas a{color:var(--kp-acento)}

/* ---- Valor: título + tres ventajas en una banda blanca ---- */
.kp-valor{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2px;border-top:24px solid #F3FAF7;border-radius:4px;overflow:hidden;background:#E8F7F1;text-align:left}
.kp-valor>*{display:flex;flex-direction:column;gap:8px;padding:24px;background:#fff}
.kp-valor__titulo{justify-content:center}
.kp-valor img{display:block;width:32px;height:32px;margin-bottom:8px}
.kp-valor h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-valor p:not(.kp-rotulo){font-size:16px;line-height:1.3}

/* ---- Foto grande con sombra (certificado) ---- */
.kp-dos.kp-dos-ancha{grid-template-columns:1fr 610px;gap:64px}
.kp-foto-sombra img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 8px 32px rgba(11,28,40,.12)}

@media (max-width:1100px){
  .kp-dos.kp-dos-ancha{grid-template-columns:1fr 1fr;gap:40px}
  .kp-valor{grid-template-columns:repeat(3,1fr)}
  .kp-valor__titulo{grid-column:1/-1}
  .kp-sectores__texto{padding:72px 40px 72px 24px}
}
@media (max-width:768px){
  .kp-hero.kp-hero-claro.wp-block-cover{min-height:0;padding:64px 20px}
  .kp-hero-claro .wp-block-cover__image-background{width:100%}
  .kp-hero-claro .wp-block-cover__background{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.82))!important}
  .kp-cifras-grandes,.kp-objetivos,.kp-enlaces,.kp-valor,.kp-dos.kp-dos-ancha{grid-template-columns:1fr}
  .kp-cifra-grande__valor{font-size:49px;line-height:56px}
  .kp-cifras-banda::before{opacity:.5}
  .kp-seccion.kp-sectores{grid-template-columns:1fr}
  .kp-sectores__texto{padding:64px 20px}
  .kp-sectores__foto{min-height:0}
  .kp-sectores__foto img{position:static;height:auto;aspect-ratio:4/3}
}
/* editor */
.editor-styles-wrapper .kp-seccion .wp-block.kp-media,.editor-styles-wrapper .kp-seccion .wp-block.kp-opciones{max-width:600px}
.editor-styles-wrapper .kp-seccion .wp-block.kp-objetivos{max-width:824px;margin:0 auto}
.editor-styles-wrapper .kp-hero-claro .wp-block.kp-texto-foto{max-width:611px}
.editor-styles-wrapper .kp-opcion__icono img{width:24px!important;height:24px!important}
.editor-styles-wrapper .kp-objetivo img,.editor-styles-wrapper .kp-valor img{width:32px!important;height:32px!important}
.editor-styles-wrapper .kp-sectores__foto img{height:100%!important}

/* =====================================================================
   Formación InCompany (dorado). kp-tema-incompany cambia el acento.
   ===================================================================== */
.kp-seccion.kp-tema-incompany{--kp-acento:var(--kp-incompany);--kp-linea:var(--kp-incompany)}
.kp-beige{background:#F7F2E8}
.kp-tema-incompany.kp-esquinas::before,.kp-tema-incompany.kp-esquinas::after{background:linear-gradient(to bottom,rgba(143,109,50,.35),rgba(143,109,50,0) 40%)}
.kp-tema-incompany.kp-esquina-izda::before{background:linear-gradient(to bottom,rgba(143,109,50,0) 40%,rgba(143,109,50,.35))}
.kp-tema-incompany.kp-diagonal::before{background:linear-gradient(180deg,rgba(143,109,50,.92) 0%,rgba(143,109,50,.78) 100%)}
.kp-tema-incompany.kp-faq{background:linear-gradient(#fff,#F7F2E8)}
.kp-tema-incompany.kp-faq summary::after{color:var(--kp-incompany)}
/* hero oscuro con forma dorada; rótulo más claro para que se lea sobre el azul noche */
.kp-hero.kp-tema-incompany::before{background-image:url(paginas/forma-hero-incompany.svg)}
.kp-hero.kp-tema-incompany .kp-rotulo{color:#D4B47A}
.kp-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:8px}
.kp-hero .kp-acciones .wp-block-buttons{margin:0}
.kp-hero .kp-enlace a,.kp-diagonal .kp-enlace a{color:#fff}

/* ---- Temas con icono (rejilla 3×3) ---- */
.kp-seccion.kp-rejilla{overflow:hidden}
.kp-rejilla::before{content:"";position:absolute;inset:0;pointer-events:none;background:url(paginas/rejilla-incompany.svg) center/cover no-repeat;opacity:.12}
.kp-temas{display:grid;grid-template-columns:repeat(3,1fr);max-width:824px;margin:0 auto;width:100%}
.kp-tema{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-top:1px solid #EAEBEE}
.kp-tema img{display:block;width:24px;height:24px}
.kp-tema h3{font-size:16px;font-weight:700;line-height:1.2}

/* ---- Proceso: texto + foto que se funde, hitos numerados con línea ---- */
.kp-seccion.kp-proceso{padding-bottom:0;overflow:hidden}
.kp-proceso .kp-dos{grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.kp-proceso__texto{display:flex;flex-direction:column;gap:32px}
.kp-proceso__foto{margin:0 0 0 -24px!important}
.kp-proceso__foto img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:top;
  -webkit-mask-image:linear-gradient(to right,#000 55%,transparent),linear-gradient(to bottom,transparent,#000 30%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 55%,transparent),linear-gradient(to bottom,transparent,#000 30%);mask-composite:intersect}
.kp-hitos{position:relative;display:flex;flex-direction:column;gap:56px;padding-bottom:64px}
.kp-hitos::before{content:"";position:absolute;left:23px;top:24px;bottom:96px;border-left:1px dashed #D9CBB0}
.kp-hito{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.kp-hito__num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#F7F2E8;
  color:var(--kp-acento);font-size:20px;font-weight:700;line-height:1}
.kp-hito__texto{display:flex;flex-direction:column;gap:4px;padding-top:2px}
.kp-hito h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-hito p{font-size:16px;line-height:1.3}

/* ---- Semanas (cuatro tarjetas con check) ---- */
.kp-semanas{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;text-align:left}
.kp-semana{display:flex;flex-direction:column;gap:8px;padding:24px;background:#fff}
.kp-semana__icono{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:8px!important;border-radius:999px;background:#F7F2E8}
.kp-semana__icono img{display:block;width:24px;height:24px}
.kp-semana h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-semana p{font-size:16px;line-height:1.3}

/* ---- Tarjetas con foto (modalidades y temas) ---- */
.kp-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1036px;margin:0 auto;width:100%;text-align:left;align-items:start}
.kp-fotos.kp-cinco{grid-template-columns:repeat(5,1fr);max-width:none;align-items:stretch}
.kp-fotos:not(.kp-cinco)>:nth-child(2){margin-top:32px}
.kp-foto-tarjeta{display:flex;flex-direction:column;gap:4px;padding-bottom:20px;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(11,28,40,.08)}
.kp-foto-tarjeta>*:not(figure){padding-inline:20px}
.kp-foto-tarjeta figure{margin:0 0 16px!important;height:auto!important} /* .size-full del CSS del Figma pone height:100% */
.kp-foto-tarjeta img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.kp-foto-tarjeta h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-foto-tarjeta p:not(.kp-enlace){font-size:16px;line-height:1.4;color:var(--kp-texto)}
.kp-foto-tarjeta .kp-enlace{margin-top:auto;padding-top:16px}

/* ---- Columnas con icono centrado y separadores ---- */
.kp-columnas{display:grid;grid-template-columns:repeat(3,1fr);max-width:1036px;margin:0 auto;width:100%}
.kp-columna{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;border-left:2px solid #F0E8D8}
.kp-columna:first-child{border-left:0}
.kp-columna img{display:block;width:48px;height:48px;margin-bottom:8px}
.kp-columna h3{font-size:16px;font-weight:700;line-height:1.2}
.kp-columna p{font-size:16px;line-height:1.3}

/* ---- Casos de éxito ---- */
.kp-casos{display:grid;grid-template-columns:repeat(3,1fr);text-align:left}
.kp-caso{display:flex;flex-direction:column;gap:8px;padding:24px;border-left:2px solid #fff}
.kp-caso:first-child{border-left:0}
.kp-caso__cabeza{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px!important}
.kp-caso__foto img{display:block;width:64px;height:64px;border:2px solid var(--kp-acento);border-radius:999px;object-fit:cover}
.kp-caso__cita img{display:block;width:40px;height:40px}
.kp-caso blockquote,.kp-caso .kp-caso__texto{margin:0 0 16px!important;font-size:18px;font-style:italic;line-height:1.3}
.kp-caso h3{font-size:18px;font-weight:700;line-height:1.2}

@media (max-width:1100px){
  .kp-fotos.kp-cinco{grid-template-columns:repeat(3,1fr)}
  .kp-semanas{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .kp-temas,.kp-semanas,.kp-fotos,.kp-fotos.kp-cinco,.kp-columnas,.kp-casos,.kp-proceso .kp-dos{grid-template-columns:1fr}
  .kp-fotos:not(.kp-cinco)>:nth-child(2){margin-top:0}
  .kp-tema{justify-content:flex-start}
  .kp-columna{border-left:0;border-top:2px solid #F0E8D8}
  .kp-columna:first-child{border-top:0}
  .kp-caso{border-left:0;border-top:2px solid #fff;padding-inline:0}
  .kp-caso:first-child{border-top:0}
  .kp-proceso__foto{margin:0 -20px!important}
  .kp-hitos{gap:32px;padding-bottom:0}
  .kp-hitos::before{bottom:48px}
}
/* editor */
.editor-styles-wrapper .kp-seccion .wp-block.kp-temas,.editor-styles-wrapper .kp-seccion .wp-block.kp-fotos:not(.kp-cinco),.editor-styles-wrapper .kp-seccion .wp-block.kp-columnas{max-width:1036px;margin:0 auto}
.editor-styles-wrapper .kp-seccion .wp-block.kp-temas{max-width:824px}
.editor-styles-wrapper .kp-fotos:not(.kp-cinco)>.wp-block:nth-child(2){margin-top:32px}
.editor-styles-wrapper .kp-tema img,.editor-styles-wrapper .kp-semana__icono img{width:24px!important;height:24px!important}
.editor-styles-wrapper .kp-columna img{width:48px!important;height:48px!important}
.editor-styles-wrapper .kp-caso__foto img{width:64px!important;height:64px!important}
.editor-styles-wrapper .kp-caso__cita img{width:40px!important;height:40px!important}
.editor-styles-wrapper .kp-foto-tarjeta .wp-block.kp-enlace{margin-top:auto}

/* =====================================================================
   FP (terracota). kp-tema-fp cambia el acento.
   ===================================================================== */
.kp-seccion.kp-tema-fp{--kp-acento:var(--kp-fp);--kp-linea:var(--kp-fp)}
.kp-rosa{background:#F7ECE8}
.kp-degradado-fp{background:linear-gradient(#fff 40%,#F7ECE8)}
.kp-tema-fp.kp-esquina-dcha::after{background:linear-gradient(to bottom,rgba(143,74,50,0) 20%,rgba(143,74,50,.35));clip-path:polygon(100% 15%,100% 100%,78% 100%)}
.kp-tema-fp.kp-esquinas::before,.kp-tema-fp.kp-esquinas::after{background:linear-gradient(to bottom,rgba(143,74,50,.3),rgba(143,74,50,0) 40%)}
.kp-tema-fp.kp-diagonal::before{background:linear-gradient(180deg,rgba(143,74,50,.92) 0%,rgba(143,74,50,.78) 100%)}
.kp-tema-fp.kp-faq{background:linear-gradient(#fff,#F7ECE8)}
.kp-tema-fp.kp-faq summary::after{color:var(--kp-fp)}
.kp-hero-claro.kp-tema-fp::before{background-image:url(paginas/forma-hero-fp.svg);opacity:.8}
.kp-tema-fp .kp-enlace a:hover{color:var(--kp-fp)}
.kp-hero-claro .kp-enlace a{color:var(--kp-tinta)}
.kp-tema-fp .kp-hito__num{background:#F7ECE8}
.kp-tema-fp .kp-hitos::before{border-color:#E3C9BF}
/* anclas (#ciclos): que el rótulo no quede bajo la cabecera fija */
.kp-seccion[id]{scroll-margin-top:40px}
/* frase con su fuente */
.kp-frase .kp-fuente{margin-top:16px!important;font-size:14px;line-height:1.3;color:#C9D3DA}

/* ---- Elige tu ciclo: título + enlaces por grado ---- */
.kp-elige{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.kp-grados{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kp-grado{display:flex;flex-direction:column}
.kp-grado .kp-rotulo{padding-bottom:12px;border-bottom:1px solid var(--kp-tinta)}
.kp-grado .kp-enlace-fila a{border-color:#DCC6BD}

/* ---- Ciclos: cuatro tarjetas con foto ---- */
.kp-fotos.kp-cuatro{grid-template-columns:repeat(4,1fr);max-width:none;align-items:stretch}
.kp-fotos.kp-cuatro>:nth-child(2){margin-top:0}
.kp-foto-tarjeta .kp-rotulo{font-size:12px}
.kp-ficha{font-size:13px!important;font-weight:700;text-transform:uppercase;color:var(--kp-acento)!important}

/* ---- Columnas en tarjetas blancas ---- */
.kp-columnas.kp-columnas-tarjeta{gap:24px}
.kp-columnas-tarjeta .kp-columna{border:0;border-radius:4px;background:#fff;padding:24px}
.kp-columnas-tarjeta .kp-columna h3{font-size:20px}

@media (max-width:1100px){
  .kp-fotos.kp-cuatro{grid-template-columns:repeat(2,1fr)}
  .kp-elige{grid-template-columns:1fr}
}
@media (max-width:768px){
  .kp-fotos.kp-cuatro,.kp-grados{grid-template-columns:1fr}
  .kp-columnas-tarjeta .kp-columna{border-top:0}
}
/* editor */
.editor-styles-wrapper .kp-fotos.kp-cuatro>.wp-block:nth-child(2){margin-top:0}
.editor-styles-wrapper .kp-seccion .wp-block.kp-fotos.kp-cuatro{max-width:none}
.editor-styles-wrapper .kp-seccion .wp-block.kp-columnas.kp-columnas-tarjeta{max-width:1036px}

/* =====================================================================
   Formación Superior (burdeos). kp-tema-superior cambia el acento.
   ===================================================================== */
.kp-seccion.kp-tema-superior{--kp-acento:var(--kp-superior);--kp-linea:var(--kp-superior)}
.kp-tema-superior.kp-esquinas::before,.kp-tema-superior.kp-esquinas::after{background:linear-gradient(to bottom,rgba(143,50,74,.3),rgba(143,50,74,0) 40%)}
.kp-tema-superior.kp-esquina-izda::before{background:linear-gradient(to bottom,rgba(143,50,74,0) 40%,rgba(143,50,74,.35))}
.kp-tema-superior.kp-diagonal::before{background:linear-gradient(180deg,rgba(143,50,74,.92) 0%,rgba(143,50,74,.8) 100%)}
.kp-tema-superior.kp-faq{background:linear-gradient(#fff,#F7E8EC)}
.kp-tema-superior.kp-faq summary::after{color:var(--kp-superior)}
.kp-hero-claro.kp-tema-superior::before{background-image:url(paginas/forma-hero-superior.svg);opacity:.8}
.kp-tema-superior .kp-enlace a:hover{color:var(--kp-superior)}
.kp-tema-superior .kp-hito__num{background:#F7E8EC}
.kp-tema-superior .kp-hitos::before{border-color:#E3BFC8}
.kp-tema-superior .kp-columna{border-color:#F3E1E6}

/* ---- Cinco columnas alineadas a la izquierda (metodología) ---- */
.kp-columnas.kp-columnas-cinco{grid-template-columns:repeat(5,1fr);max-width:none}
.kp-columnas-cinco .kp-columna{align-items:flex-start;text-align:left;padding:24px}
.kp-columnas-cinco .kp-columna h3{font-size:20px}

/* ---- Rejilla de 3 x 2 con líneas (por qué formarte) ---- */
.kp-columnas-rejilla .kp-columna{text-align:center}
.kp-columnas-rejilla .kp-columna:nth-child(3n+1){border-left:0}
.kp-columnas-rejilla .kp-columna:nth-child(n+4){border-top:2px solid #F3E1E6}
.kp-columnas-rejilla .kp-columna h3{font-size:20px}

@media (max-width:1100px){
  .kp-columnas.kp-columnas-cinco{grid-template-columns:repeat(3,1fr)}
  .kp-columnas-cinco .kp-columna:nth-child(3n+1){border-left:0}
}
@media (max-width:768px){
  .kp-columnas.kp-columnas-cinco{grid-template-columns:1fr}
  .kp-columnas-cinco .kp-columna,.kp-columnas-rejilla .kp-columna{border-left:0;border-top:2px solid #F3E1E6;padding:24px 0}
  .kp-columnas-cinco .kp-columna:first-child,.kp-columnas-rejilla .kp-columna:first-child{border-top:0}
}
/* editor */
.editor-styles-wrapper .kp-seccion .wp-block.kp-columnas.kp-columnas-cinco{max-width:none}

/* =====================================================================
   Quiénes somos
   ===================================================================== */
.kp-celeste{background:#E7F1F8}
/* ---- Cabecera centrada sobre foto oscura ---- */
.kp-hero.kp-hero-centro.wp-block-cover{display:flex;align-items:center;min-height:450px;padding:96px 24px;text-align:center}
.kp-hero-centro .wp-block-cover__image-background{width:100%}
.kp-hero-centro .wp-block-cover__background{background:rgba(11,28,40,.72)!important}
.kp-hero-centro::before{display:none}
.kp-hero-centro .kp-texto-foto{max-width:820px;margin:0 auto;align-items:center;gap:8px}
.kp-hero-centro h1{font-size:39px}
.kp-hero-centro .kp-entrada{font-size:18px;line-height:1.4}
.kp-hero-centro .kp-rotulo{color:#fff}
.kp-datos{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 56px;margin-top:32px}
.kp-dato{display:flex;align-items:center;gap:8px}
.kp-dato img{display:block;width:24px;height:24px}
.kp-dato p{font-size:16px;font-weight:700;color:#fff}

/* ---- Línea del tiempo ---- */
.kp-linea-tiempo{position:relative;display:flex;flex-direction:column;gap:64px;margin-top:24px;text-align:left}
.kp-linea-tiempo::before{content:"";position:absolute;left:50%;top:24px;bottom:0;border-left:1px dashed var(--kp-oposiciones)}
.kp-etapa{position:relative;display:grid;grid-template-columns:1fr 48px 1fr;gap:24px 32px;align-items:start}
.kp-etapa__texto{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.kp-etapa__fecha{font-size:25px;font-weight:700;line-height:1.2;color:var(--kp-azul)}
.kp-etapa h3{margin-bottom:8px!important;font-size:39px;font-weight:700;line-height:1.2}
.kp-etapa__texto>p:not(.kp-etapa__fecha){font-size:16px;line-height:1.3}
.kp-cita{display:flex;gap:16px;align-items:flex-start;margin-top:16px}
.kp-cita figure{flex:0 0 32px;margin:0!important}
.kp-cita img{display:block;width:32px;height:32px}
/* en secciones muy altas las esquinas se miden en px, no en % del alto */
.kp-historia.kp-esquinas::before,.kp-historia.kp-esquinas::after{bottom:auto;height:900px}
.kp-cita p{font-size:16px;line-height:1.3;color:var(--kp-oposiciones)}
.kp-etapa__icono{position:relative;z-index:1;margin:0!important}
.kp-etapa__icono img{display:block;width:48px;height:48px}
.kp-etapa__fotos{display:flex;flex-direction:column;gap:16px}
.kp-etapa__principal{position:relative;margin:0!important;padding:24px 16px 16px}
.kp-etapa__principal::before{content:"";position:absolute;inset:0;border-radius:4px;background:var(--kp-marco,var(--kp-azul));clip-path:polygon(0 24%,100% 0,100% 100%,0 100%)}
.kp-etapa__principal img{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.kp-etapa-inversa .kp-etapa__principal::before{clip-path:polygon(0 0,100% 0,100% 100%,0 92%)}
.kp-marco-azul{--kp-marco:var(--kp-azul)}
.kp-marco-dorado{--kp-marco:#8F6D32}
.kp-marco-fp{--kp-marco:var(--kp-fp)}
.kp-marco-superior{--kp-marco:var(--kp-superior)}
.kp-etapa__mini{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kp-etapa__mini figure{margin:0!important}
.kp-etapa__mini img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.kp-etapa__mini figcaption{margin:4px 0 0;font-size:13px;line-height:1.3;color:var(--kp-tinta);text-align:left}
/* la inversa pone las fotos a la izquierda y el texto a la derecha */
.kp-etapa-inversa .kp-etapa__fotos{grid-column:1;grid-row:1}
.kp-etapa-inversa .kp-etapa__icono{grid-column:2;grid-row:1}
.kp-etapa-inversa .kp-etapa__texto{grid-column:3;grid-row:1}

/* ---- Método: logo y cuatro tarjetas unidas ---- */
.kp-logo-grande{margin:0 auto!important}
.kp-logo-grande img{display:block;width:186px;height:auto}
.kp-columnas.kp-columnas-cuatro{grid-template-columns:repeat(4,1fr);max-width:none;gap:2px;border-radius:4px;overflow:hidden;background:#E7F1F8}
.kp-columnas-cuatro .kp-columna{align-items:flex-start;text-align:left;padding:24px;border:0;background:#fff}
.kp-columnas-cuatro .kp-columna h3{font-size:20px}

/* ---- Sedes ---- */
.kp-sedes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:840px;margin:0 auto;width:100%;text-align:left}
.kp-sede{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(11,28,40,.08)}
.kp-sede>figure{margin:0!important}
.kp-sede>figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.kp-sede__texto{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px}
.kp-sede h3{font-size:20px;font-weight:700;line-height:1.2}
.kp-sede__dato{display:flex;align-items:center;gap:8px}
.kp-sede__dato figure{margin:0!important;flex:0 0 20px}
.kp-sede__dato img{display:block;width:20px;height:20px}
.kp-sede__dato p{font-size:14px;line-height:1.3}
.kp-sede__rasgos{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #EAEBEE}
.kp-sede__rasgos .kp-sede__dato{padding:8px;border-bottom:1px solid #EAEBEE}
.kp-sede__rasgos .kp-sede__dato:nth-child(odd){border-right:1px solid #EAEBEE}
.kp-sede__tel{margin-top:auto!important;padding:6px;border-radius:4px;background:#E7F1F8;font-size:14px;text-align:center}
.kp-sede__tel a{color:var(--kp-tinta);text-decoration:none}
.kp-sede__tel a:hover{text-decoration:underline}
.kp-sede .wp-block-buttons{margin:0}
.kp-sede .wp-block-button,.kp-sede .wp-block-button__link{width:100%;justify-content:center}

@media (max-width:1100px){
  .kp-columnas.kp-columnas-cuatro{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .kp-hero-centro h1{font-size:31px}
  .kp-datos{flex-direction:column;align-items:center;gap:12px}
  .kp-linea-tiempo::before{left:23px}
  .kp-etapa,.kp-etapa-inversa{grid-template-columns:48px 1fr;gap:16px}
  .kp-etapa .kp-etapa__icono,.kp-etapa-inversa .kp-etapa__icono{grid-column:1;grid-row:1}
  .kp-etapa .kp-etapa__texto,.kp-etapa-inversa .kp-etapa__texto{grid-column:2;grid-row:1;padding:0}
  .kp-etapa .kp-etapa__fotos,.kp-etapa-inversa .kp-etapa__fotos{grid-column:2;grid-row:2}
  .kp-etapa h3{font-size:31px}
  .kp-columnas.kp-columnas-cuatro,.kp-sedes{grid-template-columns:1fr}
}
/* ---- Contacto ---- */
.kp-hero.kp-hero-bajo.wp-block-cover{min-height:560px;display:flex;align-items:center}
.kp-hero-bajo .kp-entrada{font-size:20px;line-height:1.3}
.kp-hero .kp-borde-texto .wp-block-button__link{padding:6px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:#fff}
.kp-checks.kp-checks-azul li{font-weight:700}
.kp-checks.kp-checks-azul li::before{background-image:url(paginas/check-azul.svg)}
.kp-contacto{background:linear-gradient(to bottom,#fff,#E7F1F8);border-block:1px solid #E7F1F8}
.kp-contacto .kp-dos{grid-template-columns:1fr minmax(0,624px);gap:64px;align-items:start;text-align:left}
.kp-contacto .kp-cabecera{align-items:flex-start;max-width:none;margin:0}
.kp-contacto .kp-checks{margin:16px 0 0!important}
.kp-form-caja{padding:32px;border-radius:4px;background:#fff;box-shadow:0 8px 24px rgba(11,28,40,.08)}
.kp-form{display:flex;flex-direction:column;gap:20px;text-align:left}
.kp-form__par{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kp-form__campo{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:700;line-height:1.2;color:var(--kp-tinta)}
.kp-form__campo abbr{text-decoration:none;color:inherit}
.kp-form :where(input[type=text],input[type=email],input[type=tel],select,textarea){width:100%;min-height:48px;padding:12px 16px;
  border:1px solid #EAEBEE;border-radius:4px;background:#fff;font:400 16px/1.2 "Source Sans 3",system-ui,sans-serif;color:var(--kp-tinta)}
.kp-form textarea{resize:vertical;min-height:96px}
.kp-form ::placeholder{color:#494B50;opacity:.7}
.kp-form :where(input,select,textarea):focus-visible{outline:3px solid var(--kp-azul);outline-offset:1px;border-color:var(--kp-azul)}
.kp-form__casilla{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.3;color:var(--kp-texto)}
.kp-form__casilla input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--kp-tinta);cursor:pointer}
.kp-form__casilla a{color:inherit;text-decoration:underline}
.kp-form__enviar{min-height:52px;padding:16px 32px;border:1px solid var(--kp-azul);border-radius:4px;background:var(--kp-tinta);
  font:700 16px/1.2 "Source Sans 3",system-ui,sans-serif;color:#fff;cursor:pointer;transition:background .2s}
.kp-form__enviar:hover{background:var(--kp-oposiciones)}
.kp-form__enviar:focus-visible{outline:3px solid var(--kp-azul);outline-offset:3px}
.kp-form__nota{font-size:13px;line-height:1.3;color:var(--kp-texto)}
.kp-form__aviso{padding:12px 16px;border-radius:4px;font-size:16px;font-weight:700}
.kp-form__aviso--bien{background:#E3F2E9;color:#1D5E36}
.kp-form__aviso--mal{background:#FBE7E7;color:#8A1F1F}
.kp-form__trampa{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.kp-vias{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1032px;margin:0 auto;text-align:left}
.kp-via{display:flex;flex-direction:column;gap:12px;padding:32px;border:1px solid #EAEBEE;border-radius:4px;background:#fff}
.kp-via>figure img{display:block;width:48px;height:48px}
.kp-via h3{font-size:25px;font-weight:700;line-height:1.2}
.kp-via p{font-size:20px;line-height:1.3;color:var(--kp-texto)}
.kp-puntos{display:flex;flex-direction:column;gap:12px;margin:8px 0 12px!important;padding:0;list-style:none}
.kp-puntos li{position:relative;padding-left:20px;font-size:16px;line-height:1.3;color:var(--kp-tinta)}
.kp-puntos li::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--kp-azul)}
.kp-puntos a{color:inherit}
.kp-via .wp-block-buttons{margin-top:auto}
.kp-via .wp-block-button,.kp-via .wp-block-button__link{width:100%;justify-content:center}
.kp-seccion .kp-via .kp-borde-azul .wp-block-button__link{background:#fff;color:var(--kp-tinta)}
@media (max-width:1100px){
  .kp-contacto .kp-dos{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:768px){
  .kp-hero.kp-hero-bajo.wp-block-cover{min-height:0}
  .kp-contacto .kp-dos,.kp-vias,.kp-form__par{grid-template-columns:1fr}
  .kp-form-caja,.kp-via{padding:24px 20px}
  .kp-via h3{font-size:22px}
  .kp-via p{font-size:18px}
}
.editor-styles-wrapper .kp-via>.wp-block,.editor-styles-wrapper .kp-contacto .kp-dos>.wp-block{margin:0;max-width:none}
.editor-styles-wrapper .kp-via>figure img{width:48px!important;height:48px!important}

/* editor */
.editor-styles-wrapper .kp-seccion .wp-block.kp-columnas.kp-columnas-cuatro{max-width:none}
.editor-styles-wrapper .kp-etapa>.wp-block,.editor-styles-wrapper .kp-etapa__mini>.wp-block,.editor-styles-wrapper .kp-sede>.wp-block{margin:0}
.editor-styles-wrapper .kp-etapa__icono img{width:48px!important;height:48px!important}
.editor-styles-wrapper .kp-dato img{width:24px!important;height:24px!important}
.editor-styles-wrapper .kp-sede__dato img{width:20px!important;height:20px!important}

@media (prefers-reduced-motion:reduce){
  .kp-enlace-fila a::after{transition:none}
}
@media (prefers-reduced-motion:reduce){
  .kp-enlace a::after,.kp-seccion .wp-block-button__link::after{transition:none}
}

/* Transparencia en el editor: las listas de documentos (kuma-docs) se ven como fichas, igual que en el portal. */
.editor-styles-wrapper ul.kuma-docs{display:grid;gap:8px;padding:0;list-style:none}
.editor-styles-wrapper ul.kuma-docs li{padding:12px 16px 12px 44px;border:1px solid #EAEBEE;border-radius:4px;background:#fff
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233797CA' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7l-4-4z'/%3E%3Cpath d='M14 3v4h4M9 13h6M9 17h4'/%3E%3C/svg%3E") 14px 50%/20px no-repeat}

/* ---- Tarjeta de texto (Hacienda, Otras administraciones, Agrupaciones) ---- */
.kp-prosa-caja{max-width:800px;margin:0 auto;text-align:left;padding:48px 56px;border-radius:4px;background:#fff;box-shadow:0 8px 24px rgba(11,28,40,.08);display:flex;flex-direction:column;gap:16px}
.kp-prosa-caja h3{margin-top:16px;font-size:25px;font-weight:700;line-height:1.25;color:var(--kp-tinta)}
.kp-prosa-caja :is(h2,h3,p){text-align:left}
.kp-prosa-caja p{font-size:16px;line-height:1.5;color:var(--kp-texto)}
.kp-prosa-caja .wp-block-buttons{margin-top:8px}
.editor-styles-wrapper .kp-seccion .wp-block.kp-prosa-caja{max-width:800px;margin:0 auto}
/* Tablón de Convocatorias ([kuma_convocatorias] dentro de la tarjeta): h2 por oposición, ul de avisos */
.kp-prosa-caja > h2:not(:first-child){margin-top:16px;font-size:25px;line-height:1.25}
.kp-prosa-caja > ul:not(.wp-block-list){margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.kp-prosa-caja > ul:not(.wp-block-list) > li{padding:16px 20px;border-left:4px solid var(--kp-azul);background:#F5F9FC;display:flex;flex-direction:column;gap:8px}
.kp-prosa-caja > ul h3{margin:0;font-size:18px}
.kp-prosa-caja > ul a{color:var(--kp-azul);text-decoration:underline}
@media (max-width:768px){.kp-prosa-caja{padding:32px 20px}.kp-prosa-caja > h2:not(:first-child){font-size:22px}.kp-prosa-caja h3{font-size:22px}}

/* =====================================================================
   Sueldos de funcionario (calculadora: bloque kuma/calculadora-sueldos)
   ===================================================================== */
.kp-hero-calc{padding:96px 24px 187px;background:#0B1C28;color:#fff;overflow:hidden}
.kp-hero-calc::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg,rgba(55,151,202,.55),rgba(55,151,202,0) 70%);clip-path:polygon(52% 0,74% 0,48% 100%,30% 100%)}
.kp-hero-calc .kp-cabecera{position:relative;z-index:1}
.kp-hero-calc .kp-rotulo{color:#E7F1F8}
.kp-hero-calc h1{font-size:39px;font-weight:700;line-height:1.2;color:#fff}
.kp-hero-calc .kp-entrada{color:#E7F1F8;line-height:1.2}
.kp-calculadora{padding-top:0;background:#fff}
.kp-calc{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:-91px;text-align:left}
.kp-calc__form,.kp-calc__resultado{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:4px;background:#fff;box-shadow:0 0 8px rgba(43,108,151,.1)}
.kp-calc__form{position:sticky;top:96px}
.kp-calc__campo{display:flex;flex-direction:column;gap:8px}
.kp-calc__campo[hidden]{display:none}
.kp-calc__et{font-size:16px;font-weight:700;line-height:1.2;color:var(--kp-tinta)}
.kp-calc__ayuda{font-size:16px;line-height:1.2;color:var(--kp-texto)}
.kp-calc select,.kp-calc input[type=number]{width:100%;min-height:52px;padding:14px 48px 14px 24px;border:1px solid #EAEBEE;border-radius:4px;background:#fff;
  font:inherit;font-size:16px;color:var(--kp-tinta);appearance:none;-webkit-appearance:none}
.kp-calc select{background:#fff url(paginas/chevron.svg) right 20px center/20px no-repeat;cursor:pointer}
.kp-calc input[type=number]{padding-right:24px}
.kp-calc :is(select,input):focus-visible{outline:3px solid var(--kp-azul);outline-offset:2px}
.kp-calc input[type=range]{width:100%;accent-color:var(--kp-azul)}
.kp-calc__rango{display:flex;align-items:center;gap:16px;padding:8px}
.kp-calc__rango output{min-width:2ch;font-size:16px;font-weight:700;text-align:right}
.kp-calc__puesto{font-size:16px;font-weight:700;line-height:1.2}
.kp-calc__sector{margin-top:-12px!important;font-size:16px;color:var(--kp-texto)}
.kp-calc__cifra{font-size:61px;font-weight:700;line-height:68px;color:var(--kp-azul)}
.kp-calc__anual{margin-top:-12px!important;font-size:16px;color:var(--kp-texto)}
.kp-calc__desglose{display:flex;flex-direction:column;gap:12px;margin:0;padding:16px 0;border-block:1px solid #EAEBEE}
.kp-calc__desglose div{display:flex;justify-content:space-between;gap:16px;font-size:16px;line-height:1.2}
.kp-calc__desglose dt{color:var(--kp-texto)}
.kp-calc__desglose dd{margin:0;font-weight:700;text-align:right;white-space:nowrap}
.kp-calc__total{margin-top:4px;padding-top:16px;border-top:1px solid #EAEBEE}
.kp-calc__boton{display:flex;justify-content:center;padding:16px 32px;border:1px solid var(--kp-azul);border-radius:4px;background:var(--kp-tinta);color:#fff;font-size:16px;line-height:1.2;text-decoration:none}
.kp-calc__boton:hover{background:var(--kp-oposiciones)}
.kp-calc__boton:focus-visible{outline:3px solid var(--kp-azul);outline-offset:3px}
.kp-calc__nota{font-size:13px;line-height:1.3;color:var(--kp-texto)}
/* ¿Puedo pedir plaza?: bloque kuma/comprobador (una pregunta a la vista; el veredicto sustituye a las preguntas) */
.kp-comp{max-width:800px;margin:0 auto;scroll-margin-top:128px;padding:48px 56px;border-radius:4px;background:#fff;box-shadow:0 8px 24px rgba(11,28,40,.08);text-align:left}
.kp-comp__progreso{display:flex;gap:8px;margin-bottom:32px}
.kp-comp__progreso[hidden]{display:none}
.kp-comp__progreso span{flex:1;height:4px;border-radius:2px;background:#EAEBEE;transition:background .3s}
.kp-comp__progreso span.hecho{background:var(--kp-acento)}
.kp-comp__pregunta,.kp-comp__veredicto{display:none;flex-direction:column;gap:12px}
.kp-comp__pregunta.activa,.kp-comp__veredicto.activa{display:flex}
.kp-comp__num{font-size:13px;font-weight:700;line-height:1.2;text-transform:uppercase;color:var(--kp-acento)}
.kp-comp .kp-comp__titulo{margin:0;font-size:31px;font-weight:700;line-height:1.2;color:var(--kp-tinta);text-align:left}
.kp-comp__titulo:focus{outline:none}
.kp-comp__ayuda,.kp-comp__texto{font-size:16px;line-height:1.5;color:var(--kp-texto)}
.kp-comp__respuestas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.kp-comp__resp{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border:1px solid #EAEBEE;border-radius:4px;background:#fff;
  font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.kp-comp__resp:hover{border-color:var(--kp-acento);background:#F4FAF7}
.kp-comp__resp[aria-pressed=true]{border-color:var(--kp-acento);background:#E8F7F1}
.kp-comp__resp:focus-visible,.kp-comp__atras:focus-visible,.kp-comp__boton:focus-visible{outline:3px solid var(--kp-azul);outline-offset:2px}
.kp-comp__resp-t{font-size:18px;font-weight:700;line-height:1.25;color:var(--kp-tinta)}
.kp-comp__resp-d{font-size:14px;line-height:1.35;color:var(--kp-texto)}
.kp-comp__atras{align-self:flex-start;margin-top:24px;padding:8px 0;border:0;background:none;font:inherit;font-size:16px;color:var(--kp-azul);text-decoration:underline;cursor:pointer}
.kp-comp__atras[hidden]{display:none}
.kp-comp__marca{align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;color:#fff;background:var(--kp-empleo)}
.kp-comp__marca--quiza{background:#B7791F}
.kp-comp__marca--no{background:#B83A3A}
.kp-comp__cajas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.kp-comp__caja{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:4px;background:#E8F7F1}
.kp-comp__caja strong{font-size:39px;line-height:1.1;color:var(--kp-empleo)}
.kp-comp__caja span{font-size:14px;line-height:1.3;color:var(--kp-texto)}
.kp-comp__porque{margin-top:12px;padding:16px 20px;border-left:4px solid var(--kp-acento);background:#F5F9FC}
.kp-comp__porque h3{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--kp-tinta)}
.kp-comp__porque ul{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px}
.kp-comp__porque li{font-size:16px;line-height:1.45;color:var(--kp-texto)}
.kp-comp__acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.kp-comp__boton{display:inline-flex;padding:16px 32px;border:1px solid var(--kp-azul);border-radius:4px;background:var(--kp-tinta);color:#fff;font-size:16px;line-height:1.2;text-decoration:none}
.kp-comp__boton:hover{background:var(--kp-empleo)}
.kp-comp__boton--linea{background:#fff;color:var(--kp-tinta)}
.kp-comp__boton--linea:hover{background:#F4FAF7;color:var(--kp-tinta)}
/* dos tarjetas de texto lado a lado (kp-dos-tarjetas > kp-tarjeta-texto) */
.kp-dos-tarjetas{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1036px;margin:0 auto;width:100%;text-align:left}
.kp-tarjeta-texto{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:4px;background:#fff;box-shadow:0 0 8px rgba(43,108,151,.1)}
.kp-tarjeta-texto h2{max-width:none;margin:0;font-size:25px;line-height:1.25;text-align:left}
.kp-tarjeta-texto h2 em{font-style:normal;color:var(--kp-acento)}
.kp-tarjeta-texto p{font-size:16px;line-height:1.5;color:var(--kp-texto);text-align:left}
.kp-tarjeta-texto .kp-puntos{gap:16px;margin-top:8px!important}
.kp-tarjeta-texto .kp-puntos li{color:var(--kp-texto)}
.kp-tarjeta-texto .kp-puntos li::before{background:var(--kp-acento)}
.kp-tarjeta-texto .kp-puntos strong{color:var(--kp-tinta)}
.editor-styles-wrapper .kp-seccion .wp-block.kp-dos-tarjetas{max-width:1036px;margin:0 auto}
@media (max-width:768px){
  .kp-comp{padding:32px 20px}
  .kp-comp .kp-comp__titulo{font-size:25px}
  .kp-comp__respuestas,.kp-comp__cajas,.kp-dos-tarjetas{grid-template-columns:1fr}
  .kp-tarjeta-texto{padding:24px 20px}
}
/* escuelas: el listado Figma (kuma/cursos-escuela) trae su propio relleno y fondo */
.kp-seccion.kp-escuela{padding:0}
/* texto + foto en dos mitades; kp-mitad-inversa pone la foto a la izquierda */
.kp-pila.kp-pila-ancha{gap:64px}
.kp-mitad{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left}
.kp-mitad-inversa .kp-mitad__foto{order:-1}
.kp-mitad__texto{display:flex;flex-direction:column;gap:8px;padding-inline:8px}
.kp-mitad__texto .kp-puntos{margin-top:24px!important;gap:24px}
.kp-mitad__texto .kp-puntos strong{color:var(--kp-tinta)}
.kp-mitad__foto img{display:block;width:100%;height:auto;aspect-ratio:592/422;object-fit:cover;border-radius:4px}
/* remate con la foto en espejo, como el de Sueldos en el Figma: la persona a la derecha, fuera de la banda */
.kp-remate-espejo .wp-block-cover__image-background{transform:scaleX(-1)}
/* aviso con triángulo (un párrafo kp-aviso) */
.kp-aviso{position:relative;max-width:824px;margin:0 auto!important;padding:16px 24px 16px 72px;border-radius:4px;background:#E7F1F8;
  font-size:16px;line-height:1.2;color:var(--kp-texto);text-align:left}
.kp-aviso::before{content:"";position:absolute;left:24px;top:50%;width:32px;height:32px;transform:translateY(-50%);background:url(paginas/aviso-triangulo.svg) center/contain no-repeat}
.editor-styles-wrapper .kp-seccion .wp-block.kp-aviso{max-width:824px;margin:0 auto}
@media (max-width:900px){
  .kp-calc,.kp-mitad{grid-template-columns:1fr;gap:24px}
  .kp-calc__form{position:static}
  .kp-mitad-inversa .kp-mitad__foto{order:0}
}
@media (max-width:768px){
  .kp-hero-calc{padding:64px 20px 131px}
  .kp-hero-calc h1{font-size:31px}
  .kp-calc{margin-top:-67px}
  .kp-calc__cifra{font-size:49px;line-height:56px}
  .kp-aviso{padding:16px 16px 16px 60px}
  .kp-aviso::before{left:16px}
}

/* ---- Tarjeta de texto de las subpáginas de Formación para el empleo (ocupados, desempleados…) ----
   Listas del texto con su clase: kp-prosa-cifras (cifra en negrita + rótulo), kp-prosa-claves (idea en
   negrita + explicación) y kp-prosa-enlaces («Sigue por aquí»). Las preguntas frecuentes son h4. */
.kp-prosa-caja h4{margin:8px 0 -8px;font-size:18px;font-weight:700;line-height:1.3;color:var(--kp-tinta)}
.kp-prosa-caja ul.wp-block-list{margin:0;padding:0;list-style:none}
.kp-prosa-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.kp-prosa-cifras li{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:4px;background:#F3F8F5;font-size:14px;line-height:1.3;color:var(--kp-texto)}
.kp-prosa-cifras strong{font-size:31px;line-height:1.1;color:var(--kp-acento)}
.kp-prosa-claves{display:flex;flex-direction:column;gap:16px}
.kp-prosa-claves li{padding-left:16px;border-left:3px solid var(--kp-acento);font-size:16px;line-height:1.5;color:var(--kp-texto)}
.kp-prosa-claves strong{color:var(--kp-tinta)}
.kp-prosa-enlaces{display:flex;flex-direction:column;gap:8px}
.kp-prosa-enlaces a{display:inline-flex;align-items:center;gap:8px;color:var(--kp-acento);font-size:16px;text-decoration:underline;text-underline-offset:3px}
.kp-prosa-enlaces a::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url(portada/flecha.svg) center/contain no-repeat;mask:url(portada/flecha.svg) center/contain no-repeat}
.kp-prosa-enlaces a:focus-visible{outline:3px solid var(--kp-azul);outline-offset:3px}
@media (max-width:768px){.kp-prosa-cifras{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.kp-prosa-cifras strong{font-size:25px}}

/* ---- Formación bonificada: tres ideas, tabla de tramos, cuatro pasos y compromiso ---- */
.kp-semanas.kp-tres{grid-template-columns:repeat(3,1fr)}
.kp-pasos.kp-cuatro{grid-template-columns:repeat(4,1fr)}
.kp-tema-incompany .kp-paso__num{color:var(--kp-acento)}
.kp-tabla{margin:0;overflow-x:auto}
.kp-tabla table{width:100%;border-collapse:collapse;border-radius:4px;overflow:hidden;background:#fff;text-align:left;font-size:16px;line-height:1.4}
.kp-tabla th,.kp-tabla td{padding:16px 20px;border:0;border-bottom:1px solid #E5E0D5}
.kp-tabla thead th{background:var(--kp-tinta);color:#fff;font-weight:700}
.kp-tabla tbody td:first-child{font-weight:700;color:var(--kp-tinta)}
.kp-tabla tbody tr:last-child td{border-bottom:0}
.kp-tabla-nota{max-width:824px;font-size:16px;line-height:1.5;color:var(--kp-texto);text-align:left}
.kp-compromiso{max-width:824px}
.kp-compromiso > p{font-size:18px;line-height:1.5;color:var(--kp-texto)}
@media (max-width:1100px){.kp-pasos.kp-cuatro{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){
  .kp-semanas.kp-tres,.kp-pasos.kp-cuatro{grid-template-columns:1fr}
  .kp-tabla th,.kp-tabla td{padding:12px}
  .kp-tabla table{font-size:15px}
}

/* ---- Calculadora FUNDAE (kuma/calculadora-fundae): reutiliza .kp-calc de sueldos ---- */
.kp-calc__grupo{min-width:0;margin:0;padding:0;border:0}
.kp-calc__grupo legend{margin-bottom:8px;padding:0}
.kp-calc__opciones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kp-calc__opciones label{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #EAEBEE;border-radius:4px;background:#fff;font-size:15px;line-height:1.2;color:var(--kp-tinta);cursor:pointer}
.kp-calc__opciones label:has(input:checked){border-color:var(--kp-azul);background:#E7F1F8}
.kp-calc__opciones input{margin:0;accent-color:var(--kp-azul)}
.kp-calc__opciones label:has(input:focus-visible){outline:3px solid var(--kp-azul);outline-offset:2px}
@media (max-width:768px){.kp-calc__opciones{grid-template-columns:repeat(2,1fr)}}

/* ---- Garantía Kuma: cuatro cifras en banda azul y enlaces en tres columnas ---- */
.kp-seccion.kp-cifras-azul{background:#E7F1F8}
.kp-cifras-azul::before{background:linear-gradient(to bottom,rgba(40,101,142,.2),rgba(40,101,142,0) 85%)}
.kp-cifras-grandes.kp-cuatro{grid-template-columns:repeat(4,1fr)}
.kp-enlaces.kp-enlaces-tres{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.kp-cifras-grandes.kp-cuatro{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.kp-cifras-grandes.kp-cuatro,.kp-enlaces.kp-enlaces-tres{grid-template-columns:1fr}}

/* ---- Acceso del alumno: rótulo dentro de la tarjeta y notas centradas ---- */
.kp-tarjeta-texto .kp-rotulo{text-align:left}
.kp-tarjeta-texto .wp-block-buttons{margin-top:auto;padding-top:16px}
.kp-tabla-nota.kp-centro{margin-inline:auto;text-align:center}
.kp-tabla-nota a{color:var(--kp-acento)}