.elementor-kit-8{--e-global-color-primary:#EF4444;--e-global-color-secondary:#FB923C;--e-global-color-text:#4B5563;--e-global-color-accent:#FDE047;--e-global-color-b04eb3f:#111827;--e-global-color-cb86ca9:#F9FAFB;--e-global-color-72a3249:#1E3A8A;--e-global-color-6dfd9e2:#00000000;--e-global-color-0cb4556:#00000018;--e-global-color-1f67e2c:#8B8B8B;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:1.1rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-line-height:1.2em;--e-global-typography-39d8e10-font-family:"Poppins";--e-global-typography-39d8e10-font-size:4rem;--e-global-typography-39d8e10-font-weight:600;--e-global-typography-39d8e10-text-transform:none;--e-global-typography-39d8e10-line-height:1.2em;--e-global-typography-8956d33-font-family:"Poppins";--e-global-typography-8956d33-font-size:3.3rem;--e-global-typography-8956d33-font-weight:700;--e-global-typography-8956d33-text-transform:capitalize;--e-global-typography-8956d33-line-height:1.2em;--e-global-typography-9753a56-font-family:"Poppins";--e-global-typography-9753a56-font-size:2.7rem;--e-global-typography-9753a56-font-weight:800;--e-global-typography-9753a56-text-transform:capitalize;--e-global-typography-9753a56-line-height:1.2em;--e-global-typography-2a73ca7-font-family:"Mulish";--e-global-typography-2a73ca7-font-size:1.4rem;--e-global-typography-2a73ca7-font-weight:500;--e-global-typography-2a73ca7-line-height:1.2em;--e-global-typography-c4a4e51-font-family:"Mulish";--e-global-typography-c4a4e51-font-size:1.3rem;--e-global-typography-c4a4e51-font-weight:500;--e-global-typography-c4a4e51-text-transform:capitalize;--e-global-typography-c4a4e51-line-height:1.2em;--e-global-typography-6d60f14-font-family:"Mulish";--e-global-typography-6d60f14-font-size:1rem;--e-global-typography-6d60f14-font-weight:500;--e-global-typography-6d60f14-text-transform:capitalize;--e-global-typography-6d60f14-line-height:1.2em;--e-global-typography-321e2b4-font-family:"Inter";--e-global-typography-321e2b4-font-size:0.9rem;--e-global-typography-321e2b4-font-weight:400;--e-global-typography-321e2b4-font-style:italic;--e-global-typography-321e2b4-line-height:1.4em;--e-global-typography-91ddb66-font-family:"Inter";--e-global-typography-91ddb66-font-size:0.8rem;--e-global-typography-91ddb66-font-weight:400;--e-global-typography-91ddb66-line-height:1.2em;--e-global-typography-bee60b6-font-family:"Mulish";--e-global-typography-bee60b6-font-size:15rem;--e-global-typography-bee60b6-font-weight:700;--e-global-typography-bee60b6-line-height:1.2em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;padding:16px 38px 16px 38px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-6dfd9e2 );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-accent );}.elementor-kit-8 h1{color:var( --e-global-color-accent );font-family:var( --e-global-typography-39d8e10-font-family ), Sans-serif;font-size:var( --e-global-typography-39d8e10-font-size );font-weight:var( --e-global-typography-39d8e10-font-weight );text-transform:var( --e-global-typography-39d8e10-text-transform );line-height:var( --e-global-typography-39d8e10-line-height );}.elementor-kit-8 h2{color:var( --e-global-color-accent );font-family:var( --e-global-typography-8956d33-font-family ), Sans-serif;font-size:var( --e-global-typography-8956d33-font-size );font-weight:var( --e-global-typography-8956d33-font-weight );text-transform:var( --e-global-typography-8956d33-text-transform );line-height:var( --e-global-typography-8956d33-line-height );}.elementor-kit-8 h3{color:var( --e-global-color-accent );font-family:var( --e-global-typography-9753a56-font-family ), Sans-serif;font-size:var( --e-global-typography-9753a56-font-size );font-weight:var( --e-global-typography-9753a56-font-weight );text-transform:var( --e-global-typography-9753a56-text-transform );line-height:var( --e-global-typography-9753a56-line-height );}.elementor-kit-8 h4{color:var( --e-global-color-accent );font-family:var( --e-global-typography-2a73ca7-font-family ), Sans-serif;font-size:var( --e-global-typography-2a73ca7-font-size );font-weight:var( --e-global-typography-2a73ca7-font-weight );line-height:var( --e-global-typography-2a73ca7-line-height );}.elementor-kit-8 h5{color:var( --e-global-color-accent );font-family:var( --e-global-typography-c4a4e51-font-family ), Sans-serif;font-size:var( --e-global-typography-c4a4e51-font-size );font-weight:var( --e-global-typography-c4a4e51-font-weight );text-transform:var( --e-global-typography-c4a4e51-text-transform );line-height:var( --e-global-typography-c4a4e51-line-height );}.elementor-kit-8 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-6d60f14-font-family ), Sans-serif;font-size:var( --e-global-typography-6d60f14-font-size );font-weight:var( --e-global-typography-6d60f14-font-weight );text-transform:var( --e-global-typography-6d60f14-text-transform );line-height:var( --e-global-typography-6d60f14-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:1.1rem;--e-global-typography-accent-line-height:1.2em;--e-global-typography-39d8e10-font-size:3rem;--e-global-typography-39d8e10-line-height:1.2em;--e-global-typography-8956d33-font-size:2.6rem;--e-global-typography-8956d33-line-height:1.2em;--e-global-typography-9753a56-font-size:2.3rem;--e-global-typography-9753a56-line-height:1.2em;--e-global-typography-2a73ca7-font-size:1.4rem;--e-global-typography-2a73ca7-line-height:1.2em;--e-global-typography-c4a4e51-font-size:1.3rem;--e-global-typography-c4a4e51-line-height:1.2em;--e-global-typography-6d60f14-font-size:1rem;--e-global-typography-6d60f14-line-height:1.2em;--e-global-typography-321e2b4-font-size:0.9rem;--e-global-typography-321e2b4-line-height:1.4em;--e-global-typography-91ddb66-font-size:0.8rem;--e-global-typography-91ddb66-line-height:1.2em;--e-global-typography-bee60b6-font-size:10rem;--e-global-typography-bee60b6-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-39d8e10-font-size );line-height:var( --e-global-typography-39d8e10-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-8956d33-font-size );line-height:var( --e-global-typography-8956d33-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-9753a56-font-size );line-height:var( --e-global-typography-9753a56-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-2a73ca7-font-size );line-height:var( --e-global-typography-2a73ca7-line-height );}.elementor-kit-8 h5{font-size:var( --e-global-typography-c4a4e51-font-size );line-height:var( --e-global-typography-c4a4e51-line-height );}.elementor-kit-8 h6{font-size:var( --e-global-typography-6d60f14-font-size );line-height:var( --e-global-typography-6d60f14-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:1.1rem;--e-global-typography-accent-line-height:1.2em;--e-global-typography-39d8e10-font-size:2.5rem;--e-global-typography-39d8e10-line-height:1.2em;--e-global-typography-8956d33-font-size:2.3rem;--e-global-typography-8956d33-line-height:1.2em;--e-global-typography-9753a56-font-size:2rem;--e-global-typography-9753a56-line-height:1.2em;--e-global-typography-2a73ca7-font-size:1.4rem;--e-global-typography-2a73ca7-line-height:1.2em;--e-global-typography-c4a4e51-font-size:1.3rem;--e-global-typography-c4a4e51-line-height:1.2em;--e-global-typography-6d60f14-font-size:1rem;--e-global-typography-6d60f14-line-height:1.2em;--e-global-typography-321e2b4-font-size:0.9rem;--e-global-typography-321e2b4-line-height:1.4em;--e-global-typography-91ddb66-font-size:0.8rem;--e-global-typography-91ddb66-line-height:1.2em;--e-global-typography-bee60b6-font-size:8rem;--e-global-typography-bee60b6-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-39d8e10-font-size );line-height:var( --e-global-typography-39d8e10-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-8956d33-font-size );line-height:var( --e-global-typography-8956d33-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-9753a56-font-size );line-height:var( --e-global-typography-9753a56-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-2a73ca7-font-size );line-height:var( --e-global-typography-2a73ca7-line-height );}.elementor-kit-8 h5{font-size:var( --e-global-typography-c4a4e51-font-size );line-height:var( --e-global-typography-c4a4e51-line-height );}.elementor-kit-8 h6{font-size:var( --e-global-typography-6d60f14-font-size );line-height:var( --e-global-typography-6d60f14-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}
/* Start custom CSS *//* ============================================================
   CHANGLONET BLOG /gen — CSS PLANO
   Adaptado del diseño Stitch a la paleta corporativa Changlonet
   ============================================================
   PALETA OFICIAL:
   --cn-rojo-granate:   #b30000  (color primario, acentos fuertes)
   --cn-rojo-anaranjado:#ff4b20  (acción, "featured", CTAs)
   --cn-azul:           #0018ff  (enlaces, info)
   --cn-naranja:        #ff8800  (categoría secundaria, hover)
   ============================================================ */

:root {
  --cn-rojo-granate: #b30000;
  --cn-rojo-anaranjado: #ff4b20;
  --cn-azul: #0018ff;
  --cn-naranja: #ff8800;

  --cn-bg: #ffffff;
  --cn-surface: #ffffff;
  --cn-surface-alt: #fdfcfb;
  --cn-text: #1a120b;
  --cn-text-soft: #554336;
  --cn-outline: #a38c7c;
  --cn-outline-soft: #dbc2b0;
  --cn-border: rgba(219, 194, 176, 0.25);

  --cn-radius: 8px;
  --cn-font: 'Space Grotesk', system-ui, -apple-system, sans-serif;
}

/* ---------- Wrapper general ---------- */
.cn-blog {
  font-family: var(--cn-font);
  color: var(--cn-text);
  background: var(--cn-bg);
}

.cn-blog * { box-sizing: border-box; }

/* ---------- Patrón de puntos de fondo ---------- */
.cn-grid-pattern {
  background-image: radial-gradient(circle, var(--cn-naranja) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.05;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* ---------- Header de sección ---------- */
.cn-header {
  max-width: 1280px;
  margin: 0 auto 5rem;
  padding: 8rem 1.5rem 0;
  position: relative;
  z-index: 1;
}

.cn-title-hero {
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0 0 1.5rem;
  background: linear-gradient(90deg, var(--cn-naranja), var(--cn-rojo-anaranjado), var(--cn-rojo-granate));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cn-subtitle {
  color: var(--cn-text-soft);
  font-size: 1.125rem;
  line-height: 1.6;
  max-width: 42rem;
  margin: 0;
}

/* ============================================================
   CHANGLONET /gen — BENTO COMPLETO (pegar reemplazando todo el
   bloque de bento anterior). Las 3 baldosas usan el mismo estilo:
   imagen a sangre + título blanco abajo (1 línea) + franja oscura.
   Las 3 celdas deben usar la plantilla "ChanglonetBlog Loop".
   ============================================================ */

/* ---------- Contenedor de la sección ---------- */
.cn-featured {
  max-width: 1280px;
  margin: 0 auto 8rem;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}

/* ---------- Rejilla del bento ---------- */
.cn-bento-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .cn-bento-grid {
    grid-template-columns: 1.5fr 1fr;   /* grande más ancho */
    grid-template-rows: 1fr 1fr;
    gap: 2rem;
    min-height: 560px;
  }
  .cn-bento-big   { grid-row: 1 / 3; grid-column: 1; }
  .cn-bento-small { grid-column: 2; }
}

/* ---------- Cadena de altura: la celda pasa su alto a la tarjeta ---------- */
@media (min-width: 1024px) {
  .cn-bento-big,
  .cn-bento-small {
    display: flex;
  }
  .cn-bento-big .elementor-widget-loop-grid,
  .cn-bento-small .elementor-widget-loop-grid,
  .cn-bento-big .elementor-widget-loop-grid > .elementor-widget-container,
  .cn-bento-small .elementor-widget-loop-grid > .elementor-widget-container,
  .cn-bento-big .elementor-loop-container,
  .cn-bento-small .elementor-loop-container,
  .cn-bento-big .e-loop-item,
  .cn-bento-small .e-loop-item {
    height: 100% !important;
    width: 100% !important;
  }
  .cn-bento-big .elementor-loop-container,
  .cn-bento-small .elementor-loop-container {
    display: block !important;
  }
}

/* ---------- Aspecto BALDOSA (las 3 celdas) ---------- */
@media (min-width: 1024px) {

  /* La tarjeta llena toda la celda */
  .cn-bento-big .cn-card,
  .cn-bento-small .cn-card,
  .cn-bento-big .cn-feat,
  .cn-bento-small .cn-feat {
    position: relative;
    display: block;
    overflow: hidden;
    border: none;
    height: 100%;
    border-radius: 14px;
  }

  /* Imagen a sangre */
  .cn-bento-big .cn-card-img,
  .cn-bento-small .cn-card-img {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
  }
  .cn-bento-big .cn-card-img img,
  .cn-bento-small .cn-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cn-bento-big .cn-card:hover .cn-card-img img,
  .cn-bento-small .cn-card:hover .cn-card-img img {
    transform: scale(1.06);
  }

  /* Franja oscura abajo */
  .cn-bento-big .cn-card::after,
  .cn-bento-small .cn-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to top,
        rgba(0,0,0,0.82) 0%,
        rgba(0,0,0,0.35) 45%,
        rgba(0,0,0,0) 90%);
    pointer-events: none;
  }

  /* Título: blanco, pegado abajo, a una línea */
  .cn-bento-big .cn-card-title,
  .cn-bento-small .cn-card-title {
    position: absolute;
    left: 0; right: 0; bottom: 0; top: auto;
    z-index: 3;
    margin: 0;
    padding: 1.1rem 1.4rem;
  }
  .cn-bento-big .cn-card-title,
  .cn-bento-big .cn-card-title .elementor-heading-title,
  .cn-bento-small .cn-card-title,
  .cn-bento-small .cn-card-title .elementor-heading-title {
    color: #fff !important;
    line-height: 1.25;
    font-weight: 700;
    text-shadow: 0 1px 6px rgba(0,0,0,0.5);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .cn-bento-small .cn-card-title .elementor-heading-title { font-size: 1.125rem; }
  .cn-bento-big   .cn-card-title .elementor-heading-title { font-size: 1.6rem; }

  .cn-bento-big .cn-card:hover .cn-card-title .elementor-heading-title,
  .cn-bento-small .cn-card:hover .cn-card-title .elementor-heading-title {
    color: var(--cn-naranja) !important;
  }

  /* Ocultar meta, resumen, botón y pie en TODAS las baldosas */
  .cn-bento-big .elementor-widget-post-info,
  .cn-bento-small .elementor-widget-post-info,
  .cn-bento-big .elementor-widget-theme-post-excerpt,
  .cn-bento-small .elementor-widget-theme-post-excerpt,
  .cn-bento-big .elementor-widget-post-excerpt,
  .cn-bento-small .elementor-widget-post-excerpt,
  .cn-bento-big .cn-card-foot,
  .cn-bento-small .cn-card-foot,
  .cn-bento-big .cn-card-meta,
  .cn-bento-small .cn-card-meta,
  .cn-bento-big .cn-card-excerpt,
  .cn-bento-small .cn-card-excerpt,
  .cn-bento-big .cn-card-link,
  .cn-bento-small .cn-card-link {
    display: none !important;
  }
}

/* ---------- Sección Latest + Tabs ---------- */
.cn-latest {
  max-width: 1280px;
  margin: 0 auto 8rem;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}

.cn-latest-head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .cn-latest-head { flex-direction: row; }
}

.cn-latest-title {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}

.cn-tabs {
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid var(--cn-border);
  padding-bottom: .5rem;
  overflow-x: auto;
}

.cn-tab {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cn-text-soft);
  padding: 0 0 .5rem;
  cursor: pointer;
  white-space: nowrap;
  transition: color .3s;
  font-weight: 500;
}

