/*
 Theme Name:   Salient Child
 Description:  Salient Child Theme
 Author:       ThemeNectar
 Template:     salient
 Version:      1.0
*/

/* Ocultar Autor en todas las publicaciones y tarjetas */
.meta-author, .post-author, .author-section, .author, .gravatar, .author-name, .meta-byline .author, span.author, .meta-author-name, .post-meta .author, .blog-meta .author { display: none !important; }


/* --- Estilos para el Widget de Tendencias (Imagen de Fondo + Gradiente en los 3 elementos) --- */
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    margin-bottom: 15px !important;
    min-height: 120px !important;
    border: none !important;
}
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li .popular-featured-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 1 !important;
    display: block !important;
    opacity: 0.9 !important;
}
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li a {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, rgba(35, 70, 210, 0.75) 0%, rgba(200, 45, 130, 0.75) 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li .post-title,
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li .post-date,
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li span {
    color: #ffffff !important;
}
.nectar_blog_posts_popular[data-style*="hover-featured-image"] li .meta-wrap {
    margin-left: 15px !important;
}


/* --- Ocultar botones por defecto de Salient y mostrar la Barra de Redes Sociales Personalizada (6 SVGs) --- */
.nectar-social, .sharing-default-minimal {
    display: none !important;
}

.objetivismo-social-sharing {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 30px 0 25px 0;
    padding: 18px 24px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #eaedf0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    flex-wrap: wrap;
}

.objetivismo-social-sharing .sharing-label {
    font-weight: 700;
    font-size: 15px;
    color: #2c3e50;
    letter-spacing: -0.2px;
}

.objetivismo-social-sharing .sharing-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.objetivismo-social-sharing .social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    color: #4a5568;
    border: 1px solid #e2e8f0;
    transition: all 0.25s ease;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.objetivismo-social-sharing .social-btn svg {
    width: 22px;
    height: 22px;
    transition: transform 0.25s ease;
}

.objetivismo-social-sharing .social-btn:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.objetivismo-social-sharing .social-btn:hover svg {
    transform: scale(1.1);
}

/* Colores de Marca en Hover */
.objetivismo-social-sharing .social-btn.facebook:hover {
    background: #1877f2 !important;
    border-color: #1877f2 !important;
}

.objetivismo-social-sharing .social-btn.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    border-color: #dc2743 !important;
}

.objetivismo-social-sharing .social-btn.whatsapp:hover {
    background: #25d366 !important;
    border-color: #25d366 !important;
}

.objetivismo-social-sharing .social-btn.x-twitter:hover {
    background: #000000 !important;
    border-color: #000000 !important;
}

.objetivismo-social-sharing .social-btn.telegram:hover {
    background: #229ed9 !important;
    border-color: #229ed9 !important;
}

.objetivismo-social-sharing .social-btn.linkedin:hover {
    background: #0a66c2 !important;
    border-color: #0a66c2 !important;
}

/* Toast de Notificación Instagram */
.objetivismo-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #2d3748;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.objetivismo-toast.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* --- Widget de Tendencias (Diseño Estilo Componente con Glassmorphism + Badges) --- */
.obj-tendencias-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.obj-tendencias-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin: 0 !important;
    letter-spacing: -0.3px;
}
.obj-tendencias-line {
    height: 2px;
    flex: 1;
    background: #e2e8f0;
    border-radius: 1px;
}
.nectar_blog_posts_popular {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.nectar_blog_posts_popular li {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    margin-bottom: 18px !important;
    height: 180px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.12) !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.nectar_blog_posts_popular li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.22) !important;
}
.nectar_blog_posts_popular li .popular-featured-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 1 !important;
    display: block !important;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.nectar_blog_posts_popular li:hover .popular-featured-img {
    transform: scale(1.08) !important;
}
.nectar_blog_posts_popular li a {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 16px !important;
    height: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.85) 100%) !important;
    text-decoration: none !important;
}
.obj-rank-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
.obj-cat-badge {
    display: inline-block !important;
    padding: 3px 8px !important;
    margin-bottom: 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #ffffff !important;
    background: rgba(220, 38, 38, 0.85) !important;
    border-radius: 4px !important;
    align-self: flex-start !important;
    width: fit-content !important;
}
.nectar_blog_posts_popular li .post-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
}
.nectar_blog_posts_popular li .post-date {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 11px !important;
    font-style: italic !important;
}


