.elementor-320 .elementor-element.elementor-element-82ccf89{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-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-posts .elementor-post__title, .elementor-widget-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-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-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-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-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-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-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-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-320 .elementor-element.elementor-element-6d95116{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-320 .elementor-element.elementor-element-6d95116:after{content:"0.66";}.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-post__thumbnail__link{width:100%;}.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-post{border-radius:5px;}.elementor-320 .elementor-element.elementor-element-6d95116.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-320 .elementor-element.elementor-element-6d95116.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-320 .elementor-element.elementor-element-6d95116.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-post__title, .elementor-320 .elementor-element.elementor-element-6d95116 .elementor-post__title a{color:#0B3D91;}.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-post__read-more{color:#0B3D91;}@media(max-width:767px){.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-320 .elementor-element.elementor-element-6d95116:after{content:"0.5";}.elementor-320 .elementor-element.elementor-element-6d95116 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-6d95116 */<?php
/**
 * FARLU - Estilo premium para Elementor Pro Posts Widget
 * Uso: agregar la clase CSS "farlu-posts-premium" al widget Posts de Elementor.
 */

add_action('wp_head', function () {
  ?>
  <style>
    .farlu-posts-premium {
      --farlu-post-blue: #00377d;
      --farlu-post-blue-soft: #0c5bb8;
      --farlu-post-text: #152033;
      --farlu-post-muted: #687386;
      --farlu-post-border: #e7edf5;
      --farlu-post-card: #ffffff;
      --farlu-post-shadow: 0 10px 28px rgba(15, 35, 70, .10);
      --farlu-post-shadow-hover: 0 16px 38px rgba(15, 35, 70, .16);
    }

    .farlu-posts-premium .elementor-posts-container,
    .farlu-posts-premium .elementor-posts {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: clamp(14px, 2vw, 22px) !important;
    }

    .farlu-posts-premium article.elementor-post,
    .farlu-posts-premium .elementor-post {
      width: 100% !important;
      margin: 0 !important;
      border: 1px solid var(--farlu-post-border) !important;
      border-radius: 8px !important;
      overflow: hidden !important;
      background: var(--farlu-post-card) !important;
      box-shadow: 0 4px 14px rgba(15, 35, 70, .06) !important;
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
    }

    .farlu-posts-premium article.elementor-post:hover,
    .farlu-posts-premium .elementor-post:hover {
      transform: translateY(-3px) !important;
      border-color: rgba(0, 55, 125, .18) !important;
      box-shadow: var(--farlu-post-shadow-hover) !important;
    }

    .farlu-posts-premium .elementor-post__thumbnail__link {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      overflow: hidden !important;
      background: #eef3f8 !important;
    }

    .farlu-posts-premium .elementor-post__thumbnail {
      position: relative !important;
      width: 100% !important;
      padding-bottom: 52% !important;
      overflow: hidden !important;
      transform: none !important;
    }

    .farlu-posts-premium .elementor-post__thumbnail img {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      transition: transform .28s ease !important;
    }

    .farlu-posts-premium .elementor-post:hover .elementor-post__thumbnail img {
      transform: scale(1.045) !important;
    }

    .farlu-posts-premium .elementor-post__text {
      padding: 14px 15px 16px !important;
      display: flex !important;
      flex-direction: column !important;
      min-height: 142px !important;
    }

    .farlu-posts-premium .elementor-post__meta-data {
      order: -2 !important;
      margin: 0 0 7px !important;
      padding: 0 !important;
      border: 0 !important;
      color: var(--farlu-post-blue-soft) !important;
      font-size: 10px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      letter-spacing: .04em !important;
      text-transform: uppercase !important;
    }

    .farlu-posts-premium .elementor-post__badge {
      position: static !important;
      display: inline-flex !important;
      width: fit-content !important;
      margin: 0 0 8px !important;
      padding: 0 !important;
      background: transparent !important;
      color: var(--farlu-post-blue-soft) !important;
      font-size: 10px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      letter-spacing: .04em !important;
      text-transform: uppercase !important;
    }

    .farlu-posts-premium .elementor-post__title {
      margin: 0 0 8px !important;
      color: var(--farlu-post-text) !important;
      font-size: clamp(14px, 1.2vw, 17px) !important;
      font-weight: 800 !important;
      line-height: 1.28 !important;
      letter-spacing: 0 !important;
    }

    .farlu-posts-premium .elementor-post__title a {
      color: inherit !important;
      text-decoration: none !important;
    }

    .farlu-posts-premium .elementor-post__title a:hover,
    .farlu-posts-premium .elementor-post__title a:focus {
      color: var(--farlu-post-blue) !important;
      text-decoration: none !important;
    }

    .farlu-posts-premium .elementor-post__excerpt {
      margin: 0 0 10px !important;
      color: var(--farlu-post-muted) !important;
      font-size: 12px !important;
      line-height: 1.45 !important;
    }

    .farlu-posts-premium .elementor-post__excerpt p {
      margin: 0 !important;
    }

    .farlu-posts-premium .elementor-post__read-more {
      margin-top: auto !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      width: fit-content !important;
      color: var(--farlu-post-blue) !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      text-decoration: none !important;
    }

    .farlu-posts-premium .elementor-post__read-more::after {
      content: "→";
      font-size: 14px;
      line-height: 1;
      transform: translateY(-1px);
      transition: transform .18s ease;
    }

    .farlu-posts-premium .elementor-post__read-more:hover::after {
      transform: translate(3px, -1px);
    }

    @media (max-width: 1024px) {
      .farlu-posts-premium .elementor-posts-container,
      .farlu-posts-premium .elementor-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }

    @media (max-width: 640px) {
      .farlu-posts-premium .elementor-posts-container,
      .farlu-posts-premium .elementor-posts {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
      }

      .farlu-posts-premium .elementor-post__text {
        min-height: auto !important;
        padding: 15px 16px 17px !important;
      }

      .farlu-posts-premium .elementor-post__title {
        font-size: 16px !important;
      }
    }
  </style>
  <?php
});/* End custom CSS */