/**
 * Theme Name: Javier Spaventa
 * Template: page-builder-framework
 * ...other header fields
 */

body {
    background-color: var( --e-global-color-376de4d )!important;
}

body a{
  color: var( --e-global-color-primary );
}
body  a:hover{
  color: var( --e-global-color-accent );
}
#main .entry-title,
#main .wp-block-quote
{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
}
#main .entry-title,
#main .entry-title a
{
    color: var( --e-global-color-primary );
}
#main,
#main p,
.elementor-widget-text-editor,
.nf-form-content *
{
    color: var( --e-global-color-primary );
    background-color: var( --e-global-color-376de4d);
    border-color: var( --e-global-color-primary );
}
.single #main {
    font-size: 1.25em;
}
.single #main h1{
    font-size: 1.75em;
}

.single #main p{
    font-family: var( --e-global-typography-text-font-family );
}
.single #main p.bajada {
    font-size: 1.25em;
}
.single #main .wp-block-quote p {
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    font-style: italic;
    font-size: 1.25em;
}
.single #main .wp-block-quote {
    border: 1px solid var( --e-global-color-primary );
    border-width: 1px 0;
    width: 75%;
    margin: 1.5rem auto;
}

.nf-form-content input,
.nf-form-content textarea
 {
    background-color: var(--e-global-color-376de4d)!important;
}

.blog .wpbf-container {
    max-width: 1140px;
    padding: 0 0px;
    border: 2px solid var( --e-global-color-primary );
    border-width: 0 2px 0 2px;
}

/* Grilla de 3 columnas con bordes controlados */
.wpbf-main.wpbf-archive-content.wpbf-post-archive.wpbf-blog-content {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important; /* Eliminamos el gap para controlar los bordes manualmente */
    align-content: flex-start !important;
}

.wpbf-main.wpbf-archive-content.wpbf-post-archive.wpbf-blog-content > article {
    margin-bottom: 0 !important;
    outline: 1px solid var( --e-global-color-primary ) !important;
    outline-offset: -1px !important; /* Crucial para que los outlines se toquen */
    position: relative;
    padding: 1rem;
}

/* Responsive */
@media (max-width: 1024px) {
    .wpbf-main.wpbf-archive-content.wpbf-post-archive.wpbf-blog-content {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .wpbf-main.wpbf-archive-content.wpbf-post-archive.wpbf-blog-content {
        grid-template-columns: 1fr !important;
    }
}

/* ocultamos elementos por ahora */ 
.entry-summary,
.article-footer
{
    display: none;
}

.single #inner-content {
    max-width: 1140px;
    border: 2px solid var( --e-global-color-primary );
    border-width: 0 2px 0 2px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    position: relative;
    font-size: .8em;
    border-bottom: 1px solid var( --e-global-color-primary );
    margin-bottom: 1em;
}
#main .wpbf-article-wrapper
{
    border-bottom: 2px solid var( --e-global-color-primary );
    margin-bottom: 1em;
    padding-bottom: 2em;
}