/* --- Barra de Navegación Superior Rediseñada (Smooth Header Component) --- */
.smooth-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}
.smooth-header-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.smooth-header-social {
    display: flex;
    align-items: center;
    gap: 14px;
}
.smooth-header-social .social-icon-link {
    color: #64748b;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}
.smooth-header-social .social-icon-link:hover {
    color: #2563eb;
    transform: translateY(-1px);
}
.smooth-header-social .social-icon-link svg {
    width: 20px;
    height: 20px;
    stroke-width: 2;
}
.smooth-header-nav {
    display: flex;
    align-items: center;
}
.smooth-nav-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
}
.smooth-nav-menu li {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}
.smooth-nav-menu li a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 8px 0 !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
    position: relative !important;
}
.smooth-nav-menu li a:hover,
.smooth-nav-menu li.current-menu-item > a,
.smooth-nav-menu li.current-menu-parent > a {
    color: #2563eb !important;
}
.smooth-nav-menu li.current-menu-item > a::after,
.smooth-nav-menu li.current-menu-parent > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2563eb;
    border-radius: 1px;
}
.smooth-nav-menu li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: #ffffff;
    border-radius: 12px;
    padding: 10px 0;
    min-width: 200px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    border: 1px solid #f1f5f9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 100;
    list-style: none;
}
.smooth-nav-menu li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.smooth-nav-menu li ul.sub-menu li a {
    padding: 8px 20px !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
}
.smooth-nav-menu li ul.sub-menu li a:hover {
    background: #f8fafc;
    color: #2563eb !important;
}
.smooth-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}
.smooth-search-form {
    display: flex;
    align-items: center;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    padding: 6px 16px;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.smooth-search-form:focus-within {
    border-color: #2563eb;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.smooth-search-form svg {
    color: #64748b;
    flex-shrink: 0;
}
.smooth-search-input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    font-size: 13px !important;
    color: #1e293b !important;
    margin-left: 8px !important;
    width: 130px !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.smooth-search-input::placeholder {
    color: #94a3b8 !important;
}
.smooth-user-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #64748b;
    background: transparent;
    transition: background 0.2s ease, color 0.2s ease;
    text-decoration: none !important;
}
.smooth-user-btn:hover {
    background: #f1f5f9;
    color: #2563eb;
}
#header-outer:not(.smooth-header) {
    display: none !important;
}
@media (max-width: 900px) {
    .smooth-header-nav { display: none !important; }
    .smooth-search-form { display: none !important; }
}


/* --- Componente de Calificación de Artículo (Diseño Dotted Badge + Estrellas SVG 32px + AJAX) --- */
#wpd-post-rating, .wpd-rating-wrap {
    display: none !important;
}

.obj-rating-card {
    width: 100% !important;
    max-width: 580px !important;
    margin: 35px auto !important;
    padding: 40px 24px !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
.obj-rating-badge-circle {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(37, 99, 235, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 16px auto !important;
    background: #f8fafc !important;
}
.obj-rating-score-val {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #2563eb !important;
    line-height: 1 !important;
}
.obj-rating-card-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.2px !important;
}
.obj-rating-stars-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}
.obj-star-btn {
    background: transparent !important;
    border: none !important;
    padding: 4px !important;
    cursor: pointer !important;
    outline: none !important;
    transition: transform 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.obj-star-btn:hover {
    transform: scale(1.18) !important;
}
.obj-star-btn:active {
    transform: scale(0.95) !important;
}
.obj-star-svg {
    width: 32px !important;
    height: 32px !important;
    color: #94a3b8;
    transition: color 0.2s ease, fill 0.2s ease, stroke 0.2s ease !important;
}
.obj-star-btn:hover .obj-star-svg {
    color: #f59e0b !important;
}
.obj-rating-meta-text {
    font-size: 14px !important;
    font-style: italic !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* Ocultar widget de tendencias en el lateral para usar la nueva sección de Tendencias al final de la página */
#sidebar .widget_nectar_popular_posts,
#sidebar .nectar_blog_posts_popular {
    display: none !important;
}


/* --- Corrección Completa de Despliegue de Menús y Submenús Drodown --- */
.smooth-nav-menu,
.smooth-nav-menu ul,
.smooth-nav-menu li {
    list-style: none !important;
    list-style-type: none !important;
}
.smooth-nav-menu li::before {
    display: none !important;
    content: '' !important;
}

.smooth-nav-menu ul.sub-menu,
.smooth-nav-menu li ul.sub-menu {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #e2e8f0 !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    z-index: 9999 !important;
    list-style: none !important;
    margin: 0 !important;
}

/* Nivel 1: Desplegable hacia abajo */
.smooth-nav-menu > li > ul.sub-menu {
    top: 100% !important;
    left: 0 !important;
    transform: translateY(8px) !important;
}
.smooth-nav-menu > li:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Nivel 2 y 3: Desplegable lateral hacia la derecha sin sobreponerse */
.smooth-nav-menu ul.sub-menu li > ul.sub-menu {
    top: -8px !important;
    left: 100% !important;
    margin-left: 6px !important;
    transform: translateX(8px) !important;
}
.smooth-nav-menu ul.sub-menu li:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
}

