.elementor-kit-100004{--e-global-color-primary:#2B2B2B;--e-global-color-secondary:#67AA79;--e-global-color-text:#2B2B2B;--e-global-color-accent:#FBB600;--e-global-color-pj01soft:#C5DFCC;--e-global-color-pj02crem:#FDEFC7;--e-global-color-pj03whit:#FFFFFF;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Zen Maru Gothic";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-weight:800;}.elementor-kit-100004 button,.elementor-kit-100004 input[type="button"],.elementor-kit-100004 input[type="submit"],.elementor-kit-100004 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Nunito", Sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;line-height:1em;color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:9999px 9999px 9999px 9999px;padding:12px 24px 12px 24px;}.elementor-kit-100004 button:hover,.elementor-kit-100004 button:focus,.elementor-kit-100004 input[type="button"]:hover,.elementor-kit-100004 input[type="button"]:focus,.elementor-kit-100004 input[type="submit"]:hover,.elementor-kit-100004 input[type="submit"]:focus,.elementor-kit-100004 .elementor-button:hover,.elementor-kit-100004 .elementor-button:focus{background-color:var( --e-global-color-pj02crem );color:var( --e-global-color-primary );border-style:solid;border-color:var( --e-global-color-accent );}.elementor-kit-100004 e-page-transition{background-color:#FFBC7D;}.elementor-kit-100004 a{color:var( --e-global-color-primary );text-decoration:underline;}.elementor-kit-100004 a:hover{color:var( --e-global-color-primary );text-decoration:underline;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Marker highlight: a Crema rounded box behind the words (inventory 0, approved home hero). */
.resaltado { display: inline-block; margin: 0.5rem 0; padding: 0.25rem 0.75rem; background: var(--e-global-color-pj02crem); border-radius: 0.75rem; }

/* Loop Grid pagination: numbers 40px round, the current page an Ambar circle. */
.elementor-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
@media (max-width: 767px) { .elementor-pagination { gap: 0.25rem; } }
.elementor-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 2px solid transparent; border-radius: 9999px; color: var(--e-global-color-primary); text-decoration: none; }
.elementor-pagination a.page-numbers:hover { text-decoration: underline; }
.elementor-pagination .page-numbers.current { background: var(--e-global-color-accent); border-color: var(--e-global-color-accent); }

/* Category tag pills (D7): add the class pj-etiquetas to a Post Terms or taxonomy widget. Verde suave for every
   category, Ambar for Pronunciamientos. */
.pj-etiquetas a, .elementor-widget-heading.pj-etiquetas .elementor-heading-title[class] > a { display: inline-block; padding: 4px 12px; border-radius: 8px; background: var(--e-global-color-pj01soft); color: var(--e-global-color-primary); font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: 800; font-size: 12px; line-height: 16px; text-transform: uppercase; text-decoration: none; }
.pj-etiquetas a[href*="/category/pronunciamientos"], .elementor-widget-heading.pj-etiquetas .elementor-heading-title[class] > a[href*="/category/pronunciamientos"] { background: var(--e-global-color-accent); }

/* Text links are underlined (kit Links); these are the places that are not text links. Add pj-sin-subrayado to others. */
a.elementor-button, .elementor-nav-menu a.elementor-item, .elementor-social-icon, .elementor-pagination a, a.pj-sin-subrayado, .pj-sin-subrayado, .pj-sin-subrayado a { text-decoration: none; }
.elementor-nav-menu a.elementor-item:hover { text-decoration: underline; }

/* Horizontal menus: 24px between items and 16px between wrapped rows, flush at both ends (the widget's own
   item margins add 12px at the start of every wrapped row, and its clearfix pseudo-element would become a flex item that column-gap pushes 24px). Use with menu_space_between 0. */
.pj-menu-espaciado .elementor-nav-menu--main .elementor-nav-menu { column-gap: 24px; row-gap: 16px; }
.pj-menu-espaciado .elementor-nav-menu--main .elementor-nav-menu::before, .pj-menu-espaciado .elementor-nav-menu--main .elementor-nav-menu::after { display: none; }

