.elementor-9799 .elementor-element.elementor-element-88e8725{--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;}.elementor-widget-tl-post-title .templately-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-9799 .elementor-element.elementor-element-5287d8c6.elementor-element{--align-self:center;}.elementor-9799 .elementor-element.elementor-element-5287d8c6 .templately-heading-title{color:#333333;font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;}.elementor-9799 .elementor-element.elementor-element-4b5f0ffa.elementor-element{--align-self:flex-end;}.elementor-widget-image .widget-image-caption{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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9799 .elementor-element.elementor-element-16c1a4e4 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-9799 .elementor-element.elementor-element-16c1a4e4{text-align:left;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:700;color:#333333;}.elementor-9799 .elementor-element.elementor-element-225a41ac{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9799 .elementor-element.elementor-element-53957581{--divider-border-style:solid;--divider-color:#333333;--divider-border-width:1px;}.elementor-9799 .elementor-element.elementor-element-53957581 .elementor-divider-separator{width:100%;}.elementor-9799 .elementor-element.elementor-element-53957581 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9799 .elementor-element.elementor-element-49864f97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9799 .elementor-element.elementor-element-4cf4840d{--grid-template-columns:repeat(1, auto);--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-9799 .elementor-element.elementor-element-4cf4840d .elementor-widget-container{text-align:left;}.elementor-9799 .elementor-element.elementor-element-4cf4840d > .elementor-widget-container{box-shadow:3px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9799 .elementor-element.elementor-element-4cf4840d .elementor-social-icon{background-color:#FFFFFF;}.elementor-9799 .elementor-element.elementor-element-4cf4840d .elementor-social-icon i{color:#333333;}.elementor-9799 .elementor-element.elementor-element-4cf4840d .elementor-social-icon svg{fill:#333333;}.elementor-9799 .elementor-element.elementor-element-24d95b07{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9799 .elementor-element.elementor-element-5287d8c6 .templately-heading-title{font-size:40px;}.elementor-9799 .elementor-element.elementor-element-4cf4840d{--grid-template-columns:repeat(4, auto);}}@media(max-width:767px){.elementor-9799 .elementor-element.elementor-element-5287d8c6 .templately-heading-title{font-size:30px;}.elementor-9799 .elementor-element.elementor-element-4cf4840d{--grid-template-columns:repeat(4, auto);}}/* Start custom CSS for social-icons, class: .elementor-element-4cf4840d */.iconos-sociales-post {
    position: fixed;
    top: 200px;
    left: 0px;
    z-index: 999;
}

/* Estilo para móviles */
@media (max-width: 768px) {
    .iconos-sociales-post {
        top: auto;
        bottom: 0px; /* Distancia desde la parte inferior */
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        width: 100%;
        z-index: 999;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-74e444e1 */.blog-item {
    background-color: transparent;
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
    color: #333333;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.2s ease;
    overflow: hidden;
}

.blog-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}

.blog-title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin: 10px 0 5px 0;
    padding: 0 10px;
}

.blog-vistas {
    font-size: 13px;
    color: #333333;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.blog-vistas .icono-vista {
    margin-right: 6px;
}

.blog-excerpt,
.btn-read-more {
    display: none !important;
}

.ultimos-blogs-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 10px auto;
    padding: 0 20px;
}

/* Responsive ajustes */
@media (max-width: 1024px) {
    .ultimos-blogs-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .ultimos-blogs-grid {
        grid-template-columns: 1fr;
        padding: 0 10px;
    }
}/* End custom CSS */
/* Start custom CSS */.highlighted-articles {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.highlight-large {
  flex: 2;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  min-height: 400px;
}

.highlight-small-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}

.highlight-small {
  flex: 1;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  min-height: 190px;
}

.highlight-large img,
.highlight-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.highlight-overlay-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  padding: 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
}

.highlight-overlay-content h3 {
  margin: 0;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ffffff;
}

.highlight-overlay-content .post-views {
  margin-top: 8px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
}

.section-divider {
  font-size: 22px; /* Más grande */
  font-weight: bold;
  margin: 30px 0;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  color: #333333;
}

.custom-blog-grid {
  display: grid;
  gap: 20px;
}

/* Grilla para la primera página: 5 columnas */
.custom-blog-grid.first-page {
  grid-template-columns: repeat(5, 1fr);
}

/* Grilla para páginas siguientes: 3 columnas */
.custom-blog-grid.grid-3-columns {
  grid-template-columns: repeat(3, 1fr);
}

.post-card {
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

/* Aquí aumentamos la altura para las imágenes de los blogs debajo de los destacados */
.post-card img {
  width: 100%;
  height: 250px; /* Más alto que antes (200px) */
  object-fit: cover;
}

.highlight-content {
  padding: 10px;
}

.highlight-content h3 {
  font-size: 16px;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #333333;
}

.highlight-content .post-views {
  font-size: 14px;
  color: #555;
  font-family: 'Poppins', sans-serif;
}

.post-card.no-bg {
  background-color: transparent;
  border: none;
}

.custom-pagination {
  text-align: center;
  margin-top: 30px;
  font-family: 'Poppins', sans-serif;
}

.custom-pagination ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  gap: 10px;
}

.custom-pagination li a,
.custom-pagination li span {
  display: block;
  padding: 8px 14px;
  background-color: #eee;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
}

.custom-pagination li span.current {
  background-color: #333;
  color: #fff;
}

/* Responsive para .highlighted-articles */
@media (max-width: 1024px) {
  .highlighted-articles {
    flex-direction: column;
  }

  .highlight-large,
  .highlight-small-wrapper {
    width: 100%;
    min-height: auto;
  }

  .highlight-small {
    min-height: 150px;
  }

  /* Grilla responsive para la primera página y siguientes */
  .custom-blog-grid.first-page,
  .custom-blog-grid.grid-3-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .custom-blog-grid.first-page,
  .custom-blog-grid.grid-3-columns {
    grid-template-columns: 1fr;
  }
}

/* Ajustes para imágenes y textos en móviles */
@media (max-width: 768px) {
  /* Solo para las imágenes de los blogs que no son destacados */
  .post-card img {
    height: 200px;
  }
  
  .highlight-content h3 {
    font-size: 14px;
  }

  .highlight-overlay-content h3 {
    font-size: 16px;
  }

  .highlight-overlay-content .post-views {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  /* Solo para las imágenes de los blogs que no son destacados */
  .post-card img {
    height: 150px;
  }

  .highlight-content h3 {
    font-size: 13px;
  }

  .highlight-overlay-content h3 {
    font-size: 14px;
  }

  .highlight-overlay-content .post-views {
    font-size: 11px;
  }
}

/* Evitar overflow horizontal en móviles para la paginación */
.custom-pagination {
  overflow-x: auto;  /* Permite scroll horizontal si es necesario */
  -webkit-overflow-scrolling: touch; /* Mejor scroll en iOS */
  padding: 0 10px; /* Pequeño padding para que no toque los bordes */
  box-sizing: border-box;
  max-width: 100%;
}

.custom-pagination ul {
  display: inline-flex;
  flex-wrap: nowrap; /* No dejar que las páginas se envuelvan */
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap; /* Para evitar que el contenido se rompa */
}

.custom-pagination li a,
.custom-pagination li span {
  white-space: nowrap; /* Evita que los botones se rompan en varias líneas */
}/* End custom CSS */