.elementor-kit-17{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   AI WEY — Neumorphism Dark Theme
   Para Elementor Posts (Skin: Cards)
   ================================ */

/* Variables base (ajusta a gusto) */
:root{
  --bg-dark: #0F0F12;
  --bg-card: #15151B;
  --text-primary: #E9E9EE;
  --text-secondary: #B6B6C2;
  --border-color: #1E1E27;
  --shadow-light: rgba(20, 20, 26, 0.8);
  --shadow-dark: rgba(11, 11, 14, 0.9);
  --primary-accent: #672B9A;
  --primary-accent-hover: #7A3FAF;
  --radius-xl: 1.5rem;
  --radius-md: 0.75rem;
}

/* Lienzo general */
body,
.elementor,
.elementor-location-archive {
  background: var(--bg-dark) !important;
  color: var(--text-primary);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Titulares tipo "Anton" (opcional si ya lo cargas en Elementor) */
.aiwey-anton, 
.elementor-widget-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title a {
  font-family: 'Anton', Impact, sans-serif;
  letter-spacing: 0.2px;
}

/* GRID del widget */
.elementor-widget-posts .elementor-posts-container {
  gap: 1.5rem !important;
  display: grid !important;
}

/* CARD base (Skin Cards) */
.elementor-widget-posts .elementor-post {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl) !important;
  box-shadow: 
    8px 8px 16px var(--shadow-dark), 
    -8px -8px 16px var(--shadow-light);
  overflow: hidden !important;
  transition: box-shadow 0.15s ease-out, transform 0.15s ease-out, border-color 0.15s ease-out;
  position: relative;
}

/* Hover card */
.elementor-widget-posts .elementor-post:hover {
  box-shadow: 
    10px 10px 20px var(--shadow-dark), 
    -10px -10px 20px var(--shadow-light);
  transform: translateY(-2px);
  border-color: #232333;
}

/* Contenedor de imagen */
.elementor-widget-posts .elementor-post__thumbnail {
  position: relative;
  overflow: hidden;
  border-bottom: none !important;
  background: transparent !important;
}

/* Imagen */
.elementor-widget-posts .elementor-post__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
  object-fit: cover;
  border-top-left-radius: calc(var(--radius-xl) - 1px);
  border-top-right-radius: calc(var(--radius-xl) - 1px);
}

/* Badge de categoría sobre la imagen */
.elementor-widget-posts .elementor-post__badge,
.elementor-widget-posts .elementor-post__terms-list a {
  position: absolute !important;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: inline-block;
  font-weight: 800;
  font-size: 0.72rem;
  line-height: 1;
  padding: 0.4rem 0.6rem;
  border-radius: 0.55rem;
  color: #0F0F12;
  background: #27D5F7;
  margin: 0;
  text-decoration: none;
  box-shadow: 2px 2px 6px var(--shadow-dark);
  text-transform: none;
  white-space: nowrap;
}

/* Ocultar términos en el contenido para evitar duplicados */
.elementor-widget-posts .elementor-post__text .elementor-post__terms-list {
  display: none !important;
}

/* ================================
   AI WEY — Neumorphism Dark Theme
   Para Elementor Posts (Skin: Cards)
   ================================ */

/* Variables base (ajusta a gusto) */
:root{
  --bg-dark: #0F0F12;
  --bg-card: #15151B;
  --text-primary: #E9E9EE;
  --text-secondary: #B6B6C2;
  --border-color: #1E1E27;
  --shadow-light: rgba(20, 20, 26, 0.8);
  --shadow-dark: rgba(11, 11, 14, 0.9);
  --primary-accent: #672B9A;
  --primary-accent-hover: #7A3FAF;
  --radius-xl: 1.5rem;
  --radius-md: 0.75rem;
}

/* Lienzo general */
body,
.elementor,
.elementor-location-archive {
  background: var(--bg-dark) !important;
  color: var(--text-primary);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Titulares tipo "Anton" (opcional si ya lo cargas en Elementor) */
.aiwey-anton, 
.elementor-widget-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title a {
  font-family: 'Anton', Impact, sans-serif;
  letter-spacing: 0.2px;
}

/* GRID del widget */
.elementor-widget-posts .elementor-posts-container {
  gap: 1.5rem !important;
  display: grid !important;
}

/* CARD base (Skin Cards) */
.elementor-widget-posts .elementor-post {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl) !important;
  box-shadow: 
    8px 8px 16px var(--shadow-dark), 
    -8px -8px 16px var(--shadow-light);
  overflow: hidden !important;
  transition: box-shadow 0.15s ease-out, transform 0.15s ease-out, border-color 0.15s ease-out;
  position: relative;
}

