/* ============================================================
   KIKU FX — Blog (plantilla de archivo del Theme Builder). Archivo
   aparte por el cache de minificacion. El loop nativo
   (e-collection-loop) lee la consulta del archivo: cada entrada es
   una .kiku-blog-card; blog.js marca la primera con .is-feat (el
   "Destacado") y la pestana de categoria de la pagina actual.
   ============================================================ */

/* Iconos */
.elementor .kiku-ico-toolbox::before{content:"\eca0"}

/* Titular "Blog" con el punto magenta */
.elementor .kiku-blog-h1::after{content:"";display:inline-block;width:.2em;height:.2em;margin:0 0 .12em .03em;background:var(--kiku-magenta,#ff0066);border-radius:999px 999px 999px .03em;vertical-align:baseline}

/* Pestanas de categoria */
.elementor .kiku-blog-tab{cursor:pointer;user-select:none;transition:background-color 220ms,color 220ms}
.elementor .kiku-blog-tab:hover{background-color:rgba(26,20,38,.08)}
.elementor .kiku-blog-tab.is-on,.elementor .kiku-blog-tab.is-on:hover{background-color:var(--kiku-ink,#1a1426);color:#fff}
.elementor .kiku-blog-tab:focus-visible{outline:3px solid var(--kiku-magenta,#ff0066);outline-offset:2px}

/* Paginacion del loop (anterior / siguiente) */
.elementor .kiku-blog-pag{transition:background-color 220ms,color 220ms}
.elementor .kiku-blog-pag:hover{background-color:var(--kiku-ink,#1a1426);color:#fff}
.elementor .kiku-blog-pag[aria-disabled="true"]{display:none!important}

/* Grilla: el loop trae grid-auto-rows:1fr, que estira todo al alto del destacado */
.elementor .kiku-blog-grid{grid-auto-rows:auto!important;align-items:start}
.elementor .kiku-blog-card[hidden]{display:none!important}

/* Tarjeta normal */
.elementor .kiku-blog-media{overflow:hidden}
.elementor .kiku-blog-media img{display:block;width:100%;height:auto;aspect-ratio:654/457;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.7,.2,1)}
.elementor .kiku-blog-media:hover img{transform:scale(1.04)}
.elementor .kiku-blog-title a{color:inherit;text-decoration:none;transition:color 200ms}
.elementor .kiku-blog-title a:hover{color:var(--kiku-magenta,#ff0066)}
.elementor .kiku-blog-more{display:none!important}

/* Destacado: ocupa toda la fila, imagen a la izquierda */
.elementor .kiku-blog-card.is-feat{grid-column:1/-1;border-top:0!important;padding-top:0!important;margin-bottom:32px}
.elementor .kiku-blog-card.is-feat .kiku-blog-cat::before{content:"Destacado · "}
.elementor .kiku-blog-card.is-feat .kiku-blog-media{border-radius:28px!important}
.elementor .kiku-blog-card.is-feat .kiku-blog-title{font-size:clamp(32px,3.8vw,60px)!important;line-height:1!important;letter-spacing:-.035em}
.elementor .kiku-blog-card.is-feat .kiku-blog-text{font-size:18px!important}
.elementor .kiku-blog-card.is-feat .kiku-blog-more{display:flex!important}
@media (min-width:900px){
  .elementor .kiku-blog-card.is-feat{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:"media ." "media cat" "media title" "media text" "media more" "media .";column-gap:56px;row-gap:16px}
  .elementor .kiku-blog-card.is-feat .kiku-blog-media{grid-area:media;align-self:center}
  .elementor .kiku-blog-card.is-feat .kiku-blog-cat{grid-area:cat}
  .elementor .kiku-blog-card.is-feat .kiku-blog-title{grid-area:title}
  .elementor .kiku-blog-card.is-feat .kiku-blog-text{grid-area:text}
  .elementor .kiku-blog-card.is-feat .kiku-blog-more{grid-area:more}
}