/* Alex Pachon — encaje de los bloques KLEO en el CSS de Adobe. (c) EditARTEX */
.kp-proyecto { --kp-aire: 0px; --kp-hueco: 8px; --kp-hueco-texto: 8px; --kp-fila: 200px; --kp-en-color: #9d9d9d; }
.standard-modules .kp-proyecto .rich-text, .standard-modules .kp-proyecto .rich-text div, .standard-modules .kp-proyecto .rich-text p { text-align: left; }
.standard-modules .kp-proyecto .rich-text .title { margin: 0; text-align: left; }
.kp-proyecto .kp-b-titulo { padding-top: 0; padding-bottom: 0; }
/* en Adobe los módulos de texto flotaban a la izquierda (máx. 800 px): no centrados */
.standard-modules .kp-proyecto > .project-module { margin-left: 0; margin-right: auto; }
.kp-proyecto .kp-b-texto, .kp-proyecto .kp-b-bilingue, .kp-proyecto .kp-b-columnas { padding-bottom: 20px; }
.kp-proyecto .kp-b-video, .kp-proyecto .kp-b-galeria { padding-bottom: 40px; }
.kp-proyecto .kp-b-imagen { padding-bottom: 28px; }
.kp-proyecto .kp-en, .kp-proyecto .kp-en div, .kp-proyecto .kp-en p { color: #9d9d9d; }
.kp-proyecto .kp-columna > .kp-video, .kp-proyecto .kp-columna > .kp-galeria, .kp-proyecto .kp-columna > .kp-imagen { margin-bottom: 0; }
.kp-proyecto .kp-galeria.kp-mosaico img { height: auto; }
.kp-proyecto .kp-galeria.kp-mosaico::after { display: none; } /* como Adobe: también la última fila llena el ancho */
.project-covers > .project-cover .cover .cover__img { object-fit: cover; }
/* «+ Sección» del motor añadiría bloques sueltos a páginas con maqueta fija de Adobe: aquí no se ofrece */
body.efly-editando #efly-anadir { display: none !important; }
/* bloques importados: el aire y el ancho exactos que tenía cada módulo en Adobe (en ordenador) */
@media (min-width: 933px) {
  .standard-modules .kp-proyecto > .kp-bloque[data-kp-medida] { padding-top: var(--kp-pt); padding-bottom: var(--kp-pb); max-width: var(--kp-mw); width: var(--kp-w, auto); }
}
/* Adobe mantiene el ancho propio de cada imagen también en móvil */
.standard-modules .kp-proyecto .kp-imagen { width: var(--kp-ancho, 100%); }
@media (max-width: 932px) {
  .kp-proyecto .kp-b-video, .kp-proyecto .kp-b-galeria { padding-bottom: 20px; }
  .kp-proyecto { --kp-fila: 180px; }
}
/* Adobe apila las columnas por debajo de 540 px, no de 767: lo respetamos */
@media (min-width: 541px) and (max-width: 767px) {
  .kp-proyecto .kp-bilingue { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .kp-proyecto .kp-columnas { flex-direction: row; gap: 8px; }
  .kp-proyecto .kp-columna { width: auto; }
  .kp-proyecto .kp-galeria.kp-mosaico figure { flex-basis: calc(var(--kp-r, 1.5) * var(--kp-fila)); }
}
@media (max-width: 540px) {
  .kp-proyecto .kp-b-video, .kp-proyecto .kp-b-galeria { padding-bottom: 18px; }
}