/* Fixed proportions without an aspect-ratio control (U12): the class goes on a Container (its box) or an Image widget (its img). */
.pj-ratio-3-4 { aspect-ratio: 3 / 4; }
.pj-ratio-3-2 { aspect-ratio: 3 / 2; }
/* The Jajapo cover on one column: aspect-ratio there makes Chrome size the Loop Grid widget 94px per card short, so the next band overlaps the last card. Same 3:4 as min-height from the viewport (page padding 24 x 2, card padding 24 x 2). */
@media (max-width: 767px) { .pj-l8 .pj-ratio-3-4 { aspect-ratio: auto; min-height: calc((100vw - 96px) * 4 / 3); } }
.pj-ratio-4-3 img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-bottom: 2px solid var(--e-global-color-pj01soft); }

/* Wave strip between two bands (the designs' 40px / 60px SVG strip). Put pj-onda, a colour class naming the LOWER band
   (pj-onda-blanco, pj-onda-crema, pj-onda-ambar) and a curve (pj-onda-a, pj-onda-b mirrored) on an empty Container whose
   background is the UPPER band's colour. */
.pj-onda { position: relative; height: 40px; overflow: hidden; }
@media (min-width: 768px) { .pj-onda { height: 60px; } }
.pj-onda::after { content: ""; position: absolute; inset: 0; background: var(--pj-onda-color); -webkit-mask: var(--pj-onda-mask) center / 100% 100% no-repeat; mask: var(--pj-onda-mask) center / 100% 100% no-repeat; }
.pj-onda-blanco { --pj-onda-color: var(--e-global-color-pj03whit); }
.pj-onda-crema { --pj-onda-color: var(--e-global-color-pj02crem); }
.pj-onda-ambar { --pj-onda-color: var(--e-global-color-accent); }
.pj-onda-a { --pj-onda-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 V30 C300,-10 900,70 1200,30 V60 Z'/%3E%3C/svg%3E"); }
.pj-onda-b { --pj-onda-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 V30 C300,70 900,-10 1200,30 V60 Z'/%3E%3C/svg%3E"); }

/* Wave towards a Verde suave band (the lower band's colour, like pj-onda-blanco). */
.pj-onda-suave { --pj-onda-color: var(--e-global-color-pj01soft); }

/* Category pills (Actualidad): a horizontal WordPress Menu that wraps, items as 2px Tinta pills, the active one Ambar.
   Use with menu_space_between 0 and no toggle. The class goes on the Menu widget. */
.pj-pastillas .elementor-nav-menu--main .elementor-nav-menu { column-gap: 12px; row-gap: 12px; }
.pj-pastillas .elementor-nav-menu--main .elementor-nav-menu::before, .pj-pastillas .elementor-nav-menu--main .elementor-nav-menu::after { display: none; }
.pj-pastillas .elementor-nav-menu a.elementor-item { border: 2px solid var(--e-global-color-primary); border-radius: 9999px; background: var(--e-global-color-pj03whit); }
.pj-pastillas .elementor-nav-menu a.elementor-item:hover { background: var(--e-global-color-pj02crem); }
.pj-pastillas .elementor-nav-menu a.elementor-item.elementor-item-active { background: var(--e-global-color-accent); border-color: var(--e-global-color-accent); }
.pj-pastillas .elementor-nav-menu a.elementor-item:hover, .pj-pastillas .elementor-nav-menu a.elementor-item:focus { text-decoration: none; }

/* Loop Grid pagination: Anterior / Siguiente are text links beside the round numbers; the disabled one is hidden (the design shows no Anterior on page 1). */
.elementor-pagination .page-numbers.prev, .elementor-pagination .page-numbers.next { width: auto; padding: 0 1rem; border-radius: 0; font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: 800; font-size: 0.875rem; text-transform: uppercase; }
.elementor-pagination span.page-numbers.prev, .elementor-pagination span.page-numbers.next { display: none; }
.elementor-pagination .page-numbers.dots { width: auto; padding: 0 0.25rem; }

/* Single post: the larger category tag of the title band, 16:9 featured image, reading column. */
.elementor-widget-heading.pj-etiquetas-grande .elementor-heading-title[class] > a { background: var(--e-global-color-secondary); padding: 6px 16px; font-size: 14px; line-height: 20px; }
.elementor-widget-heading.pj-etiquetas-grande .elementor-heading-title[class] > a[href*="/category/pronunciamientos"] { background: var(--e-global-color-accent); }
.pj-ratio-16-9 img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.pj-lectura > p:first-of-type { font-size: 20px; line-height: 1.625; font-weight: 500; margin-bottom: 32px; }
@media (min-width: 768px) { .pj-lectura > p:first-of-type { font-size: 24px; } }
.pj-lectura > p { margin: 0 0 24px; }
.pj-lectura img { max-width: 100%; height: auto; }
.pj-lectura { overflow-wrap: anywhere; }
.pj-lectura a, .pj-lectura span { overflow-wrap: anywhere; word-break: break-word; white-space: normal; max-width: 100%; }

/* Post navigation: two columns (Anterior left, Siguiente right-aligned); stacked and left-aligned below 768px. */
.elementor-widget.pj-nav-entradas .elementor-post-navigation { display: flex; justify-content: space-between; gap: 32px; }
.elementor-widget.pj-nav-entradas .elementor-post-navigation__link { width: 48%; white-space: normal; overflow: visible; text-overflow: clip; }
.elementor-widget.pj-nav-entradas .elementor-post-navigation__link a, .elementor-widget.pj-nav-entradas .elementor-post-navigation__link a:hover, .elementor-widget.pj-nav-entradas span.post-navigation__prev--label, .elementor-widget.pj-nav-entradas span.post-navigation__next--label, .elementor-widget.pj-nav-entradas span.post-navigation__prev--title, .elementor-widget.pj-nav-entradas span.post-navigation__next--title { color: var(--e-global-color-primary); white-space: normal; overflow: visible; text-overflow: clip; max-width: 100%; }
.elementor-widget.pj-nav-entradas .elementor-post-navigation__next { text-align: right; }
.elementor-widget.pj-nav-entradas .elementor-post-navigation__link a { display: flex; flex-direction: column; gap: 8px; text-decoration: none; }
.elementor-widget.pj-nav-entradas .elementor-post-navigation__next a { align-items: flex-end; }
.elementor-widget.pj-nav-entradas .elementor-post-navigation__link__prev, .elementor-widget.pj-nav-entradas .elementor-post-navigation__link__next { display: flex; flex-direction: column; gap: 8px; }
.elementor-widget.pj-nav-entradas span.post-navigation__prev--label, .elementor-widget.pj-nav-entradas span.post-navigation__next--label { font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: 800; font-size: 0.875rem; text-transform: uppercase; }
.elementor-widget.pj-nav-entradas span.post-navigation__prev--title, .elementor-widget.pj-nav-entradas span.post-navigation__next--title { font-weight: 500; font-size: 1.125rem; line-height: 1.375; text-decoration: underline; overflow-wrap: anywhere; }
@media (max-width: 767px) { .elementor-widget.pj-nav-entradas .elementor-post-navigation { flex-direction: column; } .elementor-widget.pj-nav-entradas .elementor-post-navigation__link { width: 100%; } .elementor-widget.pj-nav-entradas .elementor-post-navigation__next { text-align: left; } .elementor-widget.pj-nav-entradas .elementor-post-navigation__next a { align-items: flex-start; } }

/* Loop Grid cards fill their row (equal height per row, not per grid: the widget's equal_height option sets grid-auto-rows: 1fr). */
.elementor-loop-container .e-loop-item > .e-con { height: 100%; }

/* Institutional and simple pages (Post Content class pj-institucional): reading text 18px; a bold-only paragraph (the imported
   pages use them as headings; class pj-p-titulo from the mu-plugin pojoaju-paragraph-titles.php, because the earlier :has() .elementor-kit-100004 also caught paragraphs that only open in bold) and every h2 look like the design's section title (24px, 30px from 768px, uppercase). */
.pj-institucional { overflow-wrap: anywhere; }
.pj-institucional p { margin: 0 0 16px; }
.pj-institucional h2, .pj-institucional p.pj-p-titulo { margin: 48px 0 16px; font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: 800; font-size: 24px; line-height: 32px; text-transform: uppercase; }
.pj-institucional h3 { margin: 32px 0 12px; font-family: var(--e-global-typography-primary-font-family), sans-serif; font-weight: 800; font-size: 20px; line-height: 28px; }
@media (min-width: 768px) { .pj-institucional h2, .pj-institucional p.pj-p-titulo { font-size: 30px; line-height: 36px; } }
.pj-institucional.pj-institucional > :first-child { margin-top: 0; }
.pj-institucional ul, .pj-institucional ol { margin: 0 0 16px; padding-left: 24px; }
.pj-institucional li { margin-bottom: 12px; }
.pj-institucional ol { list-style: lower-alpha; }
.pj-institucional img { max-width: 100%; height: auto; }
.pj-institucional a, .pj-institucional span { overflow-wrap: anywhere; word-break: break-word; white-space: normal; max-width: 100%; }

/* Section side menu (Quiénes somos): vertical WordPress Menu, items stacked 8px apart, underlined; the current page an Ambar rounded fill, bold, not underlined. */
.pj-menu-lateral .elementor-nav-menu--main .elementor-nav-menu { display: flex; flex-direction: column; gap: 8px; }
.pj-menu-lateral .elementor-nav-menu--main .elementor-nav-menu::before, .pj-menu-lateral .elementor-nav-menu--main .elementor-nav-menu::after { display: none; }
.pj-menu-lateral .elementor-nav-menu a.elementor-item { text-decoration: underline; border-radius: 12px; }
.pj-menu-lateral .elementor-nav-menu a.elementor-item.elementor-item-active { background: var(--e-global-color-accent); font-weight: 700; text-decoration: none; }
/* Network profile contact rows (pj-fila): a long URL wraps inside the card instead of overflowing it. */
.pj-fila .elementor-icon-box-description { overflow-wrap: anywhere; }

/* Formar parte requirements list: numbered, items 16px apart. */
.pj-lista-requisitos ol { margin: 0; padding-left: 24px; list-style: decimal; }
.pj-lista-requisitos li + li { margin-top: 16px; }

/* Wave towards a Verde band, and a 3:1 box (home library card). */
.pj-onda-verde { --pj-onda-color: var(--e-global-color-secondary); }
.pj-ratio-3-1 { aspect-ratio: 3 / 1; }

/* Page titles (H1, 36px uppercase on a phone): a long word wraps inside the column instead of widening the page. */
h1.elementor-heading-title { overflow-wrap: anywhere; hyphens: auto; }
/* A display heading whose words always fit its column (class pj-sin-guiones on the Heading widget): no hyphenation, so the home hero never reads PROMUE-VE at 768. */
.pj-sin-guiones .elementor-heading-title { hyphens: manual; }

/* Network cards are whole-card links (L3, L9): the name underlines on hover, like every other link. */
.pj-l3:hover .elementor-heading-title { text-decoration: underline; }

/* Footer design credit (class pj-credito on the copyright Text Editor): its link takes the text colour of the line, not the kit Tinta. */
.pj-credito a { color: inherit; }
/* Its two lines leave one word alone on a phone (Paraguay., Móviles); pretty wrapping pulls a word down beside it. */
.pj-credito { text-wrap: pretty; }

/* Form fields: Elementor's frontend CSS sets outline 0 on a focused field, so keyboard focus was invisible (WCAG 2.2 AA, 2.4.7 and 1.4.11). A 2px Tinta outline, as the theme draws around links, has 12.37:1 on Crema and 14.16:1 on white. */
.elementor-form .elementor-field-group .elementor-field-textual:focus-visible { outline: 2px solid var(--e-global-color-primary); outline-offset: 2px; }/* End custom CSS */