.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-37122 .elementor-element.elementor-element-e48e6ae:after{content:"0.66";}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__meta-data span + span:before{content:"•";}.elementor-37122 .elementor-element.elementor-element-e48e6ae{--grid-column-gap:20px;--grid-row-gap:26px;--e-transform-transition-duration:0ms;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__card{border-width:0px;border-radius:0px;padding-top:0px;padding-bottom:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__text{padding:0 0px;margin-top:20px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__meta-data{padding:10px 0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__badge{left:0;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__card .elementor-post__badge{border-radius:0px;font-size:5px;margin:20px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__title, .elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__title a{color:#FFFFFF;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__title{margin-bottom:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-37122 .elementor-element.elementor-element-e48e6ae > .elementor-widget-container{--e-transform-translateY:110px;}.elementor-37122 .elementor-element.elementor-element-f317d93 > .elementor-widget-container{--e-transform-translateY:359px;}.elementor-37122 .elementor-element.elementor-element-dc6d46d > .elementor-widget-container{--e-transform-translateY:91px;}@media(max-width:767px){.elementor-37122 .elementor-element.elementor-element-ed1dc45{width:var( --container-widget-width, 339px );max-width:339px;--container-widget-width:339px;--container-widget-flex-grow:0;}.elementor-37122 .elementor-element.elementor-element-ed1dc45 > .elementor-widget-container{--e-transform-translateY:-16px;--e-transform-scale:1.06;}.elementor-37122 .elementor-element.elementor-element-ed11053 > .elementor-widget-container{--e-transform-translateY:-189px;--e-transform-scale:1.08;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-37122 .elementor-element.elementor-element-e48e6ae:after{content:"0.6";}.elementor-37122 .elementor-element.elementor-element-e48e6ae{--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae .elementor-post__title{margin-bottom:0px;}.elementor-37122 .elementor-element.elementor-element-e48e6ae > .elementor-widget-container{--e-transform-translateY:37px;border-radius:0px 0px 0px 0px;}.elementor-37122 .elementor-element.elementor-element-f317d93 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:61px;--e-transform-scale:0.9;}.elementor-37122 .elementor-element.elementor-element-dc6d46d > .elementor-widget-container{--e-transform-translateY:94px;--e-transform-scale:1.6;}}/* Start custom CSS for posts, class: .elementor-element-e48e6ae *//* ——————————————————————————————————————————————
   BLOG / LISTA DE POSTS
   Fondo negro + tarjeta con degradado verde + título blanco + tipografía de marca
   —————————————————————————————————————————————— */

/* 0. Fondo general negro */
body.blog,
body.archive {
  background:#000;
}

/* 0-bis. Carga de la tipografía de marca (WOFF2 + WOFF) */
@font-face{
  font-family: "TitlingGothicFBWide";
  src:
    url("https://www.cosechalibre.com/wp-content/uploads/TitlingGothicFBWide-Regular.woff2") format("woff2"),
    url("https://www.cosechalibre.com/wp-content/uploads/TitlingGothicFBWide-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* (opcional) variables para reutilizar */
:root{
  --brand-font: "TitlingGothicFBWide", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --brand-weight: 400;
}

/* 1. Miniatura: contenedor con posición relativa */
.elementor-post__thumbnail{
  position:relative;
  overflow:hidden;
  border-radius:8px;
}

/* 2. Capa de degradado verde (arranca ARRIBA y va hacia ABAJO) */
.elementor-post__thumbnail::after{
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%; height:30%;            /* poné 50% si querés la mitad superior */
  background:linear-gradient(to bottom, #33ff00 0%, rgba(51,255,0,0) 100%);
  z-index:1;
  pointer-events:none;
}

/* 3. Título dentro de la imagen, alineado a la izquierda y BLANCO */
.elementor-post__title{
  position:absolute;
  top:5%;
  left:10px;
  transform:translateY(10%);
  margin:0;
  z-index:2;
  color:#fff !important;
  -webkit-text-fill-color:#fff;
  text-shadow:0 0 6px rgba(0,0,0,.5);
  text-align:left;
  width:auto;

  /* —— Tipografía de la marca —— */
  font-family: var(--brand-font) !important;  /* forzamos sobre estilos de Elementor */
  font-weight: var(--brand-weight);
  line-height: 1.15;
  letter-spacing: 0;
}

/* 3-bis. Enlace interno hereda el blanco y la tipografía */
.elementor-post__title a,
.elementor-post__title a:visited,
.elementor-post__title a:hover,
.elementor-post__title a:focus{
  color:inherit !important;
  font: inherit;
}

/* 4. Ocultamos el meta */
.elementor-post__meta{ display:none; }

/* —————————————————————————————————————————————— */
/* 0) Cargá la fuente (rutas relativas para evitar problemas entre www / sin www) */
/* Pegá este bloque en Apariencia → Personalizar → CSS adicional,
   o en Elementor → Custom Code para que cargue en todo el sitio. */
@font-face{
  font-family: "TitlingGothicFBWide";
  src:
    url("/wp-content/uploads/TitlingGothicFBWide-Regular.woff2") format("woff2"),
    url("/wp-content/uploads/TitlingGothicFBWide-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* (Opcional) Mapear 700 al mismo archivo por si Elementor pide bold */
@font-face{
  font-family: "TitlingGothicFBWide";
  src:
    url("/wp-content/uploads/TitlingGothicFBWide-Regular.woff2") format("woff2"),
    url("/wp-content/uploads/TitlingGothicFBWide-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 1) Forzá la tipografía en el widget de posts (más especificidad + !important) */
.elementor-widget-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title a,
.elementor-widget-posts .elementor-post__title a:visited,
.elementor-widget-posts .elementor-post__title a:hover,
.elementor-widget-posts .elementor-post__title a:focus{
  font-family: "TitlingGothicFBWide", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important; /* cambiá a 700 si preferís el bold mapeado */
  line-height: 1.15;
  letter-spacing: 0;
}

/* 2) (Opcional) si querés que TODA la tipografía primaria del sitio use la marca */
:root{
  --e-global-typography-primary-font-family: "TitlingGothicFBWide";
  --e-global-typography-primary-font-weight: 400;
}

/* Quitar fondo blanco y bordes de las tarjetas del blog */
.elementor-widget-posts .elementor-post__card,
.elementor-widget-posts .elementor-post__text,
.elementor-widget-posts .elementor-post {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ===== Paginación (lista de posts) ===== */
.elementor-widget-posts .elementor-pagination{
  margin-top: 10px;
  padding-top: 0px;
  border-top: 0 !important;      /* saca la línea gris/negra de arriba */
  box-shadow: none !important;
  text-align: center;
  font-family: "TitlingGothicFBWide", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;               /* cambiá a 400 si la querés Regular */
  letter-spacing: .04em;
}

/* Links: color base y estados */
.elementor-widget-posts .elementor-pagination .page-numbers{
  display: inline-block;
  min-width: 28px;
  padding: 4px 6px;
  color: #6f6f6f;                 /* color base */
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}

/* Hover/focus */
.elementor-widget-posts .elementor-pagination a.page-numbers:hover,
.elementor-widget-posts .elementor-pagination a.page-numbers:focus{
  color: #ffffff;
  transform: translateY(-1px);
}

/* Página actual */
.elementor-widget-posts .elementor-pagination .page-numbers.current{
  color: #33FF00;                 /* verde marca */
}

/* Prev/Next si aparecen como texto o flechas */
.elementor-widget-posts .elementor-pagination .prev,
.elementor-widget-posts .elementor-pagination .next{
  color: #9a9a9a;
}
.elementor-widget-posts .elementor-pagination .prev:hover,
.elementor-widget-posts .elementor-pagination .next:hover{
  color: #fff;
}

/* Mobile: un poco más grande y clickeable */
@media (max-width: 768px){
  .elementor-widget-posts .elementor-pagination{
    letter-spacing: .05em;
  }
  .elementor-widget-posts .elementor-pagination .page-numbers{
    min-width: 32px;
    padding: 6px 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4705a58 *//* ===== EFECTO INTENSIFICADO: más lento y más notorio ===== */

/* Cierre algo más suave; apertura con animación larga */
#clxDrawer .clx-panel{
  transition: transform .55s ease;     /* cierre */
  will-change: transform;
  transform: translate3d(-105%,0,0);
}

/* Apertura: más lenta y con overshoot marcado */
#clxToggle:checked ~ #clxDrawer .clx-panel{
  transform: translate3d(0,0,0);
  animation: clxOpen 1.35s cubic-bezier(.16,1,.3,1) forwards;
}

/* Slide + overshoot pronunciado */
@keyframes clxOpen{
  0%   { transform: translate3d(-120%,0,0) skewX(-10deg) scale(.98); }
  48%  { transform: translate3d(  2.2%,0,0) skewX(  3deg) scale(1.00); }
  70%  { transform: translate3d( -1.6%,0,0) skewX( -1deg) scale(.999); }
  100% { transform: translate3d(   0%,0,0) skewX(  0deg) scale(1.00); }
}

/* Glitch RGB más visible y más largo */
#clxDrawer .clx-panel::before,
#clxDrawer .clx-panel::after{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  opacity:0;
  mix-blend-mode:screen;
  background:
    /* scanlines más marcadas */
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.06) 0 2px,
      transparent 2px 5px
    );
}

/* Capa roja */
#clxDrawer .clx-panel::before{
  box-shadow: 0 0 0 1px rgba(255, 80, 80, .35) inset;
  filter: drop-shadow(0 0 12px rgba(255,80,80,.18));
}
/* Capa cian */
#clxDrawer .clx-panel::after{
  box-shadow: 0 0 0 1px rgba( 88,208,255, .35) inset;
  filter: drop-shadow(0 0 12px rgba(88,208,255,.18));
}

/* Duración mayor + desplazamientos más grandes */
#clxToggle:checked ~ #clxDrawer .clx-panel::before{
  animation: clxGlitchA 1.15s steps(26,end) forwards, clxBands 0.95s ease-out forwards;
}
#clxToggle:checked ~ #clxDrawer .clx-panel::after{
  animation: clxGlitchB 1.15s steps(26,end) forwards;
}

/* Trayectorias más amplias y opacidad mayor */
@keyframes clxGlitchA{
  0%   { opacity:0;    transform: translateX(-18px) skewX(-8deg); }
  12%  { opacity:.55;  transform: translateX(  6px) skewX( 4deg); }
  36%  { opacity:.38;  transform: translateX( -4px) skewX(-2deg); }
  64%  { opacity:.22;  transform: translateX(  2px) skewX( 0deg); }
  100% { opacity:0;    transform: translateX(  0px) skewX( 0deg); }
}
@keyframes clxGlitchB{
  0%   { opacity:0;    transform: translateX( 18px) skewX( 8deg); }
  18%  { opacity:.48;  transform: translateX( -5px) skewX(-3deg); }
  44%  { opacity:.32;  transform: translateX(  3px) skewX( 1deg); }
  70%  { opacity:.18;  transform: translateX( -1px) skewX( 0deg); }
  100% { opacity:0;    transform: translateX(  0px) skewX( 0deg); }
}

/* Barrido de bandas verticales más visible y más lento */
#clxDrawer .clx-panel:before{
  -webkit-mask-image: repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 18px);
  mask-image:         repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 18px);
  -webkit-mask-size: 220% 100%;
  mask-size:         220% 100%;
  -webkit-mask-position: 220% 0;
  mask-position:         220% 0;
}
@keyframes clxBands{
  0%   { -webkit-mask-position: 220% 0; mask-position: 220% 0; opacity:.45; }
  80%  { -webkit-mask-position:   0% 0; mask-position:   0% 0; opacity:.20; }
  100% { -webkit-mask-position:   0% 0; mask-position:   0% 0; opacity:0; }
}

/* Menos motion si el usuario lo prefiere */
@media (prefers-reduced-motion: reduce){
  #clxToggle:checked ~ #clxDrawer .clx-panel{ animation:none; }
  #clxToggle:checked ~ #clxDrawer .clx-panel::before,
  #clxToggle:checked ~ #clxDrawer .clx-panel::after{ animation:none; opacity:0; }
}/* End custom CSS */