.smooth-nav-menu ul.sub-menu li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    list-style: none !important;
}

.smooth-nav-menu ul.sub-menu li a {
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    border-radius: 8px !important;
    margin: 2px 6px !important;
    box-sizing: border-box !important;
}

.smooth-nav-menu ul.sub-menu li a:hover {
    background: #f1f5f9 !important;
    color: #2563eb !important;
}

.smooth-nav-menu ul.sub-menu li.menu-item-has-children > a::after {
    content: '›' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-left: 12px !important;
    color: #94a3b8 !important;
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
    background: none !important;
    position: static !important;
}


/* --- Corrección del Puente Hover (Hitbox) para Submenús Secundarios y Terciarios --- */
.smooth-nav-menu,
.smooth-nav-menu ul,
.smooth-nav-menu li {
    list-style: none !important;
    list-style-type: none !important;
}

.smooth-nav-menu ul.sub-menu,
.smooth-nav-menu li ul.sub-menu {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 8px 0 !important;
    min-width: 230px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #e2e8f0 !important;
    transition: opacity 0.25s ease 0.05s, transform 0.25s ease 0.05s, visibility 0.25s ease 0.05s !important;
    z-index: 9999 !important;
    list-style: none !important;
    margin: 0 !important;
}

/* Nivel 1: Submenú principal desplegado hacia abajo */
.smooth-nav-menu > li > ul.sub-menu {
    top: 100% !important;
    left: 0 !important;
    transform: translateY(8px) !important;
}

.smooth-nav-menu > li > ul.sub-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -15px !important;
    left: 0 !important;
    width: 100% !important;
    height: 15px !important;
    background: transparent !important;
}

.smooth-nav-menu > li:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Nivel 2 y 3: Submenús laterales con PUENTE INVISIBLE sin brechas de píxeles */
.smooth-nav-menu ul.sub-menu li > ul.sub-menu {
    top: -6px !important;
    left: 100% !important;
    margin-left: 0 !important;
    transform: translateX(6px) !important;
}

/* Puente invisible entre el ítem padre y el submenú secundario */
.smooth-nav-menu ul.sub-menu li > ul.sub-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: -20px !important;
    width: 25px !important;
    height: calc(100% + 20px) !important;
    background: transparent !important;
    z-index: -1 !important;
}

.smooth-nav-menu ul.sub-menu li:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
}

/* Área de clic e interacción ampliada */
.smooth-nav-menu ul.sub-menu li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    list-style: none !important;
}

.smooth-nav-menu ul.sub-menu li a {
    padding: 11px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    border-radius: 8px !important;
    margin: 2px 6px !important;
    box-sizing: border-box !important;
}

.smooth-nav-menu ul.sub-menu li:hover > a {
    background: #f1f5f9 !important;
    color: #2563eb !important;
}

.smooth-nav-menu ul.sub-menu li.menu-item-has-children > a::after {
    content: '›' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-left: 12px !important;
    color: #94a3b8 !important;
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
    background: none !important;
    position: static !important;
}


/* --- Ajuste de Posicionamiento y Espaciado de la Sección de Tendencias al Final --- */
.obj-tendencias-bottom-section {
    width: 100% !important;
    padding: 40px 0 50px 0 !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    margin: 40px 0 30px 0 !important;
    clear: both !important;
    position: relative !important;
    z-index: 5 !important;
    box-sizing: border-box !important;
}
.obj-tendencias-bottom-section .max-w-container-max {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 12px;
}
.obj-tendencias-bottom-section .obj-tendencias-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
}
.obj-tendencias-bottom-section .obj-tendencias-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: -0.5px;
}
.obj-tendencias-bottom-section .obj-tendencias-line {
    height: 1px;
    flex: 1;
    background: #cbd5e1;
}
.obj-tendencias-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}
@media (max-width: 900px) {
    .obj-tendencias-grid {
        grid-template-columns: 1fr !important;
    }
}
.obj-tendencia-card {
    position: relative !important;
    height: 200px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #1e293b !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: block !important;
    text-decoration: none !important;
}
.obj-tendencia-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.2) !important;
}
.obj-tendencia-card .popular-featured-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.obj-tendencia-card:hover .popular-featured-img {
    transform: scale(1.06) !important;
}
.obj-tendencia-card .card-content-inner {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 20px !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}
.obj-tendencia-card .obj-rank-badge {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
.obj-tendencia-card .obj-cat-badge {
    display: inline-block !important;
    padding: 4px 10px !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #ffffff !important;
    background: rgba(225, 29, 72, 0.9) !important;
    border-radius: 9999px !important;
    align-self: flex-start !important;
    width: fit-content !important;
}
.obj-tendencia-card .card-title-text {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 4px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.7) !important;
}
.obj-tendencia-card p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 11px !important;
    font-style: italic !important;
    margin: 0 !important;
}


