.elementor-620 .elementor-element.elementor-element-d281c28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-620 .elementor-element.elementor-element-9ef7f9a{--display:flex;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-620 .elementor-element.elementor-element-6ef0111{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-620 .elementor-element.elementor-element-6ef0111:after{content:"0.66";}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-post__thumbnail__link{width:100%;}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-post__meta-data span + span:before{content:"•";}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-post__text{margin-top:20px;}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-post__badge{right:0;}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-620 .elementor-element.elementor-element-62013a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-620 .elementor-element.elementor-element-6ef0111:after{content:"0.5";}.elementor-620 .elementor-element.elementor-element-6ef0111 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-6ef0111 *//* ===========================================================
   BERNALO · LISTADO DE ENTRADAS (widget Archive Posts / Posts de Elementor)
   Clase: bn-blog-lista
   Ponla en el widget (o en su contenedor):
   Editar → Avanzado → Clases CSS → bn-blog-lista

   Pegar en Apariencia → Personalizar → CSS adicional.
   =========================================================== */

.bn-blog-lista {
  --bn-green: #2B3D2A;
  --bn-green-hover: #1F2D1F;
  --bn-ink: #1A2419;
  --bn-muted: #5B6858;
  --bn-soft: #F1F3EF;
  --bn-border: #DCE1D9;
  --bn-sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---------- Grilla ---------- */
.bn-blog-lista .elementor-posts-container,
.bn-blog-lista .elementor-posts {
  grid-column-gap: 20px !important;
  grid-row-gap: 20px !important;
}

/* ---------- Tarjeta ---------- */
.bn-blog-lista .elementor-post,
.bn-blog-lista .elementor-post__card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #FFFFFF !important;
  border: 1.5px solid var(--bn-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.bn-blog-lista .elementor-post:hover,
.bn-blog-lista .elementor-post__card:hover {
  border-color: var(--bn-green) !important;
  box-shadow: 0 12px 28px rgba(26, 36, 25, .09) !important;
  transform: translateY(-2px);
}
.bn-blog-lista .elementor-post__text { padding: 0 !important; }
.bn-blog-lista .elementor-post__card .elementor-post__text { padding: 20px !important; }

/* ---------- Imagen destacada ---------- */
.bn-blog-lista .elementor-post__thumbnail__link { margin: 0 !important; }
.bn-blog-lista .elementor-post__thumbnail {
  background: var(--bn-soft) !important;
  border-radius: 0 !important;
}
.bn-blog-lista .elementor-post__thumbnail img {
  object-fit: contain !important;
  padding: 6% 16% !important;
  mix-blend-mode: multiply;
  transition: transform .3s ease;
}
.bn-blog-lista .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.04); }

/* ---------- Título ---------- */
.bn-blog-lista .elementor-post__title {
  margin: 0 0 10px !important;
  font-family: var(--bn-sans) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  font-variation-settings: "wdth" 112;
  line-height: 1.25 !important;
}
.bn-blog-lista .elementor-post__title a,
.bn-blog-lista .elementor-post__title a:link,
.bn-blog-lista .elementor-post__title a:visited {
  color: var(--bn-ink) !important;
  text-decoration: none !important;
  transition: color .2s ease;
}
.bn-blog-lista .elementor-post__title a:hover { color: var(--bn-green) !important; }

/* ---------- Extracto ---------- */
.bn-blog-lista .elementor-post__excerpt p {
  margin: 0 !important;
  font-family: var(--bn-sans) !important;
  font-size: .95rem !important;
  line-height: 1.6 !important;
  color: var(--bn-muted) !important;
}

/* ---------- "Read more" ---------- */
/* El widget lo escribe en inglés y en mayúsculas.
   Aquí se oculta ese texto y se escribe el nuestro.
   Si prefieres cambiarlo de verdad, hazlo en el widget:
   pestaña Contenido → Read More → texto personalizado. */
.bn-blog-lista .elementor-post__read-more {
  margin-top: 14px !important;
  font-family: var(--bn-sans) !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--bn-ink) !important;
  text-decoration: none !important;
  font-size: 0 !important;             /* esconde "READ MORE »" */
}
.bn-blog-lista .elementor-post__read-more::after {
  content: "Leer el artículo →";
  font-size: .95rem;
  color: var(--bn-ink);
  transition: color .2s ease;
}
.bn-blog-lista .elementor-post:hover .elementor-post__read-more::after { color: var(--bn-green); }

/* ---------- Fecha y comentarios ---------- */
.bn-blog-lista .elementor-post__meta-data {
  margin: 16px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--bn-border) !important;
  font-family: var(--bn-sans) !important;
  font-size: .82rem !important;
  color: var(--bn-muted) !important;
}
.bn-blog-lista .elementor-post__card .elementor-post__meta-data {
  margin: 0 !important;
  padding: 12px 20px !important;
  background: var(--bn-soft) !important;
  border-top: 1px solid var(--bn-border) !important;
}
/* Si no quieres mostrar "No hay comentarios", quita el dato en el
   widget (Contenido → Meta) o descomenta esta línea:
   .bn-blog-lista .elementor-post__comments, 
   .bn-blog-lista .elementor-post__meta-data span.elementor-post-date + span { display: none !important; } */

/* ---------- Paginación ---------- */
.bn-blog-lista .elementor-pagination { margin-top: 32px !important; display: flex; justify-content: center; gap: 8px; }
.bn-blog-lista .elementor-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 14px;
  background: #FFFFFF; color: var(--bn-ink) !important;
  border: 1.5px solid var(--bn-border); border-radius: 10px;
  font-family: var(--bn-sans); font-size: .9rem; font-weight: 600;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.bn-blog-lista .elementor-pagination .page-numbers.current,
.bn-blog-lista .elementor-pagination .page-numbers:hover {
  background: var(--bn-green); border-color: var(--bn-green); color: #FFFFFF !important;
}

/* ---------- Foco visible ---------- */
.bn-blog-lista a:focus-visible { outline: 3px solid #9DB89A !important; outline-offset: 3px; }

/* ---------- Responsivo ---------- */
@media (max-width: 768px) {
  .bn-blog-lista .elementor-post__title { font-size: 1.1rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  .bn-blog-lista .elementor-post,
  .bn-blog-lista .elementor-post__thumbnail img { transition: none !important; }
}/* End custom CSS */