.cn-tab:hover { color: var(--cn-rojo-anaranjado); }

.cn-tab.is-active {
  color: var(--cn-rojo-granate);
  border-bottom: 2px solid var(--cn-rojo-granate);
  font-weight: 700;
}

/* ---------- Grid de posts ----------
   NOTA: Elementor Loop Grid ya genera un display:grid interno en
   .elementor-loop-container, por lo que NO redefinimos el grid aquí.
   Solo nos aseguramos de que cada item ocupe el 100% de su celda
   y aplicamos el stagger en los items hijos. */

/* Forzar que cada tarjeta ocupe completamente su celda de grid */
.cn-grid .elementor-loop-container > *,
.cn-grid > .e-loop-item,
.elementor-widget-loop-grid.cn-grid .swiper-slide {
  width: 100%;
  height: 100%;
}

.cn-card {
  width: 100%;
  height: 100%;
}

/* Stagger asimétrico — tarjeta del medio de cada fila desplazada
   Apunta al wrapper que Elementor genera para cada item del loop */
@media (min-width: 1024px) {
  .cn-grid .elementor-loop-container > :nth-child(3n+2),
  .cn-grid > .e-loop-item:nth-child(3n+2) {
    margin-top: 3rem;
  }
}

/* ---------- Tarjeta de post ---------- */
.cn-card {
  background: var(--cn-surface);
  border: 1px solid var(--cn-border);
  border-radius: var(--cn-radius);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
  display: flex;
  flex-direction: column;
}

