/* Blog archive & single post - Dark theme evoc-ai.com */
/* Revision 2: Selectores corregidos contra Astra 4.13 */
/* Investigacion real HTML: body tiene clases single-post + ast-separate-container */
/* Astra key overrides:
   - .ast-separate-container { bg: #F0F5FA } -> body exterior
   - .ast-separate-container .ast-article-inner { bg: #FFFFFF }
   - .ast-separate-container .ast-article-single:not(.ast-related-post) { bg: #FFFFFF }
   - body,h1,h2,h3 { color: #334155 } -> texto oscuro en default
*/

/* =============================================
   1. FONDO GLOBAL - body y contenedores Astra
   ============================================= */

/* Astra pone background #F0F5FA en .ast-separate-container (que esta en el body) */
body.single-post.ast-separate-container,
body.blog.ast-separate-container,
body.category.ast-separate-container,
body.archive.ast-separate-container {
    background-color: #091532 !important;
    color: #cbd5e1 !important;
}

body.single-post #content,
body.single-post .site-content,
body.blog #content,
body.blog .site-content,
body.category #content,
body.archive #content {
    background: #091532 !important;
}

body.single-post .ast-container,
body.blog .ast-container,
body.category .ast-container,
body.archive .ast-container {
    background: transparent !important;
}

/* =============================================
   2. ARTICLE BOXES - Astra pone bg #FFFFFF en:
      .ast-separate-container .ast-article-inner
      .ast-separate-container .ast-article-single:not(.ast-related-post)
   ============================================= */

body.single-post.ast-separate-container .ast-article-inner,
body.blog.ast-separate-container .ast-article-inner {
    background-color: #091532 !important;
}

body.single-post.ast-separate-container .ast-article-single:not(.ast-related-post),
body.single-post.ast-separate-container article.post,
body.single-post.ast-separate-container .hentry,
body.blog.ast-separate-container .ast-article-single:not(.ast-related-post),
body.blog.ast-separate-container article.post,
body.blog.ast-separate-container .hentry {
    background-color: #091532 !important;
}

/* =============================================
   3. TITULO H1 - visible (blanco sobre fondo oscuro)
      h1.entry-title estaba blanco sobre blanco
   ============================================= */

body.single-post .entry-title,
body.single-post h1.entry-title,
body.single-post .ast-article-single .entry-title,
body.single-post .entry-header .entry-title {
    color: #ffffff !important;
    font-family: "Inter", -apple-system, sans-serif !important;
}

/* =============================================
   4. TEXTO DEL CONTENIDO - #cbd5e1 sobre fondo oscuro
   ============================================= */

body.single-post .entry-content,
body.single-post .ast-article-single p,
body.single-post .ast-article-single li,
body.single-post .ast-article-single td {
    color: #cbd5e1 !important;
    font-family: "Inter", -apple-system, sans-serif !important;
    font-size: 17px;
    line-height: 1.8;
}

body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6,
body.single-post .ast-article-single h2,
body.single-post .ast-article-single h3 {
    color: #ffffff !important;
    font-weight: 700;
}

/* =============================================
   5. LINKS (cyan - funcionaba, mantenido)
   ============================================= */

body.single-post .entry-content a {
    color: #00c3ff !important;
    text-decoration: underline;
}

body.single-post .entry-content a:hover {
    color: #0066ff !important;
}

/* =============================================
   6. POST META (date, author, category)
   ============================================= */

body.blog .entry-meta,
body.single-post .entry-meta,
body.blog .entry-meta a,
body.single-post .entry-meta a,
body.single-post .entry-meta *,
body.blog .entry-meta * {
    color: #94a3b8 !important;
}

/* =============================================
   7. BLOG CARDS (archive)
   ============================================= */

body.blog article.post {
    background: rgba(15,23,42,.6) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
    padding: 28px !important;
    margin-bottom: 24px !important;
    backdrop-filter: blur(5px);
}

body.blog article.post:hover {
    border-color: rgba(0,150,255,.45) !important;
    box-shadow: 0 8px 32px rgba(0,150,255,.08) !important;
}

body.blog .entry-title a {
    color: #ffffff !important;
}

/* =============================================
   8. CODE BLOCKS (funcionaban - mantenidos)
   ============================================= */