/* Hover card */
.elementor-widget-posts .elementor-post:hover {
  box-shadow: 
    10px 10px 20px var(--shadow-dark), 
    -10px -10px 20px var(--shadow-light);
  transform: translateY(-2px);
  border-color: #232333;
}

/* Contenedor de imagen */
.elementor-widget-posts .elementor-post__thumbnail {
  position: relative;
  overflow: hidden;
  border-bottom: none !important;
  background: transparent !important;
}

/* Imagen */
.elementor-widget-posts .elementor-post__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
  object-fit: cover;
  border-top-left-radius: calc(var(--radius-xl) - 1px);
  border-top-right-radius: calc(var(--radius-xl) - 1px);
}

/* Badge de categoría sobre la imagen */
.elementor-widget-posts .elementor-post__badge,
.elementor-widget-posts .elementor-post__terms-list a {
  position: absolute !important;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: inline-block;
  font-weight: 800;
  font-size: 0.72rem;
  line-height: 1;
  padding: 0.4rem 0.6rem;
  border-radius: 0.55rem;
  color: #0F0F12;
  background: #27D5F7;
  margin: 0;
  text-decoration: none;
  box-shadow: 2px 2px 6px var(--shadow-dark);
  text-transform: none;
  white-space: nowrap;
}

/* Ocultar términos en el contenido para evitar duplicados */
.elementor-widget-posts .elementor-post__text .elementor-post__terms-list {
  display: none !important;
}