.cn-card:hover {
  transform: translateY(-16px);
  box-shadow: 0 20px 40px rgba(179, 0, 0, 0.1);
}

.cn-card-img {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.cn-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.cn-card:hover .cn-card-img img { transform: scale(1.1); }

.cn-card-body { padding: 1.75rem; }

.cn-card-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
}

/* Compactar el widget post-info de Elementor dentro de la meta */
.cn-card-meta .elementor-widget-post-info {
  width: auto;
  flex: 0 1 auto;
}
.cn-card-meta .elementor-post-info {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.cn-card-meta .elementor-post-info__item {
  font-size: 10px;
  letter-spacing: 0.15em;
}
.cn-card-meta .elementor-post-info__item .elementor-icon-list-icon {
  font-size: 12px;
}

.cn-card-cat {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* Variantes de color por categoría (Elementor las asigna por taxonomía) */
.cn-card-cat[data-cat="ai"]        { color: var(--cn-rojo-anaranjado); }
.cn-card-cat[data-cat="hardware"]  { color: var(--cn-rojo-granate); }
.cn-card-cat[data-cat="news"]      { color: var(--cn-azul); }
.cn-card-cat[data-cat="default"]   { color: var(--cn-naranja); }

.cn-card-date {
  font-size: 10px;
  color: var(--cn-outline);
}

.cn-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 1rem;
  transition: color .3s;
}

.cn-card:hover .cn-card-title { color: var(--cn-rojo-anaranjado); }

.cn-card-excerpt {
  color: var(--cn-text-soft);
  font-size: .875rem;
  line-height: 1.5;
  margin: 0 0 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cn-card-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--cn-text);
  text-decoration: none;
  transition: gap .3s, color .3s;
}

.cn-card-link:hover {
  gap: 1rem;
  color: var(--cn-rojo-anaranjado);
}

.cn-card-link svg { width: 16px; height: 16px; }

/* ---------- Paginación ---------- */
.cn-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin: 0 auto 8rem;
  padding: 0 1.5rem;
  max-width: 1280px;
}

.cn-pagination .page-numbers {
  font-weight: 500;
  color: var(--cn-outline);
  text-decoration: none;
  transition: color .3s;
  padding: 0 .25rem;
}

.cn-pagination .page-numbers:hover { color: var(--cn-text); }

.cn-pagination .page-numbers.current {
  font-weight: 700;
  color: var(--cn-rojo-granate);
}

.cn-pagination .prev,
.cn-pagination .next {
  color: var(--cn-text);
  text-decoration: none;
  transition: color .3s;
}

.cn-pagination .prev:hover,
.cn-pagination .next:hover { color: var(--cn-rojo-anaranjado); }/* End custom CSS */