.elementor-353 .elementor-element.elementor-element-2376b1a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-353 .elementor-element.elementor-element-9ff6b1b{--grid-columns:1;}@media(max-width:1024px){.elementor-353 .elementor-element.elementor-element-9ff6b1b{--grid-columns:2;}}@media(max-width:767px){.elementor-353 .elementor-element.elementor-element-9ff6b1b{--grid-columns:1;}}/* Start custom CSS *//* ==========================================
   HIRE BLOG ARCHIVE - CÓDIGO MAESTRO V3 (PERFECTO)
   ========================================== */
.hire-blog-wrap {
    --u-mint: #1CB07F;
    --u-dark: #0A0A0F;
    --u-white: #ffffff;
    --u-gray-bg: #F8FAFC;
    --u-gray-border: #E2E8F0;
    --u-lavender: #9870F9;
    --font-h: 'Capriola', sans-serif;
    --font-p: 'Libre Franklin', sans-serif;
    background: var(--u-gray-bg);
    padding: 4rem 5% 6rem;
    min-height: 100vh;
}

/* 1. HERO - ENCABEZADO */
.hire-blog-header { text-align: center; margin-bottom: 4rem; }
.hire-blog-header h1 { font-family: var(--font-h) !important; font-size: 3rem !important; color: var(--u-dark) !important; margin-bottom: 1rem; }
.hire-blog-header p { font-size: 1.1rem !important; color: rgba(10, 10, 15, 0.6) !important; max-width: 600px; margin: 0 auto 2.5rem; font-family: var(--font-p) !important; }
.hire-blog-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.hire-filter-btn { padding: 0.6rem 1.5rem; background: var(--u-white); border: 1px solid var(--u-gray-border); border-radius: 50px; color: var(--u-dark); font-weight: 500; font-size: 0.95rem; text-decoration: none; transition: 0.3s; font-family: var(--font-p); }
.hire-filter-btn.active, .hire-filter-btn:hover { background: var(--u-mint); border-color: var(--u-mint); color: var(--u-white); box-shadow: 0 5px 15px rgba(28, 176, 127, 0.3); }

/* 2. ESTRUCTURA DE LA TARJETA (GRID Y LOOP) */
.hire-blog-wrap .e-loop-item { width: 100% !important; margin-bottom: 3rem !important; }

.hire-list-post {
    display: flex !important;
    flex-direction: row !important;
    background: var(--u-white) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(10,10,15,0.04) !important;
    border: 1px solid rgba(10,10,15,0.02) !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    min-height: 350px !important;
    padding: 0 !important;
    align-items: stretch !important;
}
.hire-list-post:hover { transform: translateY(-5px) !important; box-shadow: 0 25px 50px rgba(10,10,15,0.08) !important; }

/* Efecto Intercalado Dinámico (Par / Impar) */
.hire-blog-wrap .e-loop-item:nth-child(even) .hire-list-post { flex-direction: row-reverse !important; }

/* 3. IMAGEN (MITAD IZQUIERDA) */
.hire-post-img-wrap { width: 50% !important; flex: 0 0 50% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
.hire-post-img-wrap img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s ease !important; display: block !important; }
.hire-list-post:hover .hire-post-img-wrap img { transform: scale(1.05) !important; }

/* 4. CONTENIDO (MITAD DERECHA) */
.hire-post-content { width: 50% !important; flex: 0 0 50% !important; padding: 3.5rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }

/* 5. TEXTOS Y ENLACES (BLINDAJE TOTAL CONTRA EL AZUL DE ELEMENTOR) */

/* Categorías */
.hire-post-category, 
.hire-post-category a, 
.hire-post-category .elementor-heading-title { 
    color: var(--u-lavender) !important; 
    text-transform: uppercase !important; 
    letter-spacing: 1px !important; 
    font-weight: 600 !important; 
    font-size: 0.85rem !important; 
    font-family: var(--font-p) !important; 
    margin-bottom: 10px !important;
    text-decoration: none !important;
}

/* Título */
.hire-featured-title, 
.hire-featured-title a, 
.hire-featured-title .elementor-heading-title { 
    font-family: var(--font-h) !important; 
    font-size: 2rem !important; 
    color: var(--u-dark) !important; 
    line-height: 1.2 !important; 
    margin: 0 0 1rem 0 !important; 
    text-decoration: none !important;
    transition: color 0.3s !important;
}
.hire-list-post:hover .hire-featured-title, 
.hire-list-post:hover .hire-featured-title a,
.hire-list-post:hover .hire-featured-title .elementor-heading-title { 
    color: var(--u-mint) !important; 
}

/* Extracto */
.hire-featured-excerpt, 
.hire-featured-excerpt p, 
.hire-featured-excerpt .elementor-widget-container { 
    color: rgba(10, 10, 15, 0.7) !important; 
    line-height: 1.6 !important; 
    font-size: 1.05rem !important; 
    font-family: var(--font-p) !important; 
    margin-bottom: 2rem !important; 
}

/* Botón Read Article */
.hire-read-more, 
.hire-read-more a, 
.hire-read-more .elementor-heading-title { 
    font-weight: 600 !important; 
    color: var(--u-mint) !important; 
    font-family: var(--font-p) !important; 
    font-size: 1rem !important;
    text-decoration: none !important;
    display: inline-flex !important; 
    align-items: center !important;
}

/* Animación de la flecha en el botón */
.hire-read-more a::after,
.hire-read-more .elementor-heading-title::after { 
    content: '→' !important; 
    margin-left: 8px !important; 
    transition: transform 0.3s !important; 
    display: inline-block !important;
}
.hire-list-post:hover .hire-read-more a::after,
.hire-list-post:hover .hire-read-more .elementor-heading-title::after { 
    transform: translateX(5px) !important; 
}

/* 6. MÓVIL */
@media (max-width: 900px) {
    .hire-list-post, .hire-blog-wrap .e-loop-item:nth-child(even) .hire-list-post { flex-direction: column !important; }
    .hire-post-img-wrap, .hire-post-content { width: 100% !important; flex: 0 0 100% !important; }
    .hire-post-img-wrap { min-height: 250px !important; }
    .hire-post-content { padding: 2rem !important; }
}/* End custom CSS */