/* Colores por categoría - AI WEY Palette con efecto cristal */
.category-llms .elementor-post__badge,
.category-llms .elementor-post__terms-list a {
  background: linear-gradient(rgba(179, 132, 201, 0.9), rgba(103, 43, 154, 0.9) 50%) !important;
  color: #E9E9EE !important;
  box-shadow: rgba(103, 43, 154, 0.3) 0 2px 4px, rgba(179, 132, 201, 0.2) 0 4px 8px !important;
  text-shadow: rgba(255, 255, 255, 0.3) 0 0 3px, rgba(103, 43, 154, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-imagen .elementor-post__badge,
.category-imagen .elementor-post__terms-list a {
  background: linear-gradient(rgba(102, 236, 245, 0.9), rgba(39, 213, 247, 0.9) 50%) !important;
  color: #0F0F12 !important;
  box-shadow: rgba(39, 213, 247, 0.3) 0 2px 4px, rgba(102, 236, 245, 0.2) 0 4px 8px !important;
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px, rgba(39, 213, 247, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-video .elementor-post__badge,
.category-video .elementor-post__terms-list a {
  background: linear-gradient(rgba(255, 240, 120, 0.9), rgba(255, 198, 40, 0.9) 50%) !important;
  color: #0F0F12 !important;
  box-shadow: rgba(255, 198, 40, 0.3) 0 2px 4px, rgba(255, 240, 120, 0.2) 0 4px 8px !important;
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px, rgba(255, 198, 40, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-audio .elementor-post__badge,
.category-audio .elementor-post__terms-list a {
  background: linear-gradient(rgba(255, 120, 180, 0.9), rgba(244, 67, 133, 0.9) 50%) !important;
  color: #E9E9EE !important;
  box-shadow: rgba(244, 67, 133, 0.3) 0 2px 4px, rgba(255, 120, 180, 0.2) 0 4px 8px !important;
  text-shadow: rgba(255, 255, 255, 0.3) 0 0 3px, rgba(244, 67, 133, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-robotics .elementor-post__badge,
.category-robotics .elementor-post__terms-list a {
  background: linear-gradient(rgba(40, 120, 130, 0.9), rgba(0, 83, 92, 0.9) 50%) !important;
  color: #E9E9EE !important;
  box-shadow: rgba(0, 83, 92, 0.3) 0 2px 4px, rgba(40, 120, 130, 0.2) 0 4px 8px !important;
  text-shadow: rgba(255, 255, 255, 0.3) 0 0 3px, rgba(0, 83, 92, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-enterprise .elementor-post__badge,
.category-enterprise .elementor-post__terms-list a {
  background: linear-gradient(rgba(160, 245, 255, 0.9), rgba(108, 236, 245, 0.9) 50%) !important;
  color: #0F0F12 !important;
  box-shadow: rgba(108, 236, 245, 0.3) 0 2px 4px, rgba(160, 245, 255, 0.2) 0 4px 8px !important;
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 3px, rgba(108, 236, 245, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-automation .elementor-post__badge,
.category-automation .elementor-post__terms-list a {
  background: linear-gradient(rgba(255, 120, 120, 0.9), rgba(250, 76, 76, 0.9) 50%) !important;
  color: #E9E9EE !important;
  box-shadow: rgba(250, 76, 76, 0.3) 0 2px 4px, rgba(255, 120, 120, 0.2) 0 4px 8px !important;
  text-shadow: rgba(255, 255, 255, 0.3) 0 0 3px, rgba(250, 76, 76, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

.category-uncategorized .elementor-post__badge,
.category-uncategorized .elementor-post__terms-list a {
  background: linear-gradient(rgba(150, 160, 175, 0.9), rgba(107, 114, 128, 0.9) 50%) !important;
  color: #E9E9EE !important;
  box-shadow: rgba(107, 114, 128, 0.3) 0 2px 4px, rgba(150, 160, 175, 0.2) 0 4px 8px !important;
  text-shadow: rgba(255, 255, 255, 0.3) 0 0 3px, rgba(107, 114, 128, 0.8) 1px 1px 2px !important;
  backdrop-filter: blur(8px) !important;
}

/* Contenido interno */
.elementor-widget-posts .elementor-post__text {
  padding: 1.25rem 1.25rem 1.5rem !important;
  background: transparent !important;
  color: var(--text-primary) !important;
}

/* Título */
.elementor-widget-posts .elementor-post__title {
  margin-bottom: 0.5rem;
}

.elementor-widget-posts .elementor-post__title a {
  color: var(--text-primary) !important;
  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1.25;
  text-decoration: none;
  display: block;
}

.elementor-widget-posts .elementor-post__title a:hover {
  color: var(--primary-accent) !important;
}

/* Extracto */
.elementor-widget-posts .elementor-post__excerpt,
.elementor-widget-posts .elementor-post__excerpt p {
  color: var(--text-secondary) !important;
  font-size: 0.92rem;
  margin-top: 0.35rem;
  line-height: 1.4;
}

/* META (autor, fecha, etc.) */
.elementor-widget-posts .elementor-post__meta-data,
.elementor-widget-posts .elementor-post__meta-data a,
.elementor-widget-posts .elementor-post__meta-data span {
  color: var(--text-secondary) !important;
  opacity: 0.8;
  font-size: 0.8rem;
  text-decoration: none;
}

.elementor-widget-posts .elementor-post__meta-data {
  margin-top: 0.75rem;
  border-top: none !important;
  padding-top: 0;
}

/* Quitar separadores y avatares */
.elementor-widget-posts .elementor-post__avatar,
.elementor-widget-posts .elementor-author-box__avatar {
  display: none !important;
}

.elementor-widget-posts .elementor-post__footer,
.elementor-widget-posts .elementor-post__separator {
  border: none !important;
  background: transparent !important;
}

/* Botón Leer más */
.elementor-widget-posts .elementor-post__read-more {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-md);
  background: var(--primary-accent) !important;
  color: var(--text-primary) !important;
  font-weight: 800;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
  transition: background 0.15s ease-out, box-shadow 0.15s ease-out, transform 0.15s ease-out;
  text-decoration: none;
  border: none;
}

.elementor-widget-posts .elementor-post__read-more:hover {
  background: var(--primary-accent-hover) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
  transform: translateY(-1px);
  color: var(--text-primary) !important;
}

/* Paginación / Load More */
.elementor-widget-posts .e-load-more,
.elementor-widget-posts .elementor-pagination .page-numbers,
.elementor-widget-posts .elementor-button {
  background: var(--primary-accent) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-md);
  border: none;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
  transition: 0.15s ease-out;
}

.elementor-widget-posts .e-load-more:hover,
.elementor-widget-posts .elementor-pagination .page-numbers:hover,
.elementor-widget-posts .elementor-button:hover {
  background: var(--primary-accent-hover) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
}

/* Estados activos en paginación */
.elementor-widget-posts .elementor-pagination .page-numbers.current {
  background: var(--bg-dark) !important;
  color: var(--primary-accent) !important;
  box-shadow: inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light);
}

/* Inputs de filtros */
.aiwey-inset,
.elementor-widget-posts .elementor-posts__filters select,
.elementor-widget-posts .elementor-posts__filters input[type="search"] {
  background: var(--bg-dark) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);
  padding: 0.65rem 0.85rem;
}

/* Accesibilidad: focus visibles */
.elementor-widget-posts a:focus,
.elementor-widget-posts button:focus,
.elementor-widget-posts .elementor-button:focus {
  outline: 2px solid var(--primary-accent);
  outline-offset: 2px;
  border-radius: 0.5rem;
}

/* Fixes específicos para problemas comunes */
.elementor-widget-posts .elementor-post__card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Asegurar que no hay fondos blancos */
.elementor-widget-posts .elementor-post *,
.elementor-widget-posts .elementor-post__text *,
.elementor-widget-posts .elementor-post__content * {
  background: transparent !important;
}

/* Override específico para el contenido */
.elementor-widget-posts .elementor-post__text p,
.elementor-widget-posts .elementor-post__text div,
.elementor-widget-posts .elementor-post__text span {
  color: inherit !important;
}

/* Ajustes responsivos */
@media (max-width: 767px) {
  .elementor-widget-posts .elementor-post__text {
    padding: 1rem 1rem 1.25rem !important;
  }
  
  .elementor-widget-posts .elementor-post__title a {
    font-size: 1rem;
  }
  
  .elementor-widget-posts .elementor-post__badge,
  .elementor-widget-posts .elementor-post__terms-list a {
    top: 8px;
    right: 8px;
    font-size: 0.7rem;
    padding: 0.3rem 0.5rem;
  }
}

/* ====== Igualar alturas entre columnas usando FLEX (sin romper widths) ====== */
/* Section/Container con dos niños: estira columnas a misma altura */
.aiwey-equal,
.aiwey-equal > .elementor-container,
.aiwey-equal.e-con,
.aiwey-equal > .e-con-inner{
  display:flex !important;
  gap:36px !important;
  align-items:stretch !important;  /* ambas columnas misma altura */
}

/* Asegura que cada columna pueda estirarse verticalmente */
.aiwey-equal .elementor-column,
.aiwey-equal > .e-con-inner > .e-con,
.aiwey-equal > .elementor-container > .elementor-column{
  display:flex !important;
  flex-direction:column !important;
}

/* El widget de posts ocupa el 100% de la columna */
.elementor-widget-posts.aiwey-list,
.elementor-widget-posts.aiwey-list > .elementor-widget-container{
  height:100% !important;
}

/* ====== Lista tipo card, repartiendo altura en 3 ====== */
.aiwey-list .elementor-posts-container{
  display:flex !important;
  flex-direction:column !important;
  gap:28px !important;
  height:100% !important;
  align-items:stretch !important;
}

/* Cada card crece igual (1/3 del alto disponible) pero con mínimo lógico */
.aiwey-list .elementor-post,
.aiwey-list .elementor-post__card,
.aiwey-list .e-loop-item{
  flex:1 1 0px !important;      /* iguales */
  min-height:140px !important;  /* evita “cards mini” */
  width:100% !important;
  align-self:stretch !important;

  /* Neumo base, sin borde fosfo fijo */
  position:relative !important;
  padding:24px 28px !important;
  border-radius:22px !important;
  background: rgba(18,18,22,.6) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border:1.5px solid rgba(255,255,255,.08) !important;
  box-shadow:
    -8px -8px 16px rgba(255,255,255,.04),
     8px  8px 24px rgba(0,0,0,.55),
     0   18px 40px rgba(0,0,0,.35) !important;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Hover: solo animación y brillo sutil, sin color de acento */
.aiwey-list .elementor-post:hover,
.aiwey-list .elementor-post__card:hover,
.aiwey-list .e-loop-item:hover{
  transform: translateY(-2px);
  box-shadow:
    -10px -10px 18px rgba(255,255,255,.05),
     10px  10px 28px rgba(0,0,0,.6),
     0    20px 44px rgba(0,0,0,.42),
     0     0   0  2px rgba(255,255,255,.12) inset !important;
}

/* Layout interno: thumb izquierda + texto derecha */
.aiwey-list .elementor-post,
.aiwey-list .elementor-post__card,
.aiwey-list .e-loop-item{
  display:grid !important;
  grid-template-columns:96px 1fr !important;
  column-gap:20px !important;
  align-items:center !important;
  grid-auto-rows:minmax(min-content, auto) !important;
}

.aiwey-list .elementor-post__thumbnail,
.aiwey-list .elementor-post__thumbnail__link{
  width:96px !important; height:96px !important; border-radius:16px !important; overflow:hidden !important;
  box-shadow: inset -3px -3px 6px rgba(255,255,255,.08),
              inset  3px  3px 6px rgba(0,0,0,.4) !important;
}
.aiwey-list .elementor-post__thumbnail img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }

.aiwey-list .elementor-post__title{ margin:0 0 6px 0 !important; font-size:clamp(18px,1.5vw,22px) !important; line-height:1.25 !important; }
.aiwey-list .elementor-post__meta-data{ display:flex !important; gap:14px !important; opacity:.85 !important; }
.aiwey-list .elementor-post__excerpt{ display:none !important; } /* compacto */

/* Mobile: se apila y se desactiva el “igualador” */
@media (max-width:900px){
  .aiwey-equal{ display:block !important; }
  .elementor-widget-posts.aiwey-list,
  .elementor-widget-posts.aiwey-list > .elementor-widget-container{ height:auto !important; }
  .aiwey-list .elementor-posts-container{ height:auto !important; }
  .aiwey-list .elementor-post,
  .aiwey-list .elementor-post__card,
  .aiwey-list .e-loop-item{
    flex:0 0 auto !important;
    grid-template-columns:1fr !important;
  }
}/* End custom CSS */