.elementor-10039 .elementor-element.elementor-element-16c63f8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 36px;--row-gap:24px;--column-gap:36px;--padding-top:40px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-10039 .elementor-element.elementor-element-979b8f6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10039 .elementor-element.elementor-element-5349f6c > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-10039 .elementor-element.elementor-element-9c389d7{--grid-columns:1;--grid-row-gap:18px;--grid-column-gap:18px;}.elementor-10039 .elementor-element.elementor-element-9c389d7 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-10039 .elementor-element.elementor-element-9c389d7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-10039 .elementor-element.elementor-element-9c389d7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-10039 .elementor-element.elementor-element-9c389d7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-10039 .elementor-element.elementor-element-9c389d7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-10039 .elementor-element.elementor-element-069063a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-10039 .elementor-element.elementor-element-9c389d7{--grid-columns:1;}}@media(min-width:768px){.elementor-10039 .elementor-element.elementor-element-16c63f8{--content-width:1180px;}.elementor-10039 .elementor-element.elementor-element-979b8f6{--width:68%;}.elementor-10039 .elementor-element.elementor-element-069063a{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10039 .elementor-element.elementor-element-979b8f6{--width:100%;}.elementor-10039 .elementor-element.elementor-element-069063a{--width:100%;}}@media(max-width:767px){.elementor-10039 .elementor-element.elementor-element-979b8f6{--width:100%;}.elementor-10039 .elementor-element.elementor-element-9c389d7{--grid-columns:1;}.elementor-10039 .elementor-element.elementor-element-069063a{--width:100%;}}/* Start custom CSS *//* === MUG · Archive Publicaciones (template 10039) — v1 === */
/* Sidebar widgets */
.mug-side-box { background:#fff; border:1px solid #e6e8ec; border-radius:14px; padding:22px 20px; margin-bottom:18px; }
.mug-side-eyebrow { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#008671; margin:0 0 10px; }
.mug-side-title { font-size:18px; font-weight:800; color:#1a1f2e; margin:0 0 8px; line-height:1.25; }
.mug-side-text { font-size:14px; color:#4a5568; line-height:1.5; margin:0 0 14px; }

/* Newsletter form */
.mug-side-news input { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #cfd9d6; border-radius:10px; font-size:14px; font-family:inherit; margin:0 0 8px; }
.mug-side-news .mug-side-news-row { display:grid; grid-template-columns: 1fr 1fr; gap:8px; }
.mug-side-news input:focus { outline:none; border-color:#008671; box-shadow:0 0 0 3px rgba(0,134,113,.18); }
.mug-side-news button { width:100%; background:#008671; color:#fff; border:0; border-radius:10px; padding:10px 16px; font-weight:700; font-size:14px; cursor:pointer; transition:background .15s; font-family:inherit; }
.mug-side-news button:hover { background:#006e5d; }
.mug-side-news .msg { display:none; font-size:13px; margin-top:8px; padding:8px 10px; border-radius:8px; }
.mug-side-news .msg.ok  { background:#e6f4f1; color:#006e5d; }
.mug-side-news .msg.dup { background:#fff8e1; color:#8a6d00; }
.mug-side-news .msg.err { background:#fdecea; color:#a33; }
.mug-side-news .msg.show { display:block; }

/* Eventos lista */
.mug-side-events ul { list-style:none; padding:0; margin:0; }
.mug-side-events li { padding:10px 0; border-bottom:1px solid #f0f2f4; }
.mug-side-events li:last-child { border-bottom:0; }
.mug-side-events a { color:#1a1f2e; text-decoration:none; font-size:14px; font-weight:600; line-height:1.4; display:block; transition:color .15s; }
.mug-side-events a:hover { color:#008671; }
.mug-side-events .ev-meta { display:block; font-size:11px; font-weight:600; color:#6b7280; text-transform:uppercase; letter-spacing:.05em; margin-top:3px; }
.mug-side-events .mock-note { font-size:11px; color:#9aa6a3; font-style:italic; margin-top:10px; padding-top:10px; border-top:1px dashed #e6e8ec; }

/* CTA Cursos */
.mug-side-cta-cursos { background: linear-gradient(135deg, #008671 0%, #006e5d 100%); color:#fff; border:0; }
.mug-side-cta-cursos .mug-side-eyebrow, .mug-side-cta-cursos .mug-side-title, .mug-side-cta-cursos .mug-side-text { color:#fff !important; }
.mug-side-cta-cursos .mug-side-eyebrow { opacity:.85; }
.mug-side-cta-cursos .mug-side-text { opacity:.92; }
.mug-side-cta-cursos a.btn { display:inline-block; background:#fff; color:#006e5d !important; padding:10px 18px; border-radius:10px; font-weight:700; font-size:14px; text-decoration:none; transition:background .15s; }
.mug-side-cta-cursos a.btn:hover { background:#f0f7f5; color:#006e5d !important; }

/* Últimos comentarios */
.mug-side-comments ul { list-style:none; padding:0; margin:0; }
.mug-side-comments li { padding:10px 0; border-bottom:1px solid #f0f2f4; }
.mug-side-comments li:last-child { border-bottom:0; }
.mug-side-comments a { text-decoration:none; display:block; }
.mug-side-comments .cmt-author { display:block; font-size:13px; font-weight:700; color:#008671; margin-bottom:3px; }
.mug-side-comments .cmt-text { display:block; font-size:13px; color:#4a5568; line-height:1.4; }
.mug-side-comments .loading, .mug-side-comments .empty, .mug-side-comments .err { font-size:13px; color:#9aa0a6; font-style:italic; }

/* Loop Grid (main column) — IDs reales del template */
.elementor-element-9c389d7 .e-loop-item .e-con { transition: transform .18s, box-shadow .18s; }
.elementor-element-9c389d7 .e-loop-item .e-con:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,134,113,.10); }

.elementor-element-9c389d7 .e-loop-item a { text-decoration: none; }
.elementor-element-9c389d7 .e-loop-item a:hover h3 { color: #008671 !important; }
.elementor-element-9c389d7 .e-loop-item a:hover h3 * { color: inherit !important; }


/* === Pagination (Elementor archive loop-grid) === */
.elementor-element-9c389d7 .elementor-pagination,
nav.elementor-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 32px 0 8px;
  padding: 0;
  list-style: none;
}
.elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e6e8ec;
  color: #1a1f2e !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .15s, border-color .15s, color .15s, transform .1s;
}
.elementor-pagination .page-numbers:hover {
  background: #f0f7f5;
  border-color: #008671;
  color: #008671 !important;
}
.elementor-pagination .page-numbers.current {
  background: #008671;
  border-color: #008671;
  color: #fff !important;
  pointer-events: none;
}
.elementor-pagination .page-numbers.dots {
  background: transparent;
  border: 0;
  color: #6b7280 !important;
  pointer-events: none;
}
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
  font-weight: 700;
}
.elementor-pagination .page-numbers.prev:active,
.elementor-pagination .page-numbers.next:active,
.elementor-pagination .page-numbers:active { transform: translateY(1px); }
/* === Loop card refinements (compact images + meta row author/date + readmore) === */
.elementor-element-9c389d7 .e-loop-item img {
  aspect-ratio: 21/9;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}





/* Meta row text (autor · fecha) */
.elementor-element-9c389d7 .e-loop-item .mug-pub-meta-author p { margin: 0; }
.elementor-element-9c389d7 .e-loop-item .mug-pub-meta-author a {
  color: inherit !important;
  text-decoration: none;
  font-weight: 600;
}

/* Readmore */
.elementor-element-9c389d7 .e-loop-item .mug-pub-readmore a {
  color: #008671 !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  transition: transform .15s ease;
}
.elementor-element-9c389d7 .e-loop-item .e-con:hover .mug-pub-readmore a {
  transform: translateX(4px);
}


/* Meta row v2 — single line, left align, ellipsis on overflow */
.elementor-element-9c389d7 .e-loop-item .mug-pub-meta-author { min-width: 0; flex: 1 1 auto; }
.elementor-element-9c389d7 .e-loop-item .mug-pub-meta-author p,
.elementor-element-9c389d7 .e-loop-item .mug-post-meta-line {
  text-align: left !important;
  margin: 0 !important;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.elementor-element-9c389d7 .e-loop-item .mug-post-meta-line strong { font-weight: 700; color: #1a1f2e; }
.elementor-element-9c389d7 .e-loop-item .mug-pub-readmore {
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
}


/* Meta row v3 — FORCE widgets to stay side by side (override Astra width:100%) */
.elementor-element-24f7aae { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
.elementor-element-24f7aae > .elementor-element-2a9b7f3,
.elementor-element-24f7aae > .elementor-element-c385d47 {
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
}
.elementor-element-24f7aae > .elementor-element-2a9b7f3 { flex: 1 1 0 !important; min-width: 0 !important; }
.elementor-element-24f7aae > .elementor-element-c385d47 { flex: 0 0 auto !important; }


/* Archive H1 (dynamic title via shortcode) */
.mug-archive-title { font-size: 36px; font-weight: 800; color: #1a1f2e; margin: 0 0 24px; line-height: 1.15; }


/* Equal-height + meta_row push-to-bottom (only desktop/tablet ≥768px, mobile uses natural height) */
@media (min-width: 768px) {
.elementor-element-9c389d7 .e-loop-item .e-con { display: flex; flex-direction: column; height: 100%; }
.elementor-element-9c389d7 .e-loop-item .e-con > .e-con-inner { display: flex; flex-direction: column; flex: 1; }
.elementor-element-9c389d7 .e-loop-item .e-con-inner > div:nth-child(2) { display: flex; flex-direction: column; flex: 1; }
.elementor-element-9c389d7 .e-loop-item .elementor-element-24f7aae {
  margin-top: auto !important;
  flex-wrap: nowrap !important;
  text-align: left;
}
}


/* Mobile cards overflow protection (≤1023px): allow meta row wrap, force img and containers to 100% */
@media (max-width: 1023px) {
  .elementor-element-9c389d7 .e-loop-item .e-con,
  .elementor-element-9c389d7 .e-loop-item .e-con-inner,
  .elementor-element-9c389d7 .e-loop-item .elementor-element-24f7aae {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
  }
  .elementor-element-9c389d7 .e-loop-item img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
  /* Meta row: allow wrap in mobile so readmore doesn't push out */
  .elementor-element-9c389d7 .e-loop-item .elementor-element-24f7aae {
    flex-wrap: wrap !important;
    gap: 4px 12px !important;
  }
  .elementor-element-9c389d7 .e-loop-item .mug-post-meta-line {
    white-space: normal !important;
  }
}/* End custom CSS */