body.single-post .entry-content pre,
body.single-post .entry-content code {
    background: rgba(15,23,42,.8) !important;
    color: #00c3ff !important;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    font-family: "JetBrains Mono", monospace;
}

/* =============================================
   9. BLOCKQUOTES (funcionaban - mantenidos)
   ============================================= */

body.single-post .entry-content blockquote {
    border-left: 3px solid #00c3ff;
    background: rgba(15,23,42,.4) !important;
    padding: 16px 24px;
    border-radius: 0 8px 8px 0;
    color: #cbd5e1 !important;
}

/* =============================================
   10. HEADER OSCURO - fondo + texto/links blancos
   ============================================= */

body.blog .ast-primary-header-bar,
body.single-post .ast-primary-header-bar,
body.category .ast-primary-header-bar,
body.archive .ast-primary-header-bar,
body.blog .site-header,
body.single-post .site-header,
body.category .site-header,
body.archive .site-header {
    background: rgba(13,27,61,.95) !important;
}

body.blog .main-header-menu a,
body.single-post .main-header-menu a,
body.category .main-header-menu a,
body.archive .main-header-menu a {
    color: #ffffff !important;
}

body.blog .site-title a,
body.single-post .site-title a,
body.blog .ast-site-identity .site-title a,
body.single-post .ast-site-identity .site-title a {
    color: #ffffff !important;
}

body.blog .main-header-menu .sub-menu,
body.single-post .main-header-menu .sub-menu {
    background: #0d1b3d !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}

body.blog .main-header-menu .sub-menu a,
body.single-post .main-header-menu .sub-menu a {
    color: #cbd5e1 !important;
}

body.blog .main-header-menu .sub-menu a:hover,
body.single-post .main-header-menu .sub-menu a:hover {
    color: #00c3ff !important;
}

body.blog .ast-header-break-point .ast-button-wrap .menu-toggle,
body.single-post .ast-header-break-point .ast-button-wrap .menu-toggle {
    color: #ffffff !important;
}

body.blog .ast-above-header,
body.single-post .ast-above-header,
body.blog .ast-below-header,
body.single-post .ast-below-header {
    background: rgba(13,27,61,.95) !important;
}

/* =============================================
   11. SIDEBAR oculto / PRIMARY max-width centrado
   ============================================= */

body.blog .widget-area,
body.single-post .widget-area {
    display: none !important;
}

body.blog #primary,
body.single-post #primary {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    background: transparent !important;
}

/* =============================================
   12. PAGINACION
   ============================================= */

body.blog .pagination a,
body.blog .nav-links a {
    color: #00c3ff !important;
}

/* =============================================
   13. AUTHOR BOX
   ============================================= */

body.single-post .ast-author-box,
body.single-post .ast-author-meta {
    background: rgba(15,23,42,.6) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    color: #cbd5e1 !important;
}

body.single-post .ast-author-box .author-title,
body.single-post .ast-author-meta .author-title {
    color: #ffffff !important;
}

body.single-post .ast-author-box .author-desc {
    color: #94a3b8 !important;
}

/* =============================================
   14. ARCHIVE / CATEGORY
   ============================================= */

body.category .page-title,
body.archive .page-title {
    color: #ffffff !important;
}

body.category .taxonomy-description,
body.archive .taxonomy-description {
    color: #94a3b8 !important;
}

/* =============================================
   15. COMMENTS AREA
   ============================================= */

body.single-post.ast-separate-container .comments-area {
    background-color: #091532 !important;
    color: #cbd5e1 !important;
}

body.single-post .comment-content,
body.single-post .comment-author .fn,
body.single-post .comments-title,
body.single-post .comment-reply-title {
    color: #cbd5e1 !important;
}

/* =============================================
   16. FOOTER OSCURO
   ============================================= */

body.blog .site-footer,
body.single-post .site-footer,
body.category .site-footer,
body.archive .site-footer,
body.blog .ast-small-footer,
body.single-post .ast-small-footer,
body.blog .ast-footer-overlay,
body.single-post .ast-footer-overlay {
    background: #091532 !important;
    color: #94a3b8 !important;
}

body.blog .site-footer a,
body.single-post .site-footer a {
    color: #00c3ff !important;
}