/* Mi Elche Ahora 1.6.1 — Adaptación visual al tema editorial de Elche Ahora.
 * No define una marca paralela: utiliza la paleta, los anchos y la tipografía del
 * tema activo. Esta capa se carga después de las hojas del plugin.
 * Las reglas están limitadas a las vistas de Mi Elche Ahora.
 */
.ea-mi-shell {
  box-sizing: border-box;
  --ea-mi-red: var(--eh-red, var(--wp--preset--color--elche-red, #ff4b3a));
  --ea-mi-ink: var(--eh-ink, #141414);
  --ea-mi-muted: var(--eh-muted, #707070);
  --ea-mi-line: var(--eh-border, #e3e3e1);
  --ea-mi-soft: var(--eh-soft, #f5f5f3);
  width: 100%;
  max-width: var(--wp--style--global--wide-size, 1280px);
  color: var(--ea-mi-ink);
  font-family: inherit;
  padding-top: clamp(18px, 2.5vw, 32px);
}
.ea-mi-shell .ea-mi-portal-view {
  --ea-mi-portal-black: var(--ea-mi-ink);
  --ea-mi-portal-red: var(--ea-mi-red);
  --ea-mi-portal-rule: var(--ea-mi-line);
}
.ea-mi-shell .ea-mi-portal-view--portada {
  --ea-paper-ink: var(--ea-mi-ink);
  --ea-paper-red: var(--ea-mi-red);
  --ea-paper-rule: var(--ea-mi-line);
  --ea-paper-muted: var(--ea-mi-muted);
  --ea-paper-warm: var(--ea-mi-soft);
}
.ea-mi-shell :is(h1, h2, h3, h4),
.ea-mi-shell :is(button, input, select, textarea) { font-family: inherit; }

/* Cabeceras de una sección del diario, no una nueva cabecera de marca. */
.ea-mi-paper-headline-top {
  border-top: 0;
  border-bottom: 1px solid var(--ea-mi-line);
  padding: 5px 0 12px;
  font-size: .75rem;
  letter-spacing: 0;
  font-weight: 700;
}
.ea-mi-paper-headline-top :is(a,time) { color: var(--ea-mi-muted)!important; }
.ea-mi-paper-headline-top a:hover { color: var(--ea-mi-red)!important; }
.ea-mi-paper-headline-main {
  padding: clamp(18px, 2.8vw, 32px) 0 21px;
  border-bottom: 2px solid var(--ea-mi-ink);
  align-items: end;
  gap: 22px;
}
.ea-mi-paper-headline-main .ea-mi-paper-edition,
.ea-mi-paper-block-kicker,
.ea-mi-kicker {
  color: var(--ea-mi-red);
  letter-spacing: .09em;
  font-weight: 800;
}
.ea-mi-paper-headline-main h1 {
  font-size: clamp(2.4rem, 4.7vw, 4.25rem);
  line-height: 1.02;
  letter-spacing: -.048em;
  font-weight: 850;
  white-space: normal;
  color: var(--ea-mi-ink);
}
.ea-mi-paper-headline-main h1 span { color: var(--ea-mi-red); }
.ea-mi-paper-headline-main p {
  margin-top: 9px;
  font-size: clamp(.99rem, 1.25vw, 1.14rem);
  line-height: 1.5;
  color: var(--ea-mi-muted);
}
.ea-mi-paper-head-cta {
  min-width: 0;
  padding: 9px 0;
  border: 0;
  border-bottom: 2px solid var(--ea-mi-red);
  font-size: .84rem;
  color: var(--ea-mi-ink)!important;
  background: transparent;
}
.ea-mi-paper-head-cta:hover { background: transparent; color: var(--ea-mi-red)!important; }

/* Navegación secundaria con el lenguaje de menús y secciones del medio. */
.ea-mi-portal-nav,
.ea-mi-portal-view--portada .ea-mi-portal-nav {
  gap: 20px;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--ea-mi-line);
}
.ea-mi-portal-nav a,
.ea-mi-portal-view--portada .ea-mi-portal-nav a {
  color: var(--ea-mi-ink)!important;
  background: transparent!important;
  border: 0;
  border-bottom: 2px solid transparent;
  margin: 0;
  padding: 7px 0;
  font-size: .84rem;
  font-weight: 750;
  text-decoration: none!important;
}
.ea-mi-portal-nav a:hover,
.ea-mi-portal-nav a[aria-current="page"],
.ea-mi-portal-view--portada .ea-mi-portal-nav a:hover,
.ea-mi-portal-view--portada .ea-mi-portal-nav a[aria-current="page"] {
  color: var(--ea-mi-red)!important;
  background: transparent!important;
  border-bottom-color: var(--ea-mi-red);
}

/* La edición personalizada aprovecha las mismas convenciones que las secciones:
   foto real, titular claro, entradilla y separadores finos. */
.ea-mi-paper-edition-bar {
  margin-bottom: 23px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--ea-mi-line);
  color: var(--ea-mi-muted);
}
.ea-mi-paper-edition-bar strong { color: var(--ea-mi-ink); font-weight: 750; letter-spacing: .055em; }
.ea-mi-paper-cover {
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, .85fr);
  gap: clamp(20px, 2.7vw, 33px);
  padding-bottom: 31px;
  border-bottom: 1px solid var(--ea-mi-line);
}
.ea-mi-paper-cover--single { display: block; }
.ea-mi-paper-story-image,
.ea-mi-paper-block--neighborhood .ea-mi-paper-story-image { background: var(--ea-mi-soft); }
.ea-mi-paper-story-image .ea-mi-paper-img { transition-duration: .2s; }
.ea-mi-paper-story--side .ea-mi-paper-story-image { aspect-ratio: 16/9; }
.ea-mi-paper-story-content { padding-top: 12px; }
.ea-mi-paper-story-meta { font-size: .71rem; gap: 9px; letter-spacing: .01em; font-weight: 700; }
.ea-mi-paper-story-meta .ea-mi-paper-topic { color: var(--ea-mi-red); font-weight: 800; }
.ea-mi-paper-story-meta time { color: var(--ea-mi-muted); font-size: .72rem; }
.ea-mi-paper-story h2,
.ea-mi-paper-story h3 {
  color: var(--ea-mi-ink);
  font-weight: 800;
  letter-spacing: -.032em;
  line-height: 1.15;
  margin-top: 7px;
}
.ea-mi-paper-story--lead h2 { font-size: clamp(1.8rem, 2.85vw, 2.8rem); line-height: 1.11; letter-spacing: -.04em; }
.ea-mi-paper-story--side h3 { font-size: clamp(1.08rem, 1.55vw, 1.4rem); }
.ea-mi-paper-story--grid h3,
.ea-mi-paper-story--zone h3,
.ea-mi-paper-story--topic h3 { font-size: clamp(1.03rem, 1.44vw, 1.3rem); }
.ea-mi-paper-story--brief h3 { font-size: 1.08rem; }
.ea-mi-paper-excerpt,
.ea-mi-paper-story--lead .ea-mi-paper-excerpt {
  color: var(--ea-mi-muted);
  line-height: 1.48;
  font-size: clamp(.9rem, 1.06vw, 1.05rem);
  margin-top: 9px;
}
.ea-mi-paper-story--lead .ea-mi-paper-story-image { aspect-ratio: 16/9; }
.ea-mi-paper-graphic { display:none; }
.ea-mi-paper-story--lead.ea-mi-paper-story--without-image { padding: 12px 0 28px; }
.ea-mi-paper-story-read,
.ea-mi-tools-profile { color: var(--ea-mi-ink)!important; }
.ea-mi-paper-story-read:hover,
.ea-mi-tools-profile:hover { color: var(--ea-mi-red)!important; }
.ea-mi-paper-save { border: 1px solid var(--ea-mi-line); color: var(--ea-mi-muted); background: transparent; }
.ea-mi-paper-save:hover,
.ea-mi-paper-save.is-active { border-color: var(--ea-mi-red); color: var(--ea-mi-red); background: transparent; }
.ea-mi-paper-save:focus-visible { outline-color: var(--ea-mi-red); }
.ea-mi-paper-side-heading { border-bottom: 1px solid var(--ea-mi-line); margin-bottom: 13px; }
.ea-mi-paper-side-heading strong { font-size: 1.12rem; font-weight: 800; }
.ea-mi-paper-side-heading span { color: var(--ea-mi-red); }
.ea-mi-paper-cover-side .ea-mi-paper-story+.ea-mi-paper-story { border-top-color: var(--ea-mi-line); padding-top: 17px; margin-top: 17px; }
.ea-mi-paper-block { padding: 30px 0 23px; border-bottom: 1px solid var(--ea-mi-line); }
.ea-mi-paper-block-heading {
  position: relative;
  border-top: 1px solid var(--ea-mi-line);
  padding: 18px 0 19px;
  align-items: end;
}
.ea-mi-paper-block-heading::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 46px;
  height: 3px;
  background: var(--ea-mi-red);
}
.ea-mi-paper-block-heading h2 {
  color: var(--ea-mi-ink);
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.18;
  margin-top: 4px;
}
.ea-mi-paper-block-heading p { color: var(--ea-mi-muted); }
.ea-mi-paper-news-grid,
.ea-mi-paper-neighborhood-grid,
.ea-mi-paper-topics-grid { gap: 19px; }
.ea-mi-paper-news-grid>.ea-mi-paper-story { border-bottom-color: var(--ea-mi-line); }
.ea-mi-paper-block--neighborhood {
  background: transparent;
  padding: 30px 0 23px;
  margin: 0;
  border-bottom: 1px solid var(--ea-mi-line);
}
.ea-mi-paper-block--neighborhood .ea-mi-paper-block-heading {
  border-top: 1px solid var(--ea-mi-line);
  border-bottom: 0;
  margin: 0;
  padding: 18px 0 19px;
}
.ea-mi-paper-block--neighborhood .ea-mi-paper-save { background: transparent; border-color: var(--ea-mi-line); }
.ea-mi-paper-block--neighborhood .ea-mi-paper-save.is-active { background: transparent; border-color: var(--ea-mi-red); color: var(--ea-mi-red); }
.ea-mi-paper-block--topics { margin: 0; }
.ea-mi-paper-topics-grid .ea-mi-paper-story { border: 0; padding: 0; }
.ea-mi-paper-topics-grid .ea-mi-paper-story-image { aspect-ratio: 16/9; }
.ea-mi-paper-story--brief { grid-template-columns: minmax(0,1fr); border-bottom-color: var(--ea-mi-line); }
.ea-mi-paper-story--brief::before { display: none; }
.ea-mi-paper-story--brief .ea-mi-paper-save:hover,
.ea-mi-paper-story--brief .ea-mi-paper-save.is-active { color: var(--ea-mi-red); }
.ea-mi-paper-footer {
  background: var(--ea-mi-soft);
  color: var(--ea-mi-ink);
  margin-top: 28px;
  padding: 22px 25px;
  border-top: 2px solid var(--ea-mi-red);
}
.ea-mi-paper-footer strong { color: var(--ea-mi-ink); font-size: 1.1rem; }
.ea-mi-paper-footer span { color: var(--ea-mi-muted); }
.ea-mi-paper-footer>a { background: var(--ea-mi-red); color: #fff!important; }
.ea-mi-paper-footer>a:hover { background: var(--ea-mi-ink); color:#fff!important; }
.ea-mi-paper-empty { border-top: 2px solid var(--ea-mi-red); background: var(--ea-mi-soft); }

/* Portada de accesos y páginas interiores: misma tipografía y escala. */
.ea-mi-hub-hero,
.ea-mi-subpage-hero {
  border-bottom: 2px solid var(--ea-mi-ink);
  padding-bottom: 21px;
}
.ea-mi-hub-hero h1,
.ea-mi-subpage-hero h1,
.ea-mi-dashboard-hero h1,
.ea-mi-auth-intro h1 { font-size: clamp(2.2rem, 4vw, 3.8rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 850; }
.ea-mi-hub-heading>p,
.ea-mi-subpage-heading p { color: var(--ea-mi-muted); }
.ea-mi-hub-feature {
  display: block;
  background: var(--ea-mi-soft);
  color: var(--ea-mi-ink);
  min-height: 0;
  border-top: 3px solid var(--ea-mi-red);
}
.ea-mi-hub-feature-copy { padding: clamp(24px, 3.5vw, 40px); }
.ea-mi-hub-feature-eyebrow { color: var(--ea-mi-red); letter-spacing: .08em; }
.ea-mi-hub-feature h2 { color: var(--ea-mi-ink); font-size: clamp(2rem, 3.5vw, 3.4rem); line-height: 1.07; font-weight: 850; letter-spacing: -.04em; margin: 11px 0 11px; }
.ea-mi-hub-feature-copy>p { color: var(--ea-mi-muted); max-width: 640px; }
.ea-mi-hub-feature-side { display: none; }
.ea-mi-hub-feature-link { color:#fff!important; background:var(--ea-mi-red); font-size: .9rem; padding: 12px 16px; }
.ea-mi-hub-feature-link:hover { color:#fff!important; background: var(--ea-mi-ink); transform: none; }
.ea-mi-hub-section-title h2 { color: var(--ea-mi-ink); font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight: 850; }
.ea-mi-hub-card {
  min-height: 200px;
  padding: 19px 20px 16px;
  border-color: var(--ea-mi-line);
  color: var(--ea-mi-ink)!important;
  box-shadow: none;
  transform: none;
  transition: border-color .16s;
}
.ea-mi-hub-card:hover,
.ea-mi-hub-card:focus-visible { border-color: var(--ea-mi-red); box-shadow: none; transform: none; }
.ea-mi-hub-card-title { font-size: clamp(1.16rem, 1.8vw, 1.48rem); font-weight: 800; }
.ea-mi-hub-card-bottom { border-top-color: var(--ea-mi-line); }
.ea-mi-hub-card-top b,
.ea-mi-hub-card:hover .ea-mi-hub-card-bottom b { color:var(--ea-mi-red); background: transparent; }
.ea-mi-subpage-cta { border: 0; border-bottom: 2px solid var(--ea-mi-red); color:var(--ea-mi-ink)!important; padding: 8px 0; }
.ea-mi-subpage-cta:hover { background: transparent; color:var(--ea-mi-red)!important; }
.ea-mi-section-heading h2 { color:var(--ea-mi-ink); font-size: clamp(1.4rem,2vw,1.9rem); }
.ea-mi-story { border-color: var(--ea-mi-line); }
.ea-mi-panel--register, .ea-mi-onboarding { border-top-color: var(--ea-mi-red); }
.ea-mi-primary, .ea-mi-article-cta>a { background:var(--ea-mi-red); }
.ea-mi-primary:hover, .ea-mi-article-cta>a:hover { background:var(--ea-mi-ink); }
.ea-mi-choice input:checked+span { background:var(--ea-mi-ink); }

/* Participa y Agenda se integran en la misma familia visual. */
.ea-mi-shell .ea-part-wrap {
  --part-red:var(--ea-mi-red);
  --part-ink:var(--ea-mi-ink);
  --part-gray:var(--ea-mi-muted);
  --part-border:var(--ea-mi-line);
  --part-bg:var(--ea-mi-soft);
}
.ea-mi-shell .ea-part-intro { background:var(--ea-mi-soft); color:var(--ea-mi-ink); border-top:2px solid var(--ea-mi-red); padding:22px 26px; }
.ea-mi-shell .ea-part-intro :is(h3,p) { color:inherit; }
.ea-mi-shell .ea-part-intro .ea-mi-kicker { color:var(--ea-mi-red); }
.ea-mi-shell .ea-part-my-link { color:var(--ea-mi-ink)!important; border-bottom-color:var(--ea-mi-red); }
.ea-mi-shell .ea-part-form-panel { border-color:var(--ea-mi-line); }
.ea-mi-shell .ea-part-kind input:checked+.ea-part-kind-card { background:var(--ea-mi-ink); border-color:var(--ea-mi-ink); }
.ea-mi-shell .ea-part-kind input:checked+.ea-part-kind-card small { color:#fff; }
.ea-mi-shell .ea-mi-agenda-personal {
  --ea-mi-agenda-border:var(--ea-mi-line);
  --ea-mi-agenda-soft:var(--ea-mi-soft);
  --ea-mi-agenda-red:var(--ea-mi-red);
  color:var(--ea-mi-ink);
}
.ea-mi-shell .ea-mi-agenda-weekday { background:var(--ea-mi-ink); }
.ea-mi-shell .ea-mi-agenda-calendar-event { background:var(--ea-mi-soft); }
.ea-mi-shell .ea-mi-agenda-cell.is-today { box-shadow:inset 0 0 0 2px var(--ea-mi-red); }
.ea-mi-shell .ea-mi-agenda-view-switch a.is-selected { background:var(--ea-mi-ink); border-color:var(--ea-mi-ink); }
.ea-mi-shell .ea-mi-agenda-calendar-nav a:hover { color:var(--ea-mi-red); }

/* Entrada individual y menú global, sin botón con apariencia ajena al theme. */
.ea-mi-article-cta, .ea-mi-article-tools { border-top: 2px solid var(--eh-ink, #141414); border-bottom-color: var(--eh-border, #e3e3e1); }
.ea-mi-nav-link>.wp-block-navigation-item__content { border: 0!important; border-bottom: 2px solid var(--eh-red, #ff4b3a)!important; padding: 5px 0!important; }
.ea-mi-nav-link>.wp-block-navigation-item__content:hover { background:transparent!important; border-bottom-color: var(--eh-ink,#141414)!important; color:var(--eh-red,#ff4b3a)!important; }

@media (max-width:780px) {
  .ea-mi-paper-cover { grid-template-columns:minmax(0,1fr); }
  .ea-mi-paper-headline-main { align-items:start; flex-direction:column; gap:14px; }
  .ea-mi-paper-head-cta { align-self:flex-start; }
  .ea-mi-paper-cover-side { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ea-mi-paper-block-heading h2 { font-size:1.7rem; }
}
@media (max-width:540px) {
  .ea-mi-paper-headline-main h1 { font-size:clamp(2.3rem,11vw,3.5rem); }
  .ea-mi-paper-cover-side { grid-template-columns:minmax(0,1fr); }
  .ea-mi-paper-cover-side .ea-mi-paper-story--side h3 { font-size:1.1rem; }
  .ea-mi-paper-news-grid, .ea-mi-paper-neighborhood-grid, .ea-mi-paper-topics-grid { grid-template-columns:minmax(0,1fr); }
  .ea-mi-paper-block--neighborhood { margin:0; padding:27px 0 22px; }
  .ea-mi-paper-footer { margin:23px 0 0; padding:21px 16px; }
  .ea-mi-portal-nav { gap:17px; }
  .ea-mi-hub-feature h2 { font-size:2.45rem; }
}
@media (prefers-reduced-motion:reduce) {
  .ea-mi-hub-card, .ea-mi-hub-feature-link, .ea-mi-paper-story-image .ea-mi-paper-img { transition:none!important; }
}
