/* ============================================================
   el barrio — Portal de noticias.
   Maqueta editorial inspirada en patrón visual de portales
   argentinos tipo Infobae. Marca, autores, textos e imágenes
   son ficticios. Sin assets propietarios.
   ============================================================ */


/* ============================================================
   1. RESET
   ============================================================ */
.elbarrio-scope *, .elbarrio-scope *::before, .elbarrio-scope *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.elbarrio-scope{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
.elbarrio-scope{
  font-family: var(--f-sans);
  font-size: 16px;
  line-height: 1.45;
  color: var(--c-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
.elbarrio-scope img, .elbarrio-scope svg, .elbarrio-scope picture, .elbarrio-scope video{ display: block; max-width: 100%; }
.elbarrio-scope a{ color: inherit; text-decoration: none; }
.elbarrio-scope button{ font: inherit; cursor: pointer; background: none; border: none; color: inherit; padding: 0; }
.elbarrio-scope ul, .elbarrio-scope ol{ list-style: none; }
.elbarrio-scope input{ font: inherit; color: inherit; }


/* ============================================================
   2. VARIABLES
   ============================================================ */
.elbarrio-scope{
  /* Paleta editorial rojo */
  --c-red:       #d6202b;
  --c-red-soft:  #fff4ec;
  --c-red:          #cc1d1d;
  --c-red-live:     #e02020;
  --c-yellow:       #f5c518;
  --c-yellow-soft:  #fff8d6;
  --c-text:         #1a1a1a;
  --c-text-soft:    #565a6c;
  --c-meta:         #8a8e9c;
  --c-line:         #e6e6e6;
  --c-line-soft:    #f0f0f0;
  --c-bg-alt:       #f6f6f6;
  --c-bg-dark:      #1f1f1f;

  /* Tipografía: stack nativa, lo más cercano a Source Sans posible */
  --f-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Layout */
  --w-max: 1280px;
  --header-h: 56px;

  /* Transiciones */
  --t-fast: 150ms ease;
  --t-mid:  250ms ease;
}


/* ============================================================
   3. CONTENEDORES
   ============================================================ */
.elbarrio-scope .container{
  width: 100%;
  max-width: var(--w-max);
  margin: 0 auto;
  padding: 0 16px;
}

.elbarrio-scope .sr-only{
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}


/* ============================================================
   4. VIEW SWITCHER (debugger maqueta)
   ============================================================ */
.elbarrio-scope .view-switcher{
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 9000;
  background: #1f1f1f;
  color: #fff;
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
  padding: 4px;
  display: flex;
  gap: 2px;
}
.elbarrio-scope .view-switcher button{
  padding: 7px 13px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #aaa;
  border-radius: 20px;
  transition: all var(--t-fast);
}
.elbarrio-scope .view-switcher button:hover{ color: #fff; }
.elbarrio-scope .view-switcher button.is-active{
  background: var(--c-red);
  color: #fff;
}


/* ============================================================
   5. HEADER (sticky principal)
   Patrón Infobae mobile: hamburguesa+lupa combinada,
   logo wordmark centrado, avatar derecha.
   ============================================================ */
.elbarrio-scope .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .site-header-inner{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: var(--header-h);
  gap: 12px;
}

/* Botón combinado hamburguesa + lupa (signature mobile) */
.elbarrio-scope .menu-search{
  display: inline-flex;
  align-items: center;
  height: 40px;
  border: 1px solid var(--c-line);
  border-radius: 22px;
  padding: 0 4px;
  background: #fff;
  transition: border-color var(--t-fast), background var(--t-fast);
}
.elbarrio-scope .menu-search:hover{ border-color: var(--c-text); }
.elbarrio-scope .menu-search button{
  width: 36px; height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--c-text);
  transition: background var(--t-fast);
}
.elbarrio-scope .menu-search button:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .menu-search button svg{ width: 20px; height: 20px; fill: currentColor; }
.elbarrio-scope .menu-search .ms-divider{
  width: 1px;
  height: 18px;
  background: var(--c-line);
}

/* Logo wordmark rojo */
.elbarrio-scope .brand-logo{
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 28px;
  color: var(--c-red);
  letter-spacing: -1px;
  text-align: center;
  line-height: 1;
  justify-self: center;
}

/* Avatar usuario (placeholder ícono) */
.elbarrio-scope .user-btn{
  width: 40px; height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  color: var(--c-meta);
  transition: all var(--t-fast);
}
.elbarrio-scope .user-btn:hover{ border-color: var(--c-text); color: var(--c-text); }
.elbarrio-scope .user-btn svg{ width: 22px; height: 22px; fill: currentColor; }


/* ============================================================
   6. LIVE BAR — Banda debajo del header con
   "FM 102.3 · EN VIVO · Programa · Hace X min ·  ›"
   ============================================================ */
.elbarrio-scope .live-bar{
  background: #fff;
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .live-bar-inner{
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
}
.elbarrio-scope .fm-badge{
  flex-shrink: 0;
  background: var(--c-red);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  line-height: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.elbarrio-scope .fm-badge small{
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .5px;
  opacity: .95;
}
.elbarrio-scope .live-status{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--c-red-live);
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}
.elbarrio-scope .live-status .dot{
  width: 8px; height: 8px;
  background: var(--c-red-live);
  border-radius: 50%;
  animation: livepulse 1.4s ease-in-out infinite;
}
@keyframes livepulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .4; transform: scale(.7); }
}
.elbarrio-scope .live-title{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: var(--c-text);
}
.elbarrio-scope .live-time{
  flex-shrink: 0;
  color: var(--c-red-live);
  font-size: 12px;
  font-weight: 600;
}
.elbarrio-scope .live-chevron{
  flex-shrink: 0;
  color: var(--c-meta);
  font-size: 18px;
}


/* ============================================================
   7. TRENDS BAR — Rayo + items scroll horizontal
   ============================================================ */
.elbarrio-scope .trends-bar{
  background: #fff;
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .trends-bar-inner{
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
  overflow-x: auto;
  scrollbar-width: none;
}
.elbarrio-scope .trends-bar-inner::-webkit-scrollbar{ display: none; }
.elbarrio-scope .trends-label{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 13px;
  color: var(--c-text);
}
.elbarrio-scope .trends-label .bolt{
  width: 14px; height: 14px;
  fill: var(--c-yellow);
}
.elbarrio-scope .trends-items{
  display: flex;
  gap: 18px;
  flex-shrink: 0;
}
.elbarrio-scope .trends-items a{
  font-size: 13px;
  color: var(--c-text);
  white-space: nowrap;
  transition: color var(--t-fast);
}
.elbarrio-scope .trends-items a:hover{ color: var(--c-red); }
.elbarrio-scope .trends-items .live-item{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--c-red-live);
  font-weight: 700;
}
.elbarrio-scope .trends-items .live-item::before{
  content: "";
  width: 6px; height: 6px;
  background: var(--c-red-live);
  border-radius: 50%;
  display: inline-block;
}


/* ============================================================
   8. CARDS BASE
   ============================================================ */
.elbarrio-scope .card{ display: block; }
.elbarrio-scope .card-img{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #ddd, #999);
}
.elbarrio-scope .card-img.sq{ aspect-ratio: 1 / 1; }
.elbarrio-scope .card-img.s1{ background: linear-gradient(135deg, #b8c01b 0%, #8fa019 50%, #5a6e10 100%); }
.elbarrio-scope .card-img.s2{ background: linear-gradient(135deg, #2c3e50, #4ca1af); }
.elbarrio-scope .card-img.s3{ background: linear-gradient(135deg, #614385, #516395); }
.elbarrio-scope .card-img.s4{ background: linear-gradient(135deg, #ee9ca7, #ffdde1); }
.elbarrio-scope .card-img.s5{ background: linear-gradient(135deg, #134e5e, #71b280); }
.elbarrio-scope .card-img.s6{ background: linear-gradient(135deg, #b79891, #94716b); }
.elbarrio-scope .card-img.s7{ background: linear-gradient(135deg, #283c86, #45a247); }
.elbarrio-scope .card-img.s8{ background: linear-gradient(135deg, #8e2de2, #4a00e0); }
.elbarrio-scope .card-img.s9{ background: linear-gradient(135deg, #c31432, #240b36); }
.elbarrio-scope .card-img.s10{ background: linear-gradient(135deg, #ff512f, #f09819); }
.elbarrio-scope .card-img.s11{ background: linear-gradient(135deg, #1f4037, #99f2c8); }
.elbarrio-scope .card-img.s12{ background: linear-gradient(135deg, #16222a, #3a6073); }
.elbarrio-scope .card-img.s13{ background: linear-gradient(135deg, #4b6cb7, #182848); }
.elbarrio-scope .card-img.s14{ background: linear-gradient(135deg, #f7971e, #ffd200); }
.elbarrio-scope .card-img.s15{ background: linear-gradient(135deg, #5a3e2b 0%, #8b6443 50%, #c4a777 100%); }
.elbarrio-scope .card-img::after{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(0,0,0,.25), transparent 60%);
  pointer-events: none;
}

.elbarrio-scope .card-img .video-play{
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 36px; height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
}
.elbarrio-scope .card-img .video-play::before{
  content: "";
  width: 0; height: 0;
  border: solid transparent;
  border-width: 6px 0 6px 10px;
  border-left-color: #fff;
  margin-left: 2px;
}

.elbarrio-scope .card-title{
  font-family: var(--f-sans);
  font-weight: 800;
  color: var(--c-text);
  line-height: 1.2;
  transition: color var(--t-fast);
}
.elbarrio-scope .card:hover .card-title{ color: var(--c-red); }

.elbarrio-scope .card-byline{
  color: var(--c-meta);
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}


/* ============================================================
   9. HERO HOME — Título grande + bajada + autor + foto
   ============================================================ */
.elbarrio-scope .hero{
  padding: 18px 0 22px;
}
.elbarrio-scope .hero-title{
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 28px;
  line-height: 1.12;
  color: var(--c-text);
  margin-bottom: 12px;
  letter-spacing: -.3px;
}
.elbarrio-scope .hero-sub{
  font-size: 16px;
  line-height: 1.45;
  color: var(--c-text-soft);
  margin-bottom: 12px;
}
.elbarrio-scope .hero-byline{
  color: var(--c-meta);
  font-size: 13px;
  margin-bottom: 14px;
}
.elbarrio-scope .hero-img{
  width: 100%;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #b8c01b 0%, #8fa019 40%, #5a6e10 100%);
  position: relative;
  overflow: hidden;
}
.elbarrio-scope .hero-img::after{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.25), transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(0,0,0,.3), transparent 60%);
}


/* ============================================================
   10. GRID 2-COL (notas debajo del hero, patrón mobile)
   ============================================================ */
.elbarrio-scope .dual-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 6px 0 24px;
}
.elbarrio-scope .dual-grid .card-title{
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
}
.elbarrio-scope .dual-grid .card-byline{
  margin-bottom: 10px;
  font-size: 12px;
}
.elbarrio-scope .dual-grid .card-img{ aspect-ratio: 4 / 3; }


/* ============================================================
   11. AD SLOT
   ============================================================ */
.elbarrio-scope .ad-wrap{
  text-align: center;
  margin: 24px 0;
  padding: 14px 0;
  background: var(--c-bg-alt);
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .ad-wrap::before{
  content: "PUBLICIDAD";
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 10px;
  font-weight: 600;
}
.elbarrio-scope .ad-box{
  margin: 0 auto;
  background:
    repeating-linear-gradient(135deg, #ececec 0 14px, #f4f4f4 14px 28px);
  border: 1px solid var(--c-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 600;
}
.elbarrio-scope .ad-mobile-banner{ height: 100px; max-width: 320px; }
.elbarrio-scope .ad-billboard{ height: 250px; max-width: 970px; }
.elbarrio-scope .ad-leaderboard{ height: 90px; max-width: 728px; }
.elbarrio-scope .ad-rectangle{ height: 250px; max-width: 300px; }
.elbarrio-scope .ad-half-page{ height: 600px; max-width: 300px; }


/* ============================================================
   12. SECCIONES HOME — bloques de categoría con título
   ============================================================ */
.elbarrio-scope .section-block{
  padding: 8px 0 20px;
}
.elbarrio-scope .section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--c-text);
}
.elbarrio-scope .section-title{
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: -.2px;
  color: var(--c-text);
}
.elbarrio-scope .section-link{
  font-size: 12px;
  font-weight: 600;
  color: var(--c-text-soft);
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: color var(--t-fast);
}
.elbarrio-scope .section-link:hover{ color: var(--c-red); }
.elbarrio-scope .section-link::after{
  content: "›";
  color: var(--c-red);
  margin-left: 4px;
  font-weight: 800;
}


/* ============================================================
   13. DRAWER MOBILE (panel lateral con menú largo)
   ============================================================ */
.elbarrio-scope .drawer-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease;
}
.elbarrio-scope .drawer-backdrop.is-open{
  opacity: 1;
  pointer-events: auto;
}

.elbarrio-scope .drawer{
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: 100%;
  max-width: 480px;
  background: #fff;
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 280ms ease;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.elbarrio-scope .drawer.is-open{ transform: translateX(0); }

/* Banner persistente arriba del drawer (replica patrón mobile) */
.elbarrio-scope .drawer-ad{
  background: var(--c-bg-alt);
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elbarrio-scope .drawer-ad-box{
  width: 100%;
  max-width: 320px;
  height: 50px;
  background:
    repeating-linear-gradient(135deg, #ececec 0 12px, #f4f4f4 12px 24px);
  border: 1px solid var(--c-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 11px;
  letter-spacing: 1.5px;
  font-weight: 600;
}

.elbarrio-scope .drawer-header{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  height: var(--header-h);
  padding: 0 16px;
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .drawer-close{
  width: 40px; height: 40px;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--c-text);
}
.elbarrio-scope .drawer-close:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .drawer-logo{
  font-weight: 800;
  font-size: 28px;
  color: var(--c-red);
  letter-spacing: -1px;
  text-align: center;
  justify-self: center;
}

.elbarrio-scope .drawer-search{
  padding: 18px 16px;
}
.elbarrio-scope .drawer-search-input{
  position: relative;
}
.elbarrio-scope .drawer-search-input input{
  width: 100%;
  height: 46px;
  padding: 0 48px 0 18px;
  border: 1px solid var(--c-line);
  border-radius: 23px;
  background: #fff;
  font-size: 15px;
  color: var(--c-text);
}
.elbarrio-scope .drawer-search-input input::placeholder{ color: var(--c-meta); }
.elbarrio-scope .drawer-search-input .ds-icon{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px; height: 24px;
  color: var(--c-text-soft);
}
.elbarrio-scope .drawer-search-input .ds-icon svg{ width: 100%; height: 100%; fill: currentColor; }

.elbarrio-scope .drawer-nav{
  flex: 1;
  overflow-y: auto;
  padding: 4px 0 20px;
}
.elbarrio-scope .drawer-nav li{
  border-bottom: 1px solid var(--c-line-soft);
}
.elbarrio-scope .drawer-nav li:last-child{ border-bottom: none; }
.elbarrio-scope .drawer-nav a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  font-size: 17px;
  color: var(--c-text);
  transition: background var(--t-fast);
}
.elbarrio-scope .drawer-nav a:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .drawer-nav li.has-sub a{ font-weight: 700; }
.elbarrio-scope .drawer-nav li.has-sub a::after{
  content: "";
  width: 10px; height: 10px;
  border-right: 2px solid var(--c-text);
  border-bottom: 2px solid var(--c-text);
  transform: rotate(-45deg);
  margin-left: 8px;
}
.elbarrio-scope .drawer-nav li.divider{
  border: none;
  height: 8px;
  background: var(--c-bg-alt);
}


/* ============================================================
   14. PÁGINA DE NOTA INDIVIDUAL
   ============================================================ */
.elbarrio-scope .note-wrap{
  padding: 20px 0 36px;
}

.elbarrio-scope .note-breadcrumb{
  font-size: 14px;
  font-weight: 700;
  color: var(--c-text);
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 14px;
}
.elbarrio-scope .note-breadcrumb a:hover{ color: var(--c-red); }
.elbarrio-scope .note-breadcrumb::after{
  content: " ›";
  color: var(--c-text);
  font-weight: 800;
}

.elbarrio-scope .note-title{
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 30px;
  line-height: 1.12;
  color: var(--c-text);
  margin-bottom: 14px;
  letter-spacing: -.4px;
}
.elbarrio-scope .note-subtitle{
  font-size: 17px;
  line-height: 1.5;
  color: var(--c-text-soft);
  margin-bottom: 18px;
}

.elbarrio-scope .note-author-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 14px;
}
.elbarrio-scope .author-block{
  display: flex;
  align-items: center;
  gap: 8px;
}
.elbarrio-scope .author-avatar{
  width: 32px; height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-red), #c2521a);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  flex-shrink: 0;
}
.elbarrio-scope .author-name{
  font-size: 14px;
  color: var(--c-text);
}
.elbarrio-scope .author-name strong{ font-weight: 700; }

/* Chip "Agregar [marca] en G" — outline pill con logo G */
.elbarrio-scope .google-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--c-line);
  border-radius: 22px;
  font-size: 13px;
  color: var(--c-text);
  transition: background var(--t-fast);
  position: relative;
  margin-left: auto;
}
.elbarrio-scope .google-chip:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .google-chip svg.gicon{ width: 18px; height: 18px; }
.elbarrio-scope .google-chip svg.plus{ width: 16px; height: 16px; fill: var(--c-text-soft); }

/* Tooltip amarillo del chip */
.elbarrio-scope .gchip-tooltip{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--c-yellow-soft);
  border: 1px solid var(--c-yellow);
  border-radius: 6px;
  padding: 10px 28px 10px 14px;
  font-size: 12px;
  color: var(--c-text);
  min-width: 220px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  z-index: 5;
}
.elbarrio-scope .gchip-tooltip .ttip-close{
  position: absolute;
  top: 6px; right: 6px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: rgba(0,0,0,.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--c-text-soft);
}
.elbarrio-scope .gchip-tooltip::before{
  content: "";
  position: absolute;
  top: -7px; right: 24px;
  width: 12px; height: 12px;
  background: var(--c-yellow-soft);
  border-left: 1px solid var(--c-yellow);
  border-top: 1px solid var(--c-yellow);
  transform: rotate(45deg);
}

.elbarrio-scope .note-date{
  color: var(--c-meta);
  font-size: 13px;
  padding: 12px 0;
  margin-bottom: 8px;
  text-align: left;
}

/* Botones de compartir: CÍRCULOS OUTLINE (firma visual) */
.elbarrio-scope .share-row{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0 18px;
  flex-wrap: wrap;
}
.elbarrio-scope .share-btn{
  width: 38px; height: 38px;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.elbarrio-scope .share-btn:hover{
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}
.elbarrio-scope .share-btn svg{ width: 16px; height: 16px; fill: currentColor; }
.elbarrio-scope .share-divider{
  width: 1px;
  height: 28px;
  background: var(--c-line);
  margin: 0 4px;
}
.elbarrio-scope .share-save{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 16px 0 12px;
  height: 38px;
  border: 1px solid var(--c-line);
  border-radius: 19px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.elbarrio-scope .share-save:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .share-save svg{ width: 16px; height: 16px; fill: currentColor; }

.elbarrio-scope .note-figure{
  margin-bottom: 8px;
}
.elbarrio-scope .note-figure .card-img{ aspect-ratio: 16 / 9; }
.elbarrio-scope .note-figcaption{
  font-size: 12px;
  color: var(--c-meta);
  padding: 8px 0 18px;
}

.elbarrio-scope .note-body{
  font-size: 17px;
  line-height: 1.65;
  color: #2a2a2a;
}
.elbarrio-scope .note-body > p{
  margin-bottom: 20px;
}
.elbarrio-scope .note-body strong, .elbarrio-scope .note-body b{
  font-weight: 700;
  color: var(--c-text);
}
.elbarrio-scope .note-body h2{
  font-weight: 800;
  font-size: 22px;
  line-height: 1.25;
  margin: 28px 0 14px;
  color: var(--c-text);
}
.elbarrio-scope .note-body h3{
  font-weight: 800;
  font-size: 19px;
  line-height: 1.3;
  margin: 24px 0 12px;
  color: var(--c-text);
}
.elbarrio-scope .note-body blockquote{
  border-left: 4px solid var(--c-red);
  padding: 6px 0 6px 18px;
  margin: 24px 0;
  font-size: 19px;
  font-style: italic;
  color: var(--c-text);
  line-height: 1.4;
}
.elbarrio-scope .note-body blockquote footer{
  font-size: 13px;
  font-style: normal;
  color: var(--c-meta);
  margin-top: 8px;
}
.elbarrio-scope .note-body figure{
  margin: 24px 0;
}
.elbarrio-scope .note-body figure .card-img{ aspect-ratio: 16 / 9; }
.elbarrio-scope .note-body figcaption{
  font-size: 12px;
  color: var(--c-meta);
  padding-top: 8px;
}

/* "Te puede interesar" — caja con borde amarillo lateral */
.elbarrio-scope .related-inline{
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-yellow);
  border-radius: 4px;
  padding: 14px 18px;
  margin: 24px 0;
  transition: background var(--t-fast);
}
.elbarrio-scope .related-inline:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .related-inline-info{
  flex: 1;
}
.elbarrio-scope .related-inline-info small{
  display: block;
  font-size: 12px;
  color: var(--c-text-soft);
  margin-bottom: 4px;
}
.elbarrio-scope .related-inline-info strong{
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--c-text);
  line-height: 1.3;
}
.elbarrio-scope .related-inline-arrow{
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid var(--c-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text-soft);
  font-size: 16px;
  flex-shrink: 0;
}

.elbarrio-scope .note-body .video-embed{
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  margin: 24px 0;
}
.elbarrio-scope .note-body .video-embed::after{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  background: var(--c-red);
  border-radius: 50%;
}
.elbarrio-scope .note-body .video-embed::before{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-40%, -50%);
  width: 0; height: 0;
  border: solid transparent;
  border-width: 10px 0 10px 16px;
  border-left-color: #fff;
  z-index: 2;
}

.elbarrio-scope .note-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 22px 0;
  border-top: 1px solid var(--c-line);
  margin-top: 24px;
}
.elbarrio-scope .note-tags strong{
  font-size: 12px;
  color: var(--c-meta);
  text-transform: uppercase;
  letter-spacing: .8px;
  align-self: center;
  margin-right: 4px;
}
.elbarrio-scope .note-tags a{
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  background: var(--c-bg-alt);
  border-radius: 14px;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.elbarrio-scope .note-tags a:hover{ background: var(--c-red); color: #fff; }


/* ============================================================
   15. RELATED FINAL DE NOTA
   ============================================================ */
.elbarrio-scope .related-block{
  margin-top: 32px;
}
.elbarrio-scope .related-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin-top: 16px;
}
.elbarrio-scope .related-grid .card-title{
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 6px;
}


/* ============================================================
   16. PÁGINA DE CATEGORÍA
   ============================================================ */
.elbarrio-scope .cat-header{
  padding: 24px 0 22px;
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .cat-kicker{
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--c-red);
  margin-bottom: 8px;
}
.elbarrio-scope .cat-title{
  font-family: var(--f-sans);
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -1px;
  color: var(--c-text);
  line-height: 1;
}
.elbarrio-scope .cat-desc{
  font-size: 15px;
  color: var(--c-text-soft);
  margin-top: 12px;
  line-height: 1.5;
  max-width: 680px;
}
.elbarrio-scope .cat-subnav{
  display: flex;
  gap: 6px;
  margin-top: 18px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.elbarrio-scope .cat-subnav::-webkit-scrollbar{ display: none; }
.elbarrio-scope .cat-subnav button{
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
  border: 1px solid var(--c-line);
  border-radius: 18px;
  background: #fff;
  transition: all var(--t-fast);
  white-space: nowrap;
}
.elbarrio-scope .cat-subnav button:hover{ border-color: var(--c-text); }
.elbarrio-scope .cat-subnav button.is-active{
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}

.elbarrio-scope .cat-list{
  padding: 18px 0;
}
.elbarrio-scope .cat-item{
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--c-line);
  align-items: center;
}
.elbarrio-scope .cat-item:last-child{ border-bottom: none; }
.elbarrio-scope .cat-item .card-img{ aspect-ratio: 1 / 1; }
.elbarrio-scope .cat-item .card-title{
  font-size: 17px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.elbarrio-scope .cat-item .card-byline{ font-size: 12px; }
.elbarrio-scope .cat-item .kicker{
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--c-red);
  margin-bottom: 5px;
}

.elbarrio-scope .pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 28px 0;
  border-top: 1px solid var(--c-line);
}
.elbarrio-scope .pagination a, .elbarrio-scope .pagination span{
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center; justify-content: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-text);
  border: 1px solid var(--c-line);
  border-radius: 50%;
  transition: all var(--t-fast);
}
.elbarrio-scope .pagination a:hover{ background: var(--c-bg-alt); }
.elbarrio-scope .pagination .is-current{
  background: var(--c-red);
  color: #fff;
  border-color: var(--c-red);
}
.elbarrio-scope .pagination .dots{ border: none; }


/* ============================================================
   17. FOOTER
   ============================================================ */
.elbarrio-scope .footer{
  background: #fff;
  border-top: 3px solid var(--c-red);
  margin-top: 32px;
  padding: 32px 0 24px;
}
.elbarrio-scope .footer-brand{
  text-align: center;
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--c-line);
}
.elbarrio-scope .footer-brand .brand-logo{ font-size: 32px; }
.elbarrio-scope .footer-brand p{
  font-size: 13px;
  color: var(--c-text-soft);
  margin-top: 10px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}
.elbarrio-scope .footer-socials{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}
.elbarrio-scope .footer-socials a{
  width: 38px; height: 38px;
  border: 1px solid var(--c-line);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-text);
  transition: all var(--t-fast);
}
.elbarrio-scope .footer-socials a:hover{
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}
.elbarrio-scope .footer-socials svg{ width: 15px; height: 15px; fill: currentColor; }

.elbarrio-scope .footer-cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 24px;
  margin-bottom: 32px;
}
.elbarrio-scope .footer-col h5{
  font-size: 13px;
  font-weight: 800;
  color: var(--c-text);
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 12px;
}
.elbarrio-scope .footer-col ul{ display: flex; flex-direction: column; gap: 8px; }
.elbarrio-scope .footer-col a{
  font-size: 13px;
  color: var(--c-text-soft);
  transition: color var(--t-fast);
}
.elbarrio-scope .footer-col a:hover{ color: var(--c-red); }

.elbarrio-scope .footer-bottom{
  border-top: 1px solid var(--c-line);
  padding-top: 18px;
  text-align: center;
}
.elbarrio-scope .footer-bottom p{
  font-size: 12px;
  color: var(--c-meta);
  margin-bottom: 8px;
}
.elbarrio-scope .footer-bottom ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}
.elbarrio-scope .footer-bottom a{
  font-size: 12px;
  color: var(--c-text-soft);
}


/* ============================================================
   18. RESPONSIVE — Tablet 768+ y Desktop 1024+
   ============================================================ */

/* Tablet */
.elbarrio-scope @media (min-width: 768px){
  .container { padding: 0 24px; }
  .hero-title { font-size: 36px; }
  .hero-sub { font-size: 17px; }
  .dual-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .dual-grid .card-title { font-size: 17px; }
  .cat-title { font-size: 44px; }
  .note-title { font-size: 36px; }
  .note-subtitle { font-size: 18px; }
  .related-grid { grid-template-columns: 1fr 1fr; }
  .footer-cols { grid-template-columns: repeat(4, 1fr); gap: 30px; }
  .section-title { font-size: 20px; }
  .cat-item { grid-template-columns: 1fr 200px; gap: 22px; }
  .cat-item .card-title { font-size: 20px; }
}

/* Desktop */
.elbarrio-scope @media (min-width: 1024px){
  :root { --header-h: 64px; }
  .container { padding: 0 32px; }
  .brand-logo { font-size: 36px; }
  .menu-search { height: 44px; }
  .menu-search button { width: 40px; height: 40px; }
  .user-btn { width: 44px; height: 44px; }

  /* Hero: layout 2 columnas con imagen al lado */
  .hero {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 36px;
    padding: 32px 0 40px;
    align-items: center;
  }
  .hero-title { font-size: 44px; }
  .hero-sub { font-size: 18px; margin-bottom: 16px; }
  .hero-img { aspect-ratio: 4 / 3; height: 100%; }

  /* Grid 4-col debajo del hero */
  .dual-grid { grid-template-columns: repeat(4, 1fr); }

  /* Layout principal main + sidebar para Home y Nota */
  .main-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    padding: 24px 0;
  }
  .main-layout .home-main { min-width: 0; }
  .main-layout .home-side { min-width: 0; }

  .note-wrap {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 48px;
    padding: 32px 0 48px;
  }
  .note-main { min-width: 0; max-width: 760px; }
  .note-title { font-size: 48px; }
  .note-subtitle { font-size: 19px; }
  .note-body { font-size: 18px; }

  .cat-title { font-size: 52px; }
  .related-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-cols { grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; }

  /* Live bar y Trends bar lado a lado en una sola línea */
  .live-bar-inner { height: 48px; font-size: 14px; }
  .trends-bar-inner { height: 44px; }
}

/* Mobile chico (≤ 360px) — ajustes ultra compactos */
.elbarrio-scope @media (max-width: 360px){
  .brand-logo { font-size: 24px; }
  .menu-search button { width: 32px; height: 32px; }
  .menu-search button svg { width: 18px; height: 18px; }
  .user-btn { width: 36px; height: 36px; }
  .hero-title { font-size: 24px; }
  .note-title { font-size: 26px; }
}


/* ============================================================
   19. ACCESIBILIDAD
   ============================================================ */
.elbarrio-scope a:focus-visible, .elbarrio-scope button:focus-visible, .elbarrio-scope input:focus-visible{
  outline: 2px solid var(--c-red);
  outline-offset: 2px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .elbarrio-scope *, .elbarrio-scope *::before, .elbarrio-scope *::after{
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Tarjetas más leídas (sidebar desktop) */
.elbarrio-scope .side-block{ margin-bottom: 32px; }
.elbarrio-scope .side-head{
  font-weight: 800;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: -.2px;
  color: var(--c-text);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--c-text);
  margin-bottom: 14px;
}
.elbarrio-scope .rank-list{ display: flex; flex-direction: column; }
.elbarrio-scope .rank-item{
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--c-line-soft);
  align-items: flex-start;
}
.elbarrio-scope .rank-item:last-child{ border-bottom: none; }
.elbarrio-scope .rank-num{
  font-weight: 800;
  font-size: 28px;
  color: var(--c-red);
  line-height: 1;
}
.elbarrio-scope .rank-item .card-title{ font-size: 14px; line-height: 1.3; margin-bottom: 4px; }
.elbarrio-scope .rank-item .card-byline{ font-size: 11px; }



.elbarrio-scope.elbarrio-hide-switcher .view-switcher{display:none!important;}
.elbarrio-scope .elementor-widget-container{width:100%;}

/* ============================================================
   el barrio v1.4 widgets extra: indicadores, lo último, filas y split
   ============================================================ */
.elbarrio-scope .elbarrio-market-widget{width:100%;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:18px 0 0;margin:0 auto 18px}.elbarrio-scope .elbarrio-market-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.elbarrio-scope .elbarrio-market-card{background:#f8f8f8;border:1px solid #e2e2e2;border-radius:10px;padding:10px 12px;text-align:center;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center}.elbarrio-scope .elbarrio-market-title{text-transform:uppercase;font-size:15px;line-height:1.1;color:#333;font-weight:500;white-space:nowrap}.elbarrio-scope .elbarrio-market-value{font-size:32px;line-height:1.05;font-weight:900;color:#202124;letter-spacing:-.8px;margin-top:4px}.elbarrio-scope .elbarrio-market-meta{display:flex;align-items:center;justify-content:center;gap:6px;color:#666;font-size:13px;margin-top:3px;white-space:nowrap}.elbarrio-scope .elbarrio-market-meta strong{font-weight:800}.elbarrio-scope .elbarrio-market-meta.is-down .elbarrio-market-arrow{color:#000}.elbarrio-scope .elbarrio-market-meta.is-up .elbarrio-market-arrow{color:#179b55}.elbarrio-scope .elbarrio-market-meta.is-flat .elbarrio-market-arrow{font-weight:900}.elbarrio-scope .elbarrio-market-source{position:relative;text-align:center;color:#555;font-size:14px;margin-top:10px;line-height:1}.elbarrio-scope .elbarrio-market-source:before,.elbarrio-scope .elbarrio-market-source:after{content:"";display:inline-block;width:28%;height:1px;background:#cfcfcf;vertical-align:middle;margin:0 12px}.elbarrio-scope .elbarrio-market-source span{display:inline-block;background:#fff;padding:0 4px}.elbarrio-scope .elbarrio-latest-box{position:relative;background:#fff;border:1px solid #d6d6d6;border-radius:8px;padding:26px 26px 20px;overflow:hidden}.elbarrio-scope .elbarrio-latest-box:after{content:"";display:block;width:68%;height:3px;background:#d6202b;margin:20px 0 14px;position:absolute;top:105px;left:26px}.elbarrio-scope .elbarrio-latest-head{display:flex;align-items:center;gap:18px;font-size:30px;line-height:1;margin-bottom:46px}.elbarrio-scope .elbarrio-latest-head strong{font-weight:900}.elbarrio-scope .elbarrio-latest-head span{width:2px;height:34px;background:#222}.elbarrio-scope .elbarrio-latest-head em{font-style:normal;font-weight:400}.elbarrio-scope .elbarrio-latest-item{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 0;border-top:1px solid #d6d6d6}.elbarrio-scope .elbarrio-latest-item:first-child{border-top:0;padding-top:0}.elbarrio-scope .elbarrio-latest-item.has-thumb{grid-template-columns:1fr 160px;align-items:center}.elbarrio-scope .elbarrio-latest-item-title{font-size:23px;line-height:1.24;font-weight:900;color:#202124;display:block}.elbarrio-scope .elbarrio-latest-item-title:hover{color:#d6202b}.elbarrio-scope .elbarrio-latest-thumb{display:block;border-radius:8px;overflow:hidden}.elbarrio-scope .elbarrio-latest-thumb img,.elbarrio-scope .elbarrio-latest-thumb .card-img{width:100%;height:100%;aspect-ratio:1.45/1;object-fit:cover;border-radius:8px}.elbarrio-scope .elbarrio-news-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-bottom:1px solid #d8d8d8}.elbarrio-scope .elbarrio-news-row-card{padding-bottom:16px;border-bottom:1px solid #d8d8d8}.elbarrio-scope .elbarrio-news-row-title{font-size:25px;line-height:1.14;font-weight:900;margin:0 0 16px;color:#202124}.elbarrio-scope .elbarrio-news-row-title a:hover{color:#d6202b}.elbarrio-scope .elbarrio-news-row-author{font-size:14px;color:#555;margin:0 0 12px;line-height:1.35}.elbarrio-scope .elbarrio-news-row-author strong{font-size:13px;color:#333;letter-spacing:.03em}.elbarrio-scope .elbarrio-opinion-dot{display:inline-block;width:42px;height:42px;border:3px solid #d6202b;border-radius:50%;vertical-align:middle;margin-right:8px;background:linear-gradient(135deg,#eee,#bbb)}.elbarrio-scope .elbarrio-news-row-img{display:block}.elbarrio-scope .elbarrio-news-row-img img,.elbarrio-scope .elbarrio-news-row-img .card-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.elbarrio-scope .elbarrio-feature-split{display:flex;border-top:2px solid #9f9f9f;border-bottom:2px solid #9f9f9f;padding:26px 0;color:#202124}.elbarrio-scope .elbarrio-feature-media{flex:0 0 60%;overflow:hidden}.elbarrio-scope .elbarrio-feature-media img,.elbarrio-scope .elbarrio-feature-media .card-img{width:100%;height:100%;min-height:310px;object-fit:cover}.elbarrio-scope .elbarrio-feature-copy{flex:1;background:#f4f4f4;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:44px 36px;border-radius:0 8px 8px 0}.elbarrio-scope .elbarrio-feature-title{font-size:32px;line-height:1.14;font-weight:900;margin:0 0 24px;color:#202124}.elbarrio-scope .elbarrio-feature-text{font-size:20px;line-height:1.45;color:#444;margin:0}.elbarrio-scope .elbarrio-feature-split:hover .elbarrio-feature-title{color:#d6202b}
@media(max-width:1024px){.elbarrio-scope .elbarrio-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.elbarrio-scope .elbarrio-feature-title{font-size:26px}.elbarrio-scope .elbarrio-feature-text{font-size:17px}.elbarrio-scope .elbarrio-news-row-title{font-size:21px}.elbarrio-scope .elbarrio-latest-item.has-thumb{grid-template-columns:1fr 120px}}
@media(max-width:767px){.elbarrio-scope .elbarrio-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elbarrio-scope .elbarrio-market-title{font-size:12px}.elbarrio-scope .elbarrio-market-value{font-size:26px}.elbarrio-scope .elbarrio-market-meta{font-size:11px;gap:4px}.elbarrio-scope .elbarrio-market-source:before,.elbarrio-scope .elbarrio-market-source:after{width:12%;margin:0 6px}.elbarrio-scope .elbarrio-latest-box{padding:22px 18px}.elbarrio-scope .elbarrio-latest-box:after{left:18px;top:90px}.elbarrio-scope .elbarrio-latest-head{font-size:24px;gap:12px;margin-bottom:38px}.elbarrio-scope .elbarrio-latest-head span{height:28px}.elbarrio-scope .elbarrio-latest-item-title{font-size:19px}.elbarrio-scope .elbarrio-latest-item.has-thumb{grid-template-columns:1fr 92px}.elbarrio-scope .elbarrio-news-row-grid{grid-template-columns:1fr;gap:20px}.elbarrio-scope .elbarrio-news-row-title{font-size:22px;margin-bottom:10px}.elbarrio-scope .elbarrio-feature-split{display:block;padding:18px 0}.elbarrio-scope .elbarrio-feature-media img,.elbarrio-scope .elbarrio-feature-media .card-img{min-height:220px}.elbarrio-scope .elbarrio-feature-copy{border-radius:0 0 8px 8px;padding:28px 20px}.elbarrio-scope .elbarrio-feature-title{font-size:24px}.elbarrio-scope .elbarrio-feature-text{font-size:16px}}

/* el barrio Ads Widgets v1.5 */
.elbarrio-scope .elbarrio-ad-wrap{
  width:100%;
  text-align:center;
  margin:24px 0;
  padding:14px 0;
  background:var(--c-bg-alt,#f6f6f6);
  border-top:1px solid var(--c-line,#e6e6e6);
  border-bottom:1px solid var(--c-line,#e6e6e6);
}
.elbarrio-scope .elbarrio-ad-label{
  display:block;
  font-size:10px;
  letter-spacing:1.5px;
  color:var(--c-meta,#8a8e9c);
  margin-bottom:10px;
  font-weight:600;
  text-transform:uppercase;
}
.elbarrio-scope .elbarrio-ad-box{
  margin:0 auto;
  background:repeating-linear-gradient(135deg,#ececec 0 14px,#f4f4f4 14px 28px);
  border:1px solid var(--c-line,#e6e6e6);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#aaa;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:700;
  overflow:hidden;
}
.elbarrio-scope .elbarrio-ad-box img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.elbarrio-scope.elbarrio-ad-mobile-banner .elbarrio-ad-box{height:100px;max-width:320px;}
.elbarrio-scope.elbarrio-ad-leaderboard .elbarrio-ad-box{height:90px;max-width:728px;}
.elbarrio-scope.elbarrio-ad-billboard .elbarrio-ad-box{height:250px;max-width:970px;}
.elbarrio-scope.elbarrio-ad-rectangle .elbarrio-ad-box{height:250px;max-width:300px;}
.elbarrio-scope.elbarrio-ad-half-page .elbarrio-ad-box{height:600px;max-width:300px;}
.elbarrio-scope.elbarrio-ad-footer-wide .elbarrio-ad-box{height:120px;max-width:970px;}
.elbarrio-scope.elbarrio-ad-fluid .elbarrio-ad-box{min-height:120px;width:100%;max-width:100%;}
.elementor-widget-elbarrio_sidebar_ad .elbarrio-ad-wrap{margin:0 0 24px;padding:12px;background:#fff;border:1px solid var(--c-line,#e6e6e6);border-radius:6px;}
.elementor-widget-elbarrio_middle_ad .elbarrio-ad-wrap{margin:32px 0;}
.elementor-widget-elbarrio_footer_ad .elbarrio-ad-wrap{margin:0;padding:22px 0;background:#fff;border-top:1px solid var(--c-line,#e6e6e6);border-bottom:1px solid var(--c-line,#e6e6e6);}
@media(max-width:767px){
  .elbarrio-scope.elbarrio-ad-hide-mobile{display:none!important;}
  .elbarrio-scope.elbarrio-ad-billboard .elbarrio-ad-box,
  .elbarrio-scope.elbarrio-ad-footer-wide .elbarrio-ad-box,
  .elbarrio-scope.elbarrio-ad-leaderboard .elbarrio-ad-box{height:100px;max-width:320px;}
  .elbarrio-scope.elbarrio-ad-half-page .elbarrio-ad-box{height:250px;max-width:300px;}
}

/* el barrio v1.6 fixes: header canvas, Ivory Search modal and extended ad formats */
body.elbarrio-drawer-open,
body.elbarrio-search-open{overflow:hidden!important;}
.elbarrio-scope.elbarrio-header-widget .drawer-backdrop{z-index:999998;}
.elbarrio-scope.elbarrio-header-widget .drawer{z-index:999999;}
.elbarrio-scope.elbarrio-header-widget .drawer-nav .menu{display:block;}
.elbarrio-scope.elbarrio-header-widget .drawer-nav .menu-item-has-children>a::after{content:"";width:10px;height:10px;border-right:2px solid var(--c-text);border-bottom:2px solid var(--c-text);transform:rotate(-45deg);margin-left:8px;}
.elbarrio-scope .drawer-search-input button.ds-icon{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;}
.elbarrio-scope .elbarrio-search-modal{position:fixed;inset:0;z-index:1000000;display:none;align-items:flex-start;justify-content:center;padding:90px 18px 18px;}
.elbarrio-scope .elbarrio-search-modal.is-open{display:flex;}
.elbarrio-scope .elbarrio-search-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);}
.elbarrio-scope .elbarrio-search-modal__panel{position:relative;width:min(760px,100%);background:#fff;border-radius:18px;padding:28px 24px 24px;box-shadow:0 22px 80px rgba(0,0,0,.32);}
.elbarrio-scope .elbarrio-search-modal__close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:1px solid var(--c-line,#e6e6e6);border-radius:50%;font-size:24px;line-height:1;background:#fff;color:var(--c-text,#1a1a1a);display:flex;align-items:center;justify-content:center;}
.elbarrio-scope .elbarrio-search-modal__close:hover{background:var(--c-bg-alt,#f6f6f6);}
.elbarrio-scope .elbarrio-search-modal .is-search-form,
.elbarrio-scope .elbarrio-search-modal form{width:100%;}
.elbarrio-scope .elbarrio-search-modal input[type="search"],
.elbarrio-scope .elbarrio-search-modal input[type="text"],
.elbarrio-scope .elbarrio-search-modal .is-search-input{width:100%!important;min-height:54px;border:1px solid var(--c-line,#e6e6e6)!important;border-radius:28px!important;padding:0 22px!important;font-size:18px!important;box-shadow:none!important;}
.elbarrio-scope.elbarrio-ad-super-wide .elbarrio-ad-box{height:280px;max-width:1200px;}
.elbarrio-scope.elbarrio-ad-mega-wide .elbarrio-ad-box{height:180px;max-width:1140px;}
.elbarrio-scope.elbarrio-ad-square .elbarrio-ad-box{height:300px;max-width:300px;}
.elbarrio-scope.elbarrio-ad-mobile-square .elbarrio-ad-box{height:280px;max-width:336px;}
@media(max-width:767px){
  .elbarrio-scope .elbarrio-search-modal{padding-top:72px;}
  .elbarrio-scope .elbarrio-search-modal__panel{border-radius:14px;padding:24px 16px 18px;}
  .elbarrio-scope.elbarrio-ad-super-wide .elbarrio-ad-box,
  .elbarrio-scope.elbarrio-ad-mega-wide .elbarrio-ad-box{height:100px;max-width:360px;}
  .elbarrio-scope.elbarrio-ad-square .elbarrio-ad-box,
  .elbarrio-scope.elbarrio-ad-mobile-square .elbarrio-ad-box{height:280px;max-width:336px;}
  .elementor-widget-elbarrio_sidebar_ad .elbarrio-ad-wrap{padding:10px 0;border-left:0;border-right:0;border-radius:0;}
}


/* el barrio v1.7: buscador Ivory estilo editorial + resultados AJAX */
.elbarrio-scope .elbarrio-search-modal{padding:84px 18px 18px;align-items:flex-start;}
.elbarrio-scope .elbarrio-search-modal__backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(1px);}
.elbarrio-scope .elbarrio-search-modal__panel{width:min(980px,calc(100vw - 36px));background:#fff;border-radius:24px;padding:42px 70px 34px 34px;box-shadow:0 26px 90px rgba(0,0,0,.30);}
.elbarrio-scope .elbarrio-search-modal__close{top:18px;right:18px;width:46px;height:46px;border:1px solid #dedede;border-radius:50%;font-size:34px;font-weight:300;background:#fff;color:#1a1a1a;z-index:5;}
.elbarrio-scope .elbarrio-search-modal__close:hover{background:#f7f7f7;color:var(--c-red,#d6202b);}
.elbarrio-scope .elbarrio-search-modal .is-search-form,
.elbarrio-scope .elbarrio-search-modal form.search-form,
.elbarrio-scope .elbarrio-search-modal form{position:relative;width:100%;display:block!important;margin:0!important;}
.elbarrio-scope .elbarrio-search-modal .is-form-style,
.elbarrio-scope .elbarrio-search-modal .is-form-style.is-form-style-3,
.elbarrio-scope .elbarrio-search-modal .is-form-style.is-form-style-2{display:block!important;width:100%!important;}
.elbarrio-scope .elbarrio-search-modal .is-search-form label,
.elbarrio-scope .elbarrio-search-modal .search-form label{display:block!important;width:100%!important;}
.elbarrio-scope .elbarrio-search-modal input[type="search"],
.elbarrio-scope .elbarrio-search-modal input[type="text"],
.elbarrio-scope .elbarrio-search-modal .is-search-input{width:100%!important;height:72px!important;min-height:72px!important;border:3px solid var(--c-red,#d6202b)!important;border-radius:999px!important;padding:0 72px 0 28px!important;font-size:22px!important;line-height:1!important;color:#1a1a1a!important;background:#fff!important;box-shadow:0 0 0 4px rgba(238,108,26,.08)!important;outline:none!important;}
.elbarrio-scope .elbarrio-search-modal input[type="search"]::placeholder,
.elbarrio-scope .elbarrio-search-modal input[type="text"]::placeholder,
.elbarrio-scope .elbarrio-search-modal .is-search-input::placeholder{color:#8a8e9c!important;}
.elbarrio-scope .elbarrio-search-modal .is-search-submit,
.elbarrio-scope .elbarrio-search-modal button[type="submit"],
.elbarrio-scope .elbarrio-search-modal input[type="submit"],
.elbarrio-scope .elbarrio-search-modal .search-submit{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:52px!important;height:52px!important;border:0!important;border-radius:50%!important;background:var(--c-red,#d6202b)!important;color:#fff!important;font-size:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
.elbarrio-scope .elbarrio-search-modal .is-search-submit:before,
.elbarrio-scope .elbarrio-search-modal button[type="submit"]:before,
.elbarrio-scope .elbarrio-search-modal input[type="submit"]:before,
.elbarrio-scope .elbarrio-search-modal .search-submit:before{content:"";width:18px;height:18px;border:3px solid #fff;border-radius:50%;display:block;}
.elbarrio-scope .elbarrio-search-modal .is-search-submit:after,
.elbarrio-scope .elbarrio-search-modal button[type="submit"]:after,
.elbarrio-scope .elbarrio-search-modal input[type="submit"]:after,
.elbarrio-scope .elbarrio-search-modal .search-submit:after{content:"";width:11px;height:3px;background:#fff;display:block;position:absolute;right:13px;bottom:15px;transform:rotate(45deg);border-radius:2px;}
.elbarrio-scope .elbarrio-search-modal .is-search-icon{display:none!important;}
.elbarrio-scope .elbarrio-search-modal .is-ajax-search-details,
.elbarrio-scope .elbarrio-search-modal .is-ajax-search-result,
.elbarrio-scope .elbarrio-search-modal .is-search-sections,
.elbarrio-scope .elbarrio-search-modal .is-search-results,
.elbarrio-scope .elbarrio-search-modal .ivory-ajax-search-results{margin-top:18px!important;border:1px solid #e6e6e6!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.10)!important;overflow:hidden!important;background:#fff!important;}
.elbarrio-scope .elbarrio-search-modal .is-ajax-search-post,
.elbarrio-scope .elbarrio-search-modal .is-ajax-search-post-details,
.elbarrio-scope .elbarrio-search-modal .is-search-result{padding:14px 18px!important;border-bottom:1px solid #f0f0f0!important;}
.elbarrio-scope .elbarrio-search-modal .is-ajax-search-post:last-child,
.elbarrio-scope .elbarrio-search-modal .is-search-result:last-child{border-bottom:0!important;}
.elbarrio-scope .elbarrio-search-modal .is-title,
.elbarrio-scope .elbarrio-search-modal .is-title a,
.elbarrio-scope .elbarrio-search-modal .is-search-title,
.elbarrio-scope .elbarrio-search-modal .is-search-title a{font-size:16px!important;font-weight:800!important;color:#1a1a1a!important;line-height:1.25!important;}
.elbarrio-scope .elbarrio-search-modal .is-title a:hover,
.elbarrio-scope .elbarrio-search-modal .is-search-title a:hover{color:var(--c-red,#d6202b)!important;}
.elbarrio-scope .elbarrio-search-modal .is-search-excerpt,
.elbarrio-scope .elbarrio-search-modal .is-ajax-search-post-excerpt{font-size:13px!important;color:#565a6c!important;margin-top:4px!important;}
/* Ivory a veces inyecta los resultados al body, fuera del modal */
.is-ajax-search-result,
.is-ajax-search-details,
.is-search-results{z-index:1000002!important;}
@media(max-width:767px){
  .elbarrio-scope .elbarrio-search-modal{padding:72px 12px 12px;}
  .elbarrio-scope .elbarrio-search-modal__panel{width:calc(100vw - 24px);border-radius:22px;padding:34px 18px 22px;}
  .elbarrio-scope .elbarrio-search-modal__close{width:42px;height:42px;top:12px;right:12px;font-size:30px;}
  .elbarrio-scope .elbarrio-search-modal input[type="search"],
  .elbarrio-scope .elbarrio-search-modal input[type="text"],
  .elbarrio-scope .elbarrio-search-modal .is-search-input{height:60px!important;min-height:60px!important;font-size:18px!important;padding-left:22px!important;padding-right:62px!important;}
  .elbarrio-scope .elbarrio-search-modal .is-search-submit,
  .elbarrio-scope .elbarrio-search-modal button[type="submit"],
  .elbarrio-scope .elbarrio-search-modal input[type="submit"],
  .elbarrio-scope .elbarrio-search-modal .search-submit{width:44px!important;height:44px!important;right:8px!important;}
}

/* el barrio Category Navigation widget */
.elbarrio-scope .elbarrio-cat-nav-widget,
.elbarrio-scope.elbarrio-cat-nav-widget {
  width: 100%;
}
.elbarrio-scope .elbarrio-cat-nav-title {
  margin: 0 0 12px;
  font-family: var(--f-sans);
  font-size: 18px;
  font-weight: 800;
  color: var(--c-text);
}
.elbarrio-scope .elbarrio-cat-nav-list {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.elbarrio-scope .elbarrio-cat-nav-list.is-scroll {
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
.elbarrio-scope .elbarrio-cat-nav-list.is-scroll::-webkit-scrollbar { display: none; }
.elbarrio-scope .elbarrio-cat-nav-list.is-wrap { flex-wrap: wrap; }
.elbarrio-scope .elbarrio-cat-nav-list.is-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.elbarrio-scope .elbarrio-cat-nav-list.is-vertical {
  flex-direction: column;
}
.elbarrio-scope .elbarrio-cat-nav-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 16px;
  border: 1px solid var(--c-line);
  border-radius: 18px;
  background: #fff;
  color: var(--c-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);
}
.elbarrio-scope .elbarrio-cat-nav-list.is-grid .elbarrio-cat-nav-item,
.elbarrio-scope .elbarrio-cat-nav-list.is-vertical .elbarrio-cat-nav-item {
  justify-content: flex-start;
  white-space: normal;
  flex-wrap: wrap;
}
.elbarrio-scope .elbarrio-cat-nav-item:hover {
  border-color: var(--c-text);
  background: var(--c-bg-alt);
}
.elbarrio-scope .elbarrio-cat-nav-item.is-active {
  background: var(--c-red);
  border-color: var(--c-red);
  color: #fff;
}
.elbarrio-scope .elbarrio-cat-count {
  font-size: .85em;
  opacity: .75;
}
.elbarrio-scope .elbarrio-cat-desc {
  display: block;
  flex-basis: 100%;
  margin-top: 4px;
  color: var(--c-text-soft);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.elbarrio-scope .elbarrio-cat-nav-select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--c-line);
  border-radius: 22px;
  background: #fff;
  color: var(--c-text);
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
}
.elbarrio-scope .elbarrio-empty-message {
  margin: 10px 0 0;
  color: var(--c-meta);
  font-size: 13px;
}
@media (max-width: 767px) {
  .elbarrio-scope .elbarrio-cat-nav-list.is-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ============================================================
   v1.9 - Bloque de noticias dinámico + mejoras archive/images
   ============================================================ */
.elbarrio-scope .elbarrio-dynamic-section-title{
  font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:-.2px;color:var(--c-text);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--c-text);position:relative;
}
.elbarrio-scope .elbarrio-dynamic-section-title::after{content:"";position:absolute;left:0;bottom:-2px;width:120px;height:2px;background:var(--c-red)}
.elbarrio-scope .elbarrio-dynamic-grid{display:grid;grid-template-columns:minmax(0,66%) minmax(0,1fr);align-items:start;gap:24px;margin:24px 0;}
.elbarrio-scope .elbarrio-dynamic-big-right{grid-template-columns:minmax(0,1fr) minmax(0,66%)}
.elbarrio-scope .elbarrio-dynamic-side{display:grid;gap:18px;}
.elbarrio-scope .elbarrio-dynamic-card{position:relative;min-width:0;overflow:hidden;background:#fff;}
.elbarrio-scope .elbarrio-dynamic-img{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#eee;}
.elbarrio-scope .elbarrio-dynamic-img img,.elbarrio-scope .elbarrio-archive-img img,.elbarrio-scope .hero-img-real,.elbarrio-scope .card-img-real,.elbarrio-scope .cat-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.elbarrio-scope .elbarrio-dynamic-placeholder{display:block;width:100%;height:100%;}
.elbarrio-scope .elbarrio-dynamic-placeholder.s1{background:linear-gradient(135deg,#b8c01b,#5a6e10)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s2{background:linear-gradient(135deg,#2c3e50,#4ca1af)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s3{background:linear-gradient(135deg,#614385,#516395)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s4{background:linear-gradient(135deg,#ee9ca7,#ffdde1)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s5{background:linear-gradient(135deg,#134e5e,#71b280)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s6{background:linear-gradient(135deg,#b79891,#94716b)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s7{background:linear-gradient(135deg,#283c86,#45a247)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s8{background:linear-gradient(135deg,#8e2de2,#4a00e0)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s9{background:linear-gradient(135deg,#c31432,#240b36)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s10{background:linear-gradient(135deg,#ff512f,#f09819)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s11{background:linear-gradient(135deg,#1f4037,#99f2c8)}
.elbarrio-scope .elbarrio-dynamic-placeholder.s12{background:linear-gradient(135deg,#16222a,#3a6073)}
.elbarrio-scope .elbarrio-dynamic-content{padding:12px 0 0;}
.elbarrio-scope .elbarrio-dynamic-title{font-weight:800;line-height:1.12;color:var(--c-text);margin:0;}
.elbarrio-scope .elbarrio-dynamic-main .elbarrio-dynamic-title{font-size:clamp(28px,4vw,56px);letter-spacing:-.04em;}
.elbarrio-scope .elbarrio-dynamic-side .elbarrio-dynamic-title{font-size:clamp(18px,2vw,28px);letter-spacing:-.025em;}
.elbarrio-scope .elbarrio-dynamic-title a{color:inherit;}
.elbarrio-scope .elbarrio-dynamic-title a:hover{color:var(--c-red);}
.elbarrio-scope .elbarrio-dynamic-excerpt{font-size:18px;line-height:1.45;color:var(--c-text-soft);margin-top:12px;}
.elbarrio-scope .elbarrio-dynamic-meta{font-size:13px;color:var(--c-meta);margin-top:10px;}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.62) 100%);z-index:1;pointer-events:none;}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px;color:#fff;}
.elbarrio-scope .elbarrio-dynamic-side-card.elbarrio-dynamic-overlay .elbarrio-dynamic-content{padding:16px;}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-title,.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-title a,.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-excerpt,.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-meta{color:#fff;}
.elbarrio-scope .elbarrio-dynamic-overlay{min-height:1px;}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-img{margin:0;}

.elbarrio-scope .cat-list{display:grid;gap:18px;}
.elbarrio-scope .cat-list.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.elbarrio-scope .cat-list.layout-grid .cat-item{display:block;}
.elbarrio-scope .cat-list.layout-grid .elbarrio-archive-img{margin-top:12px;}
.elbarrio-scope .cat-list.layout-compact .cat-item{display:block;}
.elbarrio-scope .cat-list.layout-compact .elbarrio-archive-img{display:none;}
.elbarrio-scope .cat-item{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--c-line);}
.elbarrio-scope .cat-item.is-featured-archive{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border-bottom:2px solid var(--c-line);padding-bottom:24px;}
.elbarrio-scope .cat-item.is-featured-archive .card-title{font-size:clamp(30px,4.5vw,58px);letter-spacing:-.04em;line-height:1.08;}
.elbarrio-scope .cat-item.is-featured-archive .elbarrio-archive-img{order:2;aspect-ratio:16/9;}
.elbarrio-scope .elbarrio-archive-img{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1/1;background:#eee;}
.elbarrio-scope .elbarrio-archive-excerpt{margin-top:10px;}
.elbarrio-scope .card-byline:empty{display:none!important;}

@media (max-width: 767px){
  .elbarrio-scope .elbarrio-dynamic-grid,.elbarrio-scope .elbarrio-dynamic-big-right{grid-template-columns:1fr;}
  .elbarrio-scope .elbarrio-dynamic-side{grid-template-columns:1fr;}
  .elbarrio-scope .elbarrio-dynamic-content,.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-content{padding:14px;}
  .elbarrio-scope .cat-item{grid-template-columns:minmax(0,1fr) 120px!important;gap:14px;}
  .elbarrio-scope .cat-list.layout-grid{grid-template-columns:1fr!important;}
  .elbarrio-scope .cat-item.is-featured-archive{grid-template-columns:1fr!important;}
  .elbarrio-scope .cat-item.is-featured-archive .card-title{font-size:30px;}
}

/* v1.9.1 refinements */
.elbarrio-scope .elbarrio-feature-split.is-reversed{flex-direction:row-reverse;}
.elbarrio-scope.elbarrio-grid-news .card>a:first-child{display:block;aspect-ratio:var(--elbarrio-grid-ratio,1/1);overflow:hidden;background:#f3f3f3;}
.elbarrio-scope.elbarrio-grid-news .card>a:first-child img,
.elbarrio-scope.elbarrio-grid-news .card>a:first-child .card-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.elbarrio-scope.elbarrio-grid-news .card-title{margin-top:8px;}
.elbarrio-scope.elbarrio-grid-news .dual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.elbarrio-scope .elbarrio-live-main-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:inherit;text-decoration:none;}
.elbarrio-scope .live-bar-inner>a:first-child{flex-shrink:0;text-decoration:none;}
@media(max-width:767px){
  .elbarrio-scope .elbarrio-feature-split.is-reversed{flex-direction:column;}
  .elbarrio-scope.elbarrio-grid-news .dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Footer profesional editable */
.elbarrio-scope .elbarrio-footer-pro{
  border-top-style: solid;
  margin-top: 0;
}
.elbarrio-scope .elbarrio-footer-pro .elbarrio-footer-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:48px;
}
.elbarrio-scope .elbarrio-footer-pro .footer-brand{
  text-align:inherit;
  margin:0;
  padding:0;
  border:0;
  flex:0 0 240px;
}
.elbarrio-scope .elbarrio-footer-pro .footer-brand .brand-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-weight:800;
  text-decoration:none;
}
.elbarrio-scope .elbarrio-footer-pro .footer-brand .brand-logo img{
  display:block;
  max-width:220px;
  height:auto;
}
.elbarrio-scope .elbarrio-footer-pro .footer-brand p{
  max-width:280px;
  margin:18px 0 0;
}
.elbarrio-scope .elbarrio-footer-pro .footer-socials{
  justify-content:inherit;
  flex-wrap:wrap;
}
.elbarrio-scope .elbarrio-footer-pro .footer-socials a{
  text-decoration:none;
  line-height:1;
  font-weight:700;
  text-transform:lowercase;
  background:transparent;
}
.elbarrio-scope .elbarrio-footer-pro .footer-cols{
  flex:1;
  display:grid;
  margin:0;
}
.elbarrio-scope .elbarrio-footer-pro .footer-col h5{
  margin-top:0;
}
.elbarrio-scope .elbarrio-footer-pro .footer-col ul{
  padding:0;
  margin:0;
  list-style:none;
}
.elbarrio-scope .elbarrio-footer-pro .footer-col a{
  text-decoration:none;
}
.elbarrio-scope .elbarrio-footer-pro .footer-bottom{
  margin-top:42px;
  border-top:1px solid;
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
}
.elbarrio-scope .elbarrio-footer-pro .footer-bottom p{
  margin:0;
}
.elbarrio-scope .elbarrio-footer-pro .footer-bottom ul{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
}

@media (max-width: 767px){
  .elbarrio-scope .elbarrio-footer-pro .elbarrio-footer-main{
    flex-direction:column;
    gap:30px;
  }
  .elbarrio-scope .elbarrio-footer-pro .footer-brand{
    flex-basis:auto !important;
    width:100%;
  }
  .elbarrio-scope .elbarrio-footer-pro .footer-cols{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
  }
}
@media (max-width: 480px){
  .elbarrio-scope .elbarrio-footer-pro .footer-cols{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   "EL BARRIO" — Portal de noticias estilo popular argentino.
   Maqueta editorial inspirada en patrones visuales de medios
   populares (tipo Crónica): logo script cursivo, banda roja
   de categoría, kickers en rojo, cards con foto cuadrada.
   Marca, autores, textos e imágenes son ficticios.
   ============================================================ */
/* ============================================================
   1. RESET
   ============================================================ */
.elbarrio-scope *, .elbarrio-scope *::before, .elbarrio-scope *::after {box-sizing: border-box; margin: 0; padding: 0;}
.elbarrio-scope {-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
.elbarrio-scope {font-family: var(--f-sans);
  font-size: 16px;
  line-height: 1.45;
  color: var(--c-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;}
.elbarrio-scope img, .elbarrio-scope svg, .elbarrio-scope picture, .elbarrio-scope video {display: block; max-width: 100%;}
.elbarrio-scope a {color: inherit; text-decoration: none;}
.elbarrio-scope button {font: inherit; cursor: pointer; background: none; border: none; color: inherit; padding: 0;}
.elbarrio-scope ul, .elbarrio-scope ol {list-style: none;}
.elbarrio-scope input {font: inherit; color: inherit;}
/* ============================================================
   2. VARIABLES
   ============================================================ */
.elbarrio-scope {/* Paleta editorial popular: rojo dominante */
  --c-red:        #d6202b;
  --c-red-dark:   #a31820;
  --c-red-darker: #7a1217;
  --c-red-live:   #d6202b;
  --c-text:       #1a1a1a;
  --c-text-soft:  #555;
  --c-meta:       #999;
  --c-line:       #e6e6e6;
  --c-line-soft:  #f0f0f0;
  --c-bg-alt:     #f6f6f6;
  --c-bg-dark:    #1a1a1a;
  --c-bg-darker:  #0a0a0a;
  --c-yellow:     #fce300;

  /* Tipografía sans-serif compacta tipo Helvetica condensed */
  --f-sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;
  /* Cursiva para el wordmark — fallbacks nativos */
  --f-script: "Brush Script MT", "Lucida Handwriting", "Apple Chancery", "Snell Roundhand", cursive;

  /* Layout */
  --w-max: 1280px;
  --header-h: 60px;

  /* Transiciones */
  --t-fast: 150ms ease;}
/* ============================================================
   3. CONTENEDOR
   ============================================================ */
.elbarrio-scope .container {width: 100%;
  max-width: var(--w-max);
  margin: 0 auto;
  padding: 0 16px;}
@media (min-width: 1024px){.elbarrio-scope .container {padding: 0 24px;}}
/* ============================================================
   4. VIEW SWITCHER (maqueta)
   ============================================================ */
.elbarrio-scope .view-switcher {position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 9000;
  background: var(--c-bg-darker);
  color: #fff;
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(0,0,0,.3);
  padding: 4px;
  display: flex;
  gap: 2px;}
.elbarrio-scope .view-switcher button {padding: 7px 12px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #aaa;
  border-radius: 20px;
  transition: all var(--t-fast);}
.elbarrio-scope .view-switcher button:hover {color: #fff;}
.elbarrio-scope .view-switcher button.is-active {background: var(--c-red);
  color: #fff;}
/* ============================================================
   5. BANNER PUBLICIDAD ARRIBA
   ============================================================ */
.elbarrio-scope .top-ad {background: #f0f0f0;
  text-align: center;
  padding: 14px 0;
  border-bottom: 1px solid #e0e0e0;}
.elbarrio-scope .top-ad::before {content: "PUBLICIDAD";
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 10px;
  font-weight: 600;}
.elbarrio-scope .top-ad-box {margin: 0 auto;
  width: 100%;
  max-width: 728px;
  height: 90px;
  background:
    repeating-linear-gradient(135deg, #e2e2e2 0 14px, #ebebeb 14px 28px);
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 600;}
/* ============================================================
   6. HEADER PRINCIPAL
   ============================================================ */
.elbarrio-scope .site-header {background: #fff;
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--c-line);}
.elbarrio-scope .site-header-inner {display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: var(--header-h);
  gap: 12px;}
/* Botones izquierda (hamburguesa, lupa, campana) */
.elbarrio-scope .header-icons {display: flex;
  align-items: center;
  gap: 4px;}
.elbarrio-scope .header-icon-btn {width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c-line);
  border-radius: 6px;
  color: var(--c-text);
  transition: all var(--t-fast);
  background: #fff;}
.elbarrio-scope .header-icon-btn:hover {background: var(--c-bg-alt);
  border-color: var(--c-text);}
.elbarrio-scope .header-icon-btn svg {width: 18px; height: 18px; fill: currentColor;}
.elbarrio-scope .header-icon-btn.is-burger {border-radius: 6px;}
/* Logo wordmark cursivo rojo */
.elbarrio-scope .brand {text-align: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-decoration: none;}
.elbarrio-scope .brand-logo {font-family: var(--f-script);
  font-weight: 700;
  font-style: italic;
  font-size: 42px;
  color: var(--c-red);
  letter-spacing: -1px;
  line-height: .85;
  text-transform: lowercase;
  /* Sombra muy sutil para darle un poco de cuerpo */
  text-shadow: 0 1px 0 rgba(0,0,0,.05);}
.elbarrio-scope .brand-slogan {font-family: var(--f-sans);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: var(--c-text);
  background: var(--c-text);
  color: #fff;
  padding: 2px 8px;
  display: none; /* Sólo aparece en single post */}
/* Lado derecho: EN VIVO + CLUB */
.elbarrio-scope .header-right {display: flex;
  align-items: center;
  gap: 10px;}
.elbarrio-scope .live-pill {display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 12px;
  border: 1px solid var(--c-line);
  border-radius: 14px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--c-text);
  background: #fff;
  transition: background var(--t-fast);}
.elbarrio-scope .live-pill:hover {background: var(--c-bg-alt);}
.elbarrio-scope .live-pill .dot {width: 8px;
  height: 8px;
  background: var(--c-red-live);
  border-radius: 50%;
  animation: livepulse 1.4s ease-in-out infinite;}
@keyframes livepulse{
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .4; transform: scale(.7); }
}
.elbarrio-scope .club-pill {display: none; /* sólo desktop */
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid var(--c-line);
  border-radius: 4px;}
.elbarrio-scope .club-pill .club-badge {background: var(--c-red);
  color: #fff;
  font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 14px;
  padding: 2px 8px;
  line-height: 1;}
.elbarrio-scope .club-pill .club-text {font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.1;
  color: var(--c-text);}
/* Fecha lateral (sólo desktop o single) */
.elbarrio-scope .header-date {display: none;
  font-size: 12px;
  color: var(--c-text-soft);}
/* ============================================================
   7. BARRA ROJA DE CATEGORÍA (firma visual)
   ============================================================ */
.elbarrio-scope .cat-bar {background: var(--c-red);
  color: #fff;}
.elbarrio-scope .cat-bar-inner {padding: 22px 0;}
.elbarrio-scope .cat-bar h1 {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;}
@media (min-width: 768px){.elbarrio-scope .cat-bar h1 {font-size: 30px;}}
/* ============================================================
   8. CARDS DE PORTADA / CATEGORÍA
   ============================================================ */
.elbarrio-scope .posts-grid {display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding: 24px 0;}
@media (min-width: 600px){.elbarrio-scope .posts-grid {grid-template-columns: 1fr 1fr; gap: 24px;}}
@media (min-width: 900px){.elbarrio-scope .posts-grid {grid-template-columns: repeat(3, 1fr);}}
.elbarrio-scope .post-card {display: block;}
.elbarrio-scope .post-card-img {width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: linear-gradient(135deg, #ddd, #999);
  position: relative;}
.elbarrio-scope .post-card-img img {width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;}
.elbarrio-scope .post-card-img::after {content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(0,0,0,.3), transparent 60%);
  pointer-events: none;}
/* Paleta de gradientes para placeholders */
.elbarrio-scope .s1 {background: linear-gradient(135deg, #2a4858, #5b7c99);}
.elbarrio-scope .s2 {background: linear-gradient(135deg, #614385, #516395);}
.elbarrio-scope .s3 {background: linear-gradient(135deg, #1c3e5c, #2e6ea3);}
.elbarrio-scope .s4 {background: linear-gradient(135deg, #cc2b5e, #753a88);}
.elbarrio-scope .s5 {background: linear-gradient(135deg, #16222a, #3a6073);}
.elbarrio-scope .s6 {background: linear-gradient(135deg, #c31432, #240b36);}
.elbarrio-scope .s7 {background: linear-gradient(135deg, #283c86, #45a247);}
.elbarrio-scope .s8 {background: linear-gradient(135deg, #5a3e2b, #c4a777);}
.elbarrio-scope .s9 {background: linear-gradient(135deg, #232526, #414345);}
.elbarrio-scope .s10 {background: linear-gradient(135deg, #134e5e, #71b280);}
.elbarrio-scope .s11 {background: linear-gradient(135deg, #ff512f, #f09819);}
.elbarrio-scope .s12 {background: linear-gradient(135deg, #1f1c2c, #928dab);}
.elbarrio-scope .s13 {background: linear-gradient(135deg, #4b6cb7, #182848);}
.elbarrio-scope .s14 {background: linear-gradient(135deg, #7b4397, #dc2430);}
.elbarrio-scope .s15 {background: linear-gradient(135deg, #485563, #29323c);}
.elbarrio-scope .s16 {background: linear-gradient(135deg, #76b852, #8DC26F);}
.elbarrio-scope .s17 {background: linear-gradient(135deg, #355c7d, #6c5b7b);}
.elbarrio-scope .s18 {background: linear-gradient(135deg, #ff7e5f, #feb47b);}
.elbarrio-scope .post-card-body {padding-top: 12px;}
.elbarrio-scope .post-card-kicker {display: inline;
  font-family: var(--f-sans);
  font-weight: 900;
  font-size: 14px;
  color: var(--c-red);
  text-transform: uppercase;
  letter-spacing: -.3px;
  margin-right: 6px;}
.elbarrio-scope .post-card-title {display: inline;
  font-family: var(--f-sans);
  font-weight: 800;
  font-size: 17px;
  line-height: 1.2;
  color: var(--c-text);
  letter-spacing: -.3px;}
.elbarrio-scope .post-card:hover .post-card-title {color: var(--c-red);}
.elbarrio-scope .post-card-date {display: block;
  font-size: 12px;
  color: var(--c-meta);
  margin-top: 10px;
  font-weight: 400;}
/* Card destacada (la primera, más grande) */
.elbarrio-scope .posts-grid > .post-card.feat {grid-column: 1 / -1;}
.elbarrio-scope .posts-grid > .post-card.feat .post-card-img {aspect-ratio: 16 / 10;}
.elbarrio-scope .posts-grid > .post-card.feat .post-card-kicker {font-size: 16px;}
.elbarrio-scope .posts-grid > .post-card.feat .post-card-title {font-size: 22px;}
@media (min-width: 600px){.elbarrio-scope .posts-grid > .post-card.feat .post-card-title {font-size: 26px;}}
/* ============================================================
   9. DRAWER MOBILE
   ============================================================ */
.elbarrio-scope .drawer-backdrop {position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease;}
.elbarrio-scope .drawer-backdrop.is-open {opacity: 1; pointer-events: auto;}
.elbarrio-scope .drawer {position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 520px;
  background: #fff;
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 280ms ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;}
.elbarrio-scope .drawer.is-open {transform: translateX(0);}
.elbarrio-scope .drawer-top {display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--c-line);}
.elbarrio-scope .drawer-close {display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--c-line);
  border-radius: 4px;
  font-size: 13px;
  color: var(--c-text);
  background: #fff;}
.elbarrio-scope .drawer-close::before {content: "×";
  font-size: 18px;
  line-height: 1;}
.elbarrio-scope .drawer-close:hover {background: var(--c-bg-alt);}
.elbarrio-scope .drawer-logo {font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 38px;
  color: var(--c-red);
  text-align: center;
  line-height: 1;}
.elbarrio-scope .drawer-logo-img{
  display:block;
  width:150px;
  max-width:min(46vw,220px);
  max-height:54px;
  height:auto;
  object-fit:contain;
  margin:0 auto;
}

.elbarrio-scope .drawer-list {padding: 22px 24px 18px;}
.elbarrio-scope .drawer-list li {padding: 8px 0;
  position: relative;
  padding-left: 22px;
  font-size: 17px;
  font-weight: 400;
  color: var(--c-text);}
.elbarrio-scope .drawer-list li::before {content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 8px;
  height: 8px;
  background: var(--c-red);
  border-radius: 50%;}
.elbarrio-scope .drawer-list li a {color: var(--c-text);
  transition: color var(--t-fast);}
.elbarrio-scope .drawer-list li a:hover {color: var(--c-red);}
.elbarrio-scope .drawer-live-cta {margin: 16px auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  padding: 14px 28px;
  border: 1px solid var(--c-line);
  border-radius: 30px;
  background: #fff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--c-text);
  box-shadow: 0 2px 6px rgba(0,0,0,.05);}
.elbarrio-scope .drawer-live-cta .dot {width: 10px;
  height: 10px;
  background: var(--c-red-live);
  border-radius: 50%;
  animation: livepulse 1.4s ease-in-out infinite;}
.elbarrio-scope .drawer-search {padding: 0 24px 22px;}
.elbarrio-scope .drawer-search-input {position: relative;}
.elbarrio-scope .drawer-search-input input {width: 100%;
  height: 46px;
  padding: 0 18px 0 48px;
  border: 1px solid var(--c-line);
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);}
.elbarrio-scope .drawer-search-input input::placeholder {color: var(--c-meta);}
.elbarrio-scope .drawer-search-input svg {position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  fill: var(--c-text-soft);}
/* Grilla de "otros medios" del grupo (bloques de colores) */
.elbarrio-scope .drawer-brands {padding: 0 24px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;}
.elbarrio-scope .brand-tile {height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  letter-spacing: -.5px;
  border-radius: 2px;
  text-transform: lowercase;
  font-style: italic;
  font-family: var(--f-script);}
.elbarrio-scope .brand-tile.tile-green {background: #1aab8d;}
.elbarrio-scope .brand-tile.tile-pink {background: #d6206e;}
.elbarrio-scope .brand-tile.tile-red {background: #c81515;}
.elbarrio-scope .brand-tile.tile-orange {background: linear-gradient(90deg, #f7971e, #ffd200 50%, #00b8d9); color: #1a1a1a; font-family: var(--f-sans); font-style: normal; font-size: 14px; letter-spacing: 1px;}
.elbarrio-scope .brand-tile.tile-blue {background: #1a3a8a;}
.elbarrio-scope .brand-tile.tile-purple {background: linear-gradient(90deg, #4a148c, #d81b60);}
.elbarrio-scope .brand-tile.tile-black {background: #0a0a0a; font-family: var(--f-sans); font-style: normal; font-weight: 900; font-size: 14px; letter-spacing: 1px;}
.elbarrio-scope .brand-tile.tile-red2 {background: #d6202b;}
/* Sección oscura del drawer (otros medios + redes) */
.elbarrio-scope .drawer-dark {background: var(--c-bg-dark);
  color: #fff;
  padding: 24px 24px 32px;
  margin-top: auto;}
.elbarrio-scope .drawer-dark-head {background: var(--c-red);
  margin: -24px -24px 22px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;}
.elbarrio-scope .drawer-dark-head .drawer-logo {font-size: 30px;
  color: #fff;
  text-align: left;}
.elbarrio-scope .drawer-socials {display: flex;
  align-items: center;
  gap: 8px;}
.elbarrio-scope .drawer-socials .lbl {font-weight: 900;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 4px;}
.elbarrio-scope .drawer-socials a {width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;}
.elbarrio-scope .drawer-socials svg {width: 13px; height: 13px; fill: #fff;}
.elbarrio-scope .drawer-dark-cols {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;}
.elbarrio-scope .drawer-dark-cols li {padding: 7px 0 7px 18px;
  position: relative;
  font-size: 14px;
  color: #fff;}
.elbarrio-scope .drawer-dark-cols li::before {content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 6px;
  height: 6px;
  background: var(--c-red);
  border-radius: 50%;}
.elbarrio-scope .drawer-dark-cols li a:hover {color: #ff9999;}
/* ============================================================
   10. SINGLE POST
   ============================================================ */
.elbarrio-scope .single-wrap {padding: 18px 0 32px;}
.elbarrio-scope .single-breadcrumb {font-size: 13px;
  color: var(--c-text);
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;}
.elbarrio-scope .single-breadcrumb a {color: var(--c-red);
  font-weight: 400;}
.elbarrio-scope .single-breadcrumb a:hover {text-decoration: underline;}
.elbarrio-scope .single-breadcrumb .sep {color: var(--c-meta);}
.elbarrio-scope .single-breadcrumb .current {color: var(--c-meta);}
.elbarrio-scope .single-meta-row {display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;}
.elbarrio-scope .single-kicker {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 14px;
  color: var(--c-red);
  text-transform: uppercase;
  letter-spacing: .3px;}
.elbarrio-scope .single-date {font-size: 12px;
  color: var(--c-meta);}
.elbarrio-scope .single-title {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -.8px;
  color: var(--c-text);
  margin-bottom: 18px;}
.elbarrio-scope .single-subtitle {font-family: var(--f-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--c-text);
  margin-bottom: 22px;}
.elbarrio-scope .single-figure {margin: 0 -16px 22px;
  position: relative;}
@media (min-width: 768px){.elbarrio-scope .single-figure {margin-left: 0; margin-right: 0;}}
.elbarrio-scope .single-figure .post-card-img {aspect-ratio: 16 / 10;}
.elbarrio-scope .single-figcaption {position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75), transparent);
  color: #fff;
  font-size: 12px;
  padding: 28px 16px 12px;}
.elbarrio-scope .single-body {font-family: var(--f-sans);
  font-size: 17px;
  line-height: 1.7;
  color: var(--c-text);}
.elbarrio-scope .single-body > p {margin-bottom: 22px;}
.elbarrio-scope .single-body a {color: var(--c-red);
  font-weight: 700;}
.elbarrio-scope .single-body a:hover {text-decoration: underline;}
.elbarrio-scope .single-body strong, .elbarrio-scope .single-body b {font-weight: 800;
  color: var(--c-text);}
.elbarrio-scope .single-body .highlight-red {color: var(--c-red);
  font-weight: 700;}
.elbarrio-scope .single-body h2 {font-family: var(--f-sans);
  font-weight: 900;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.4px;
  margin: 30px 0 14px;
  color: var(--c-text);}
.elbarrio-scope .single-body blockquote {border-left: 4px solid var(--c-red);
  padding: 6px 0 6px 18px;
  margin: 24px 0;
  font-size: 19px;
  font-style: italic;
  color: var(--c-text);
  line-height: 1.4;
  font-weight: 500;}
.elbarrio-scope .single-ad {background: #f0f0f0;
  margin: 28px 0;
  padding: 14px 0;
  text-align: center;}
.elbarrio-scope .single-ad::before {content: "PUBLICIDAD";
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--c-meta);
  margin-bottom: 10px;
  font-weight: 600;}
.elbarrio-scope .single-ad .ad-inner {margin: 0 auto;
  width: 100%;
  max-width: 728px;
  height: 90px;
  background:
    repeating-linear-gradient(135deg, #e2e2e2 0 14px, #ebebeb 14px 28px);
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 12px;
  letter-spacing: 1.5px;
  font-weight: 600;}
/* Tweet embed simulado */
.elbarrio-scope .tweet-embed {border: 1px solid var(--c-line);
  border-radius: 12px;
  padding: 16px;
  margin: 24px 0;
  font-size: 15px;
  line-height: 1.4;}
.elbarrio-scope .tweet-embed-header {display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;}
.elbarrio-scope .tweet-embed-avatar {width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-red), var(--c-red-dark));
  flex-shrink: 0;}
.elbarrio-scope .tweet-embed-author {display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  font-size: 14px;
  color: var(--c-text);}
.elbarrio-scope .tweet-embed-verified {width: 14px;
  height: 14px;
  background: #1da1f2;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 9px;
  font-weight: 900;}
.elbarrio-scope .tweet-embed-handle {display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--c-meta);}
.elbarrio-scope .tweet-embed-x {margin-left: auto;
  width: 18px;
  height: 18px;
  fill: var(--c-text);}
.elbarrio-scope .tweet-embed-body {color: var(--c-text);}
.elbarrio-scope .tweet-embed-share {width: 28px;
  height: 28px;
  background: var(--c-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  font-weight: 900;
  margin-top: 12px;}
/* Cards de ads laterales */
.elbarrio-scope .single-side-ads {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 24px 0;}
.elbarrio-scope .side-ad-card {background:
    repeating-linear-gradient(135deg, #f5e0ec 0 14px, #f7e6f0 14px 28px);
  border: 1px solid var(--c-line);
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  letter-spacing: 1.2px;
  color: #c84895;
  font-weight: 700;
  text-align: center;
  position: relative;}
.elbarrio-scope .side-ad-card::before {content: "PUBLICIDAD";
  position: absolute;
  top: 6px;
  right: 8px;
  background: rgba(255,255,255,.85);
  padding: 2px 6px;
  font-size: 8px;
  letter-spacing: .8px;
  color: var(--c-meta);}
.elbarrio-scope .side-ad-card .brand {font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 22px;
  color: #c84895;
  margin-bottom: 8px;}
.elbarrio-scope .side-ad-card small {font-size: 10px;
  letter-spacing: .6px;}
/* ============================================================
   11. FOOTER
   ============================================================ */
.elbarrio-scope .footer {background: var(--c-bg-dark);
  color: #fff;
  margin-top: 40px;}
.elbarrio-scope .footer-top {background: var(--c-red);
  padding: 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;}
.elbarrio-scope .footer-top .container {display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;}
.elbarrio-scope .footer-logo {font-family: var(--f-script);
  font-style: italic;
  font-weight: 700;
  font-size: 38px;
  color: #fff;
  line-height: 1;}
.elbarrio-scope .footer-socials {display: flex;
  align-items: center;
  gap: 8px;}
.elbarrio-scope .footer-socials .lbl {font-weight: 900;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 4px;}
.elbarrio-scope .footer-socials a {width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;}
.elbarrio-scope .footer-socials svg {width: 14px; height: 14px; fill: #fff;}
.elbarrio-scope .footer-body {padding: 28px 0 32px;}
.elbarrio-scope .footer-cols {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
  margin-bottom: 24px;}
.elbarrio-scope .footer-cols li {padding: 8px 0 8px 18px;
  position: relative;
  font-size: 15px;
  color: #fff;}
.elbarrio-scope .footer-cols li::before {content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 7px;
  height: 7px;
  background: var(--c-red);
  border-radius: 50%;}
.elbarrio-scope .footer-cols a:hover {color: #ff9999;}
.elbarrio-scope .footer-brands-grid {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 24px;}
.elbarrio-scope .footer-bottom {border-top: 1px solid #333;
  padding-top: 18px;
  font-size: 12px;
  color: #888;
  text-align: center;}
/* ============================================================
   12. RESPONSIVE
   ============================================================ */
@media (min-width: 768px){.elbarrio-scope .top-ad-box {height: 90px; max-width: 970px;}
.elbarrio-scope .header-date {display: block;}
.elbarrio-scope .single-title {font-size: 38px;}
.elbarrio-scope .single-subtitle {font-size: 18px;}
.elbarrio-scope .cat-bar-inner {padding: 28px 0;}}
@media (min-width: 1024px){.elbarrio-scope {--header-h: 72px;}
.elbarrio-scope .site-header-inner {grid-template-columns: 200px 1fr 200px;}
.elbarrio-scope .brand-logo {font-size: 52px;}
.elbarrio-scope .header-icons {gap: 6px;}
.elbarrio-scope .header-icon-btn {width: 44px; height: 44px;}
.elbarrio-scope .club-pill {display: inline-flex;}
.elbarrio-scope .single-title {font-size: 48px;}
.elbarrio-scope .single-body {font-size: 18px;}
.elbarrio-scope .footer-cols {grid-template-columns: repeat(3, 1fr);}
.elbarrio-scope .footer-brands-grid {grid-template-columns: repeat(4, 1fr);}
.elbarrio-scope .drawer-dark-cols {grid-template-columns: 1fr 1fr;}}
/* ============================================================
   13. ACCESIBILIDAD
   ============================================================ */
.elbarrio-scope a:focus-visible, .elbarrio-scope button:focus-visible, .elbarrio-scope input:focus-visible {outline: 2px solid var(--c-red);
  outline-offset: 2px;}
@media (prefers-reduced-motion: reduce){.elbarrio-scope *, .elbarrio-scope *::before, .elbarrio-scope *::after {animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;}}


/* ==========================
   el barrio widget compatibility
   ========================== */
.elbarrio-scope{--c-red:#d6202b;--c-orange:#d6202b;--c-red-dark:#a31820;--c-yellow:#fce300;--f-script:"Brush Script MT","Lucida Handwriting","Apple Chancery","Snell Roundhand",cursive;}
.elbarrio-scope .card-img-real,
.elbarrio-scope .post-card-img img,
.elbarrio-scope .card > a:first-child img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.elbarrio-scope .card > a:first-child:has(img),
.elbarrio-scope .card-img-real{aspect-ratio:var(--elbarrio-grid-ratio, 1 / 1);overflow:hidden;}
.elbarrio-scope .elbarrio-grid-news .card > a:first-child{display:block;aspect-ratio:var(--elbarrio-grid-ratio, 4 / 3);overflow:hidden;background:#eee;}
.elbarrio-scope .elbarrio-grid-news .card-img-real{aspect-ratio:var(--elbarrio-grid-ratio, 4 / 3);}
.elbarrio-scope .elbarrio-grid-news .card-title{font-family:var(--f-sans);font-weight:900;letter-spacing:-.3px;}
.elbarrio-scope .elbarrio-grid-news .section-head{border-bottom-color:var(--c-red);}
.elbarrio-scope .elbarrio-grid-news .section-title{font-weight:900;text-transform:uppercase;}
.elbarrio-scope .elbarrio-dynamic-news-block .dynamic-card{position:relative;overflow:hidden;background:#111;}
.elbarrio-scope .elbarrio-dynamic-news-block .dynamic-card__image img{width:100%;height:100%;object-fit:cover;}
.elbarrio-scope .elbarrio-dynamic-news-block .dynamic-card__image{height:100%;aspect-ratio:16/9;background:#ddd;}
.elbarrio-scope .elbarrio-dynamic-news-block .dynamic-card__content{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0));}
.elbarrio-scope .elbarrio-dynamic-news-block .dynamic-card__title{color:#fff;font-weight:900;line-height:1.05;}
.elbarrio-scope .elbarrio-dynamic-news-block .dynamic-card__kicker{color:#fff;background:var(--c-red);display:inline-block;padding:3px 7px;font-weight:900;text-transform:uppercase;font-size:12px;margin-bottom:8px;}
.elbarrio-scope .elbarrio-feature-split .feature-split__text{text-align:var(--feature-text-align,left);}
body.elbarrio-drawer-open, body.elbarrio-search-open{overflow:hidden!important;}

/* ==========================
   v1.1 fixes: byline, FontAwesome share, market carousel, brand tiles
   ========================== */
.elbarrio-scope .share-btn i,
.elbarrio-scope .share-save i{font-size:16px;line-height:1;color:currentColor;}
.elbarrio-scope .share-save{gap:7px;}
.elbarrio-scope .author-name:empty,
.elbarrio-scope .card-byline:empty,
.elbarrio-scope .hero-byline:empty,
.elbarrio-scope .elbarrio-dynamic-meta:empty,
.elbarrio-scope .elbarrio-news-row-author:empty{display:none!important;}

.elbarrio-scope .elbarrio-market-widget{border:0;padding:0;margin:0 0 18px;}
.elbarrio-scope .elbarrio-market-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;scrollbar-width:thin;}
.elbarrio-scope .elbarrio-market-track .elbarrio-market-card{flex:0 0 220px;scroll-snap-align:start;}
.elbarrio-scope .elbarrio-market-ticker{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:6px 0;}
.elbarrio-scope .elbarrio-market-ticker .elbarrio-market-card{min-height:52px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;text-align:left;flex:0 0 auto;padding:10px 14px;}
.elbarrio-scope .elbarrio-market-card{position:relative;min-height:108px;align-items:flex-start;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease;}
.elbarrio-scope .elbarrio-market-card::before{content:"";position:absolute;left:12px;right:12px;top:0;border-top:3px solid transparent;border-radius:999px;}
.elbarrio-scope .elbarrio-market-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.1);}
.elbarrio-scope .elbarrio-market-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.elbarrio-scope .elbarrio-market-title{text-align:left;font-size:12px;font-weight:900;letter-spacing:.08em;}
.elbarrio-scope .elbarrio-market-value{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;margin:0;}
.elbarrio-scope .elbarrio-market-meta{justify-content:flex-start;font-size:12px;margin-top:8px;}
.elbarrio-scope .elbarrio-market-arrow.is-down,.elbarrio-scope .elbarrio-market-meta.is-down{color:#111;}
.elbarrio-scope .elbarrio-market-arrow.is-up,.elbarrio-scope .elbarrio-market-meta.is-up{color:#148a4f;}
.elbarrio-scope .elbarrio-market-source{margin-top:8px;}
.elbarrio-scope .elbarrio-market-source:before,.elbarrio-scope .elbarrio-market-source:after{max-width:180px;}

.elbarrio-scope .elbarrio-brand-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.elbarrio-scope .elbarrio-brand-tiles .brand-tile{min-height:0;text-decoration:none;transition:transform .18s ease,filter .18s ease;}
.elbarrio-scope .elbarrio-brand-tiles .brand-tile:hover{transform:translateY(-2px);filter:saturate(1.1) brightness(1.03);}

.elementor-editor-active .elbarrio-scope .elbarrio-dynamic-grid,
.elementor-editor-active .elbarrio-scope .elbarrio-dynamic-card,
.elementor-editor-active .elbarrio-scope .elbarrio-dynamic-img{transition:none!important;}
@media(max-width:767px){
  .elbarrio-scope .elbarrio-market-track .elbarrio-market-card{flex-basis:72vw;}
  .elbarrio-scope .elbarrio-market-card{min-height:96px;}
  .elbarrio-scope .elbarrio-brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* v1.2: FontAwesome frontend fallback + market sidebar/tape */
.elbarrio-scope .share-btn .fa-fallback,
.elbarrio-scope .share-save .fa-fallback{width:16px;height:16px;fill:currentColor;display:none;}
.elbarrio-scope .share-btn i:empty + .fa-fallback,
.elbarrio-scope .share-save i:empty + .fa-fallback{display:block;}
.elbarrio-scope .share-btn i[class*="fa-"],
.elbarrio-scope .share-save i[class*="fa-"]{font-style:normal;}
.elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-grid{grid-template-columns:1fr!important;gap:10px;}
.elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-card{min-height:74px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"top value" "meta value";align-items:center;text-align:left;padding:12px 14px;}
.elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-top{grid-area:top;margin:0;justify-content:flex-start;}
.elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-value{grid-area:value;font-size:26px;text-align:right;margin-left:10px;white-space:nowrap;}
.elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-meta{grid-area:meta;margin-top:4px;}
.elbarrio-scope .elbarrio-market-tape{overflow:hidden;width:100%;position:relative;padding:4px 0 10px;}
.elbarrio-scope .elbarrio-market-tape:before,.elbarrio-scope .elbarrio-market-tape:after{content:"";position:absolute;top:0;bottom:0;width:42px;z-index:2;pointer-events:none;}
.elbarrio-scope .elbarrio-market-tape:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));}
.elbarrio-scope .elbarrio-market-tape:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0));}
.elbarrio-scope .elbarrio-market-tape-inner{display:flex;gap:10px;width:max-content;animation:elbarrioMarketTape var(--elbarrio-ticker-speed,28s) linear infinite;}
.elbarrio-scope .elbarrio-market-tape.is-pausable:hover .elbarrio-market-tape-inner{animation-play-state:paused;}
.elbarrio-scope .elbarrio-market-tape .elbarrio-market-card{flex:0 0 auto;min-width:220px;min-height:62px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:12px;text-align:left;padding:10px 14px;box-shadow:none;border-radius:999px;}
.elbarrio-scope .elbarrio-market-tape .elbarrio-market-card::before{display:none;}
.elbarrio-scope .elbarrio-market-tape .elbarrio-market-top{width:auto;margin:0;gap:6px;}
.elbarrio-scope .elbarrio-market-tape .elbarrio-market-value{font-size:22px;margin:0;white-space:nowrap;}
.elbarrio-scope .elbarrio-market-tape .elbarrio-market-meta{margin:0;font-size:12px;white-space:nowrap;}
@keyframes elbarrioMarketTape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){
  .elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-card{grid-template-columns:1fr;grid-template-areas:"top" "value" "meta";}
  .elbarrio-scope .elbarrio-market-layout-sidebar_grid .elbarrio-market-value{text-align:left;margin-left:0;font-size:24px;}
  .elbarrio-scope .elbarrio-market-tape .elbarrio-market-card{min-width:190px;}
}

/* v1.3.0 - Search results and category grid widgets */
.elbarrio-scope.elbarrio-search-results .elbarrio-search-title{
  font-family: var(--f-sans, Arial, sans-serif);
  font-size: clamp(30px, 4vw, 56px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -.03em;
  margin: 34px 0 28px;
  color: var(--c-text, #1a1a1a);
}
.elbarrio-search-list{display:grid; gap:20px; margin:0 0 34px;}
.elbarrio-search-list.layout-list{display:flex; flex-direction:column;}
.elbarrio-search-list.layout-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr));}
.elbarrio-search-item{border-bottom:1px solid var(--c-line,#e6e6e6); padding:0 0 20px;}
.elbarrio-search-item.layout-list{display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:22px; align-items:center;}
.elbarrio-search-item.layout-grid{display:block;}
.elbarrio-search-kicker{display:block; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; margin:0 0 7px; color:var(--c-red,#d6202b);}
.elbarrio-search-item-title{font-size:clamp(20px, 2.1vw, 31px); line-height:1.12; font-weight:850; letter-spacing:-.035em; margin:0;}
.elbarrio-search-list.layout-grid .elbarrio-search-item-title{font-size:20px;}
.elbarrio-search-excerpt{font-size:16px; line-height:1.45; color:#555; margin:10px 0 0;}
.elbarrio-search-meta{font-size:13px; color:#999; margin:11px 0 0;}
.elbarrio-search-img{display:block; width:100%; aspect-ratio:1/1; overflow:hidden; background:#eee;}
.elbarrio-search-img img,.elbarrio-search-img .elbarrio-dynamic-placeholder{width:100%; height:100%; display:block; object-fit:cover; object-position:center;}
.elbarrio-search-pagination{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:28px 0;}
.elbarrio-search-pagination .page-numbers{min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--c-line,#e6e6e6); border-radius:999px; padding:0 12px; font-weight:800;}
.elbarrio-search-pagination .current{background:var(--c-red,#d6202b); color:#fff; border-color:var(--c-red,#d6202b);}
.elbarrio-search-empty{font-size:18px; color:#666;}

.elbarrio-category-grid-posts .elbarrio-cat-grid-header{margin:0 0 24px; padding:0 0 14px; border-bottom:3px solid var(--c-red,#d6202b);}
.elbarrio-category-grid-posts .elbarrio-cat-grid-title{font-size:clamp(28px,4vw,54px); line-height:1; font-weight:900; text-transform:uppercase; letter-spacing:-.04em; margin:0; color:var(--c-red,#d6202b);}
.elbarrio-category-grid-posts .elbarrio-cat-grid-desc{font-size:17px; line-height:1.45; color:#555; max-width:760px; margin:12px 0 0;}
.elbarrio-category-grid-posts .posts-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:0;}
.elbarrio-category-grid-posts .post-card-img{width:100%; aspect-ratio:4/3; overflow:hidden; background:#eee;}
.elbarrio-category-grid-posts .post-card-img img{width:100%; height:100%; object-fit:cover; object-position:center; display:block;}
.elbarrio-category-grid-posts .post-card-body{padding-top:12px;}
.elbarrio-category-grid-posts .post-card-kicker{display:inline; font-weight:900; color:var(--c-red,#d6202b); text-transform:uppercase; margin-right:7px;}
.elbarrio-category-grid-posts .post-card-title{display:inline; font-weight:850; line-height:1.16; letter-spacing:-.025em; margin:0; font-size:20px;}
.elbarrio-category-grid-posts .post-card-excerpt{font-size:15px; line-height:1.45; color:#555; margin:9px 0 0;}
.elbarrio-category-grid-posts .post-card-date{display:block; font-size:13px; color:#999; margin-top:10px;}
.elbarrio-category-grid-posts .post-card.feat{grid-column:1 / -1; display:grid; grid-template-columns:1.25fr 1fr; gap:28px; align-items:center; border-bottom:1px solid var(--c-line,#e6e6e6); padding-bottom:28px;}
.elbarrio-category-grid-posts .post-card.feat .post-card-title{font-size:clamp(28px,3.4vw,48px);}
.elbarrio-category-grid-posts .post-card.feat .post-card-img{aspect-ratio:16/10;}

@media (max-width: 767px){
  .elbarrio-search-item.layout-list{grid-template-columns:1fr 112px; gap:14px; align-items:start;}
  .elbarrio-search-list.layout-grid{grid-template-columns:1fr!important;}
  .elbarrio-search-item-title{font-size:20px;}
  .elbarrio-search-excerpt{font-size:15px;}
  .elbarrio-category-grid-posts .posts-grid{grid-template-columns:1fr!important;}
  .elbarrio-category-grid-posts .post-card.feat{display:block;}
  .elbarrio-category-grid-posts .post-card.feat .post-card-title{font-size:26px;}
}


/* ============================================================
   v1.3.1 - Responsive/editor fixes
   Estos ajustes evitan que reglas mobile hardcodeadas pisen los controles responsive de Elementor.
   ============================================================ */
.elbarrio-scope .brand-logo-img{display:block;height:auto;max-width:100%;object-fit:contain;}
.elementor-editor-active .elbarrio-scope *{box-sizing:border-box;}
.elementor-editor-active .elbarrio-scope .site-header{position:relative;}
.elbarrio-scope .card-img-real,
.elbarrio-scope .post-card-img img,
.elbarrio-scope .elbarrio-dynamic-img img,
.elbarrio-scope .hero-img-real{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.elbarrio-scope .card > a:first-child{display:block;aspect-ratio:var(--elbarrio-grid-ratio,1/1);overflow:hidden;}
.elbarrio-scope .card > a:first-child .card-img-real{aspect-ratio:unset;}
@media (max-width: 767px){
  .elbarrio-scope.elbarrio-header-widget .site-header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;}
  .elbarrio-scope.elbarrio-header-widget .brand{min-width:0;}
  .elbarrio-scope.elbarrio-header-widget .brand-logo{font-size:clamp(30px,12vw,52px);white-space:nowrap;}
  .elbarrio-scope.elbarrio-header-widget .brand-logo-img{max-height:56px;width:auto;max-width:min(54vw,240px);}
  .elbarrio-scope.elbarrio-header-widget .header-date,
  .elbarrio-scope.elbarrio-header-widget .club-pill{display:none;}
  .elbarrio-scope.elbarrio-header-widget .header-icons{gap:4px;}
  .elbarrio-scope.elbarrio-header-widget .header-icon-btn{width:40px;height:40px;}
  .elbarrio-scope .elbarrio-dynamic-grid,
  .elbarrio-scope .elbarrio-dynamic-big-right{grid-template-columns:1fr;}
  .elbarrio-scope .elbarrio-dynamic-side{grid-template-columns:1fr;}
  .elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-content{padding:14px;}
  .elbarrio-scope .elbarrio-dynamic-main .elbarrio-dynamic-title{font-size:clamp(26px,8vw,38px);}
  .elbarrio-scope .elbarrio-dynamic-side .elbarrio-dynamic-title{font-size:clamp(18px,6vw,24px);}
}

/* v1.3.3 fixes: Hero Noticias multi-post, share SVG icons and responsive preview */
.elbarrio-scope .elbarrio-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);
  align-items:stretch;
  gap:24px;
}
.elbarrio-scope .elbarrio-hero-secondary-bottom .elbarrio-hero-grid{
  grid-template-columns:1fr;
}
.elbarrio-scope .elbarrio-hero-main,
.elbarrio-scope .elbarrio-hero-side-card{
  position:relative;
  overflow:hidden;
  min-width:0;
}
.elbarrio-scope .elbarrio-hero-main-media,
.elbarrio-scope .elbarrio-hero-main-media img,
.elbarrio-scope .elbarrio-hero-side-media,
.elbarrio-scope .elbarrio-hero-side-media img,
.elbarrio-scope .hero-img-real{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.elbarrio-scope .elbarrio-hero-main-media-link,
.elbarrio-scope .elbarrio-hero-side-media-link{
  display:block;
  overflow:hidden;
  background:#ddd;
}
.elbarrio-scope .elbarrio-hero-main-content{
  padding:16px 0 0;
}
.elbarrio-scope .elbarrio-hero-main-title{
  font-size:clamp(28px,4vw,54px);
  line-height:1.06;
  font-weight:900;
  margin:0 0 14px;
  letter-spacing:-.04em;
}
.elbarrio-scope .elbarrio-hero-side{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  min-width:0;
}
.elbarrio-scope .elbarrio-hero-secondary-bottom .elbarrio-hero-side{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.elbarrio-scope .elbarrio-hero-side-title{
  font-size:clamp(18px,2vw,28px);
  line-height:1.08;
  font-weight:900;
  margin:10px 0 0;
  letter-spacing:-.02em;
}
.elbarrio-scope .share-btn svg,
.elbarrio-scope .share-save svg{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
}
.elbarrio-scope .share-save svg{
  margin-right:7px;
}
.elbarrio-scope .note-breadcrumb .sep{ color:#999; margin:0 6px; }
.elbarrio-scope .note-breadcrumb .current{ color:#999; }
@media (max-width:767px){
  .elbarrio-scope .elbarrio-hero-grid,
  .elbarrio-scope .elbarrio-hero-secondary-bottom .elbarrio-hero-grid{
    grid-template-columns:1fr;
  }
  .elbarrio-scope .elbarrio-hero-side{
    grid-template-columns:1fr;
  }
  .elbarrio-scope .elbarrio-hero-side-card{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:12px;
    align-items:center;
  }
  .elbarrio-scope .elbarrio-hero-side-title{
    margin:0;
    font-size:17px;
  }
}

/* v1.3.5 fixes: dynamic news mobile + footer socials in columns */
.elbarrio-scope .elbarrio-dynamic-news{width:100%;max-width:100%;overflow:hidden;}
.elbarrio-scope .elbarrio-dynamic-grid{display:grid;grid-template-columns:minmax(0,66%) minmax(0,1fr);align-items:stretch;}
.elbarrio-scope .elbarrio-dynamic-grid.is-reverse .elbarrio-dynamic-main{order:2;}
.elbarrio-scope .elbarrio-dynamic-grid.is-reverse .elbarrio-dynamic-side{order:1;}
.elbarrio-scope .elbarrio-dynamic-side{display:grid;grid-template-columns:1fr;gap:inherit;min-width:0;}
.elbarrio-scope .elbarrio-dynamic-card{position:relative;min-width:0;overflow:hidden;}
.elbarrio-scope .elbarrio-dynamic-img{display:block;position:relative;overflow:hidden;background:#eee;width:100%;}
.elbarrio-scope .elbarrio-dynamic-img img,.elbarrio-scope .elbarrio-dynamic-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.62) 100%);}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,3vw,32px);color:#fff;}
.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-title,.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-title a,.elbarrio-scope .elbarrio-dynamic-overlay .elbarrio-dynamic-excerpt{color:#fff;}
.elbarrio-scope .elbarrio-dynamic-title{font-weight:900;line-height:1.08;margin:0;}
.elbarrio-scope .elbarrio-dynamic-main .elbarrio-dynamic-title{font-size:clamp(30px,4.2vw,56px);}
.elbarrio-scope .elbarrio-dynamic-side .elbarrio-dynamic-title{font-size:clamp(18px,1.8vw,26px);}
.elbarrio-scope .elbarrio-dynamic-excerpt{margin-top:10px;font-size:clamp(15px,1.5vw,19px);line-height:1.45;}
.elbarrio-scope .footer-socials-inline{justify-content:flex-start;flex-wrap:wrap;margin-top:8px;}

@media (max-width: 767px){
  .elbarrio-scope .elbarrio-dynamic-grid,.elbarrio-scope .elbarrio-dynamic-grid.is-reverse{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
  .elbarrio-scope .elbarrio-dynamic-grid.is-reverse .elbarrio-dynamic-main,.elbarrio-scope .elbarrio-dynamic-grid.is-reverse .elbarrio-dynamic-side{order:initial;}
  .elbarrio-scope .elbarrio-dynamic-side{gap:16px!important;}
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-visible="1"] [data-mobile-index]:nth-of-type(n+2),
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-visible="2"] [data-mobile-index]:nth-of-type(n+3),
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-visible="3"] [data-mobile-index]:nth-of-type(n+4),
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-visible="4"] [data-mobile-index]:nth-of-type(n+5),
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-visible="5"] [data-mobile-index]:nth-of-type(n+6),
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-visible="6"] [data-mobile-index]:nth-of-type(n+7){display:none!important;}
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-text-below="1"] .elbarrio-dynamic-content{position:static!important;padding:10px 0 0!important;color:var(--c-text)!important;background:transparent!important;}
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-text-below="1"] .elbarrio-dynamic-title,
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-text-below="1"] .elbarrio-dynamic-title a,
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-text-below="1"] .elbarrio-dynamic-excerpt{color:var(--c-text)!important;}
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-text-below="1"] .elbarrio-dynamic-img::after{display:none!important;}
  .elbarrio-scope .elbarrio-dynamic-main .elbarrio-dynamic-title{font-size:28px!important;line-height:1.1!important;}
  .elbarrio-scope .elbarrio-dynamic-side .elbarrio-dynamic-title{font-size:18px!important;line-height:1.15!important;}
  .elbarrio-scope .elbarrio-dynamic-main .elbarrio-dynamic-img{aspect-ratio:16/10!important;}
  .elbarrio-scope .elbarrio-dynamic-side .elbarrio-dynamic-img{aspect-ratio:4/3!important;}
  .elbarrio-scope .elbarrio-dynamic-news[data-mobile-hide-excerpt="1"] .elbarrio-dynamic-excerpt{display:none!important;}
  .elbarrio-scope .elbarrio-dynamic-mobile-two .elbarrio-dynamic-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .elbarrio-scope .elbarrio-dynamic-mobile-compact .elbarrio-dynamic-side-card{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;}
  .elbarrio-scope .elbarrio-dynamic-mobile-compact .elbarrio-dynamic-side-card .elbarrio-dynamic-img{aspect-ratio:1/1!important;}
}