/* --- Redes Sociales del Footer con SVGs Nativos --- */
#footer-outer ul.social.smooth-footer-social {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#footer-outer ul.social.smooth-footer-social li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#footer-outer ul.social.smooth-footer-social li::before {
    display: none !important;
    content: '' !important;
}
#footer-outer ul.social.smooth-footer-social li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}
#footer-outer ul.social.smooth-footer-social li a:hover {
    color: #2563eb !important;
    border-color: #2563eb !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.15) !important;
}
#footer-outer ul.social.smooth-footer-social li a svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2 !important;
}


/* --- Centrado Perfecto de las Redes Sociales del Footer --- */
#footer-outer ul.social.smooth-footer-social {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    list-style: none !important;
    margin: 12px auto 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

#copyright .col.span_7.col_last,
#copyright .col.span_5 {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin: 0 auto !important;
}


/* --- Ocultar Sección de Publicación Anterior / Siguiente --- */
.post-pagination,
.nectar-post-next-prev,
div[data-post-header-style] + .post-pagination,
#post-area + .post-pagination {
    display: none !important;
}


/* --- Ocultar Sección de Recomendados para ti (Related Posts) --- */
#related-posts,
.related-posts,
.nectar-related-posts,
div[data-rcs] {
    display: none !important;
}


/* --- Meta de Cabecera del Artículo (Pill de Categoría + Tiempo de Lectura) --- */
.obj-header-reading-meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
    margin-top: 10px !important;
    flex-wrap: wrap !important;
}
.obj-meta-cat-pill {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #e0e7ff !important;
    color: #2563eb !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    line-height: 1 !important;
}
.obj-meta-dot {
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.obj-meta-reading-time {
    color: #3b82f6 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.1px !important;
}


/* --- Centrado del Encabezado de Tendencias con Líneas Simétricas --- */
.obj-tendencias-bottom-section .obj-tendencias-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-bottom: 35px !important;
    text-align: center !important;
}
.obj-tendencias-bottom-section .obj-tendencias-title {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: -0.5px !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.obj-tendencias-bottom-section .obj-tendencias-line {
    height: 1px !important;
    flex: 1 !important;
    background: #cbd5e1 !important;
}


/* --- Cuadros de Categoría y Tiempo de Lectura al mismo Nivel con Formato Idéntico --- */
.obj-header-reading-meta {
    display: none !important;
}

.heading-title .meta-category {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
}

.heading-title .meta-category a,
.heading-title .meta-category .meta-reading-time-pill,
.meta-category a,
.meta-reading-time-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 13px !important;
    border: 1px solid #334155 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #1e293b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
}

.heading-title .meta-category a:hover {
    border-color: #2563eb !important;
    color: #2563eb !important;
    background: #f8fafc !important;
}

.meta-reading-time-pill {
    cursor: default !important;
}


/* --- Centrado de Cuadros de Categoría y Tiempo de Lectura con Formato Idéntico --- */
.obj-header-reading-meta {
    display: none !important;
}

.heading-title .meta-category,
.meta-category {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    text-align: center !important;
}

.heading-title .meta-category a,
.heading-title .meta-category .meta-reading-time-pill,
.meta-category a,
.meta-reading-time-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 13px !important;
    border: 1px solid #334155 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #1e293b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
}

.heading-title .meta-category a:hover {
    border-color: #2563eb !important;
    color: #2563eb !important;
    background: #f8fafc !important;
}

.meta-reading-time-pill {
    cursor: default !important;
}


/* --- Cabecera Fija Inteligente con Desvanecimiento al Desplazar (Scroll) --- */
.smooth-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s ease !important;
    will-change: transform, opacity;
}

/* Ocultar fondo negro forzado del slider de portada de Salient */
.recent-posts-slider,
div[data-project-header-style],
.nectar-recent-posts-slider,
.caroufredsel_wrapper,
.recent-posts-slider .post-header-bg {
    background-color: transparent !important;
    background: transparent !important;
}

/* Ocultar iconos sociales duplicados fuera de la barra de navegación y footer */
body > .smooth-header-social,
#ajax-content-wrap > .smooth-header-social,
div:not(.smooth-header-container):not(.smooth-header-social) > .smooth-header-social {
    display: none !important;
}