/**

 * Plantillas editoriales — Fase 2

 * Ranking, comparativa, opinión, guía, categoría, hub.

 * Solo presentación visual; sin cambios de contenido.

 */



/* ─── Utilidades compartidas ─── */

.page-editorial #main > .inner > section,

.page-editorial #main > .inner > section[id] {

  position: relative;

}



.page-editorial .section-band {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding-left: clamp(1rem, 3vw, 1.75rem);

  padding-right: clamp(1rem, 3vw, 1.75rem);

  padding-top: clamp(2rem, 4vw, 3rem);

  padding-bottom: clamp(2rem, 4vw, 3rem);

}



.page-editorial .section-band--muted {

  background: var(--premium-bg);

  border-top: 1px solid var(--premium-bg-muted);

  border-bottom: 1px solid var(--premium-bg-muted);

}



.page-editorial .section-band--brand-soft {

  background: linear-gradient(180deg, var(--brand-50) 0%, var(--premium-white) 100%);

  border-top: 1px solid rgba(var(--brand-rgb), 0.06);

}



.page-editorial header.major h2 {

  font-size: clamp(1.375rem, 2.8vw, 1.875rem);

  letter-spacing: -0.022em;

}



.page-editorial header.major p {

  color: var(--premium-text-muted);

  font-size: 1.0625rem;

  max-width: 42rem;

}



.page-editorial header.main h1 {

  font-size: clamp(1.75rem, 3.8vw, 2.625rem);

  line-height: 1.15;

  letter-spacing: -0.028em;

}



.page-editorial header.main .badge {

  background: var(--premium-white) !important;

  color: var(--premium-accent) !important;

  border: 1px solid var(--premium-accent-border);

  font-size: 0.6875rem;

  letter-spacing: 0.08em;

}



.page-editorial #header .site-header__bar {

  border-bottom: 1px solid rgba(var(--brand-rgb), 0.06);

}



.page-editorial #header .menu > li > a[href="/mejores-sillas-ergonomicas-2026.html"],

.page-editorial #header .menu > li > a[href*="mejores-sillas-ergonomicas-2026"] {

  color: var(--premium-accent);

  font-weight: 600;

}



/* ─── Ranking ─── */

.page-ranking nav.breadcrumbs + section {

  padding-bottom: var(--space-4);

}



.page-ranking nav.breadcrumbs + section .image.object {

  border-radius: var(--premium-radius);

  overflow: hidden;

  box-shadow: var(--premium-shadow-md);

  margin: var(--space-5) 0 var(--space-6);

  display: block;

  max-height: 420px;

}



.page-ranking nav.breadcrumbs + section .image.object img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  max-height: 420px;

}



.page-ranking .story-intro {

  background: rgba(var(--brand-rgb), 0.04) !important;

  border: 1px solid rgba(var(--brand-rgb), 0.1) !important;

  border-radius: var(--premium-radius) !important;

  padding: clamp(1.25rem, 3vw, 1.75rem) !important;

  box-shadow: none !important;

}



.page-ranking .story-intro:hover {

  transform: none !important;

  box-shadow: none !important;

}



.page-ranking .inner > .image.fit + .image.fit {

  display: none;

}



.page-ranking #comparativa {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);

  background: var(--premium-bg);

  border-top: 1px solid var(--premium-bg-muted);

  border-bottom: 1px solid var(--premium-bg-muted);

}



.page-ranking #reviews {

  padding-top: clamp(1.5rem, 3vw, 2.5rem);

}



.page-ranking #reviews .product-review {

  display: grid;

  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);

  gap: var(--space-6);

  align-items: start;

  padding: var(--space-6) !important;

  margin-bottom: var(--space-5) !important;

  border: 1px solid var(--premium-bg-muted) !important;

  border-radius: var(--premium-radius) !important;

  background: var(--premium-white);

  box-shadow: var(--premium-shadow);

  border-bottom: 1px solid var(--premium-bg-muted) !important;

}



.page-ranking #reviews .product-review:last-child {

  margin-bottom: 0 !important;

}



.page-ranking #reviews .product-review.featured {

  border-color: rgba(var(--brand-rgb), 0.28) !important;

  box-shadow: var(--premium-shadow-md) !important;

  background: linear-gradient(180deg, var(--brand-50) 0%, var(--premium-white) 55%);

}



.page-ranking #reviews .product-review > div:first-child img {

  border-radius: var(--premium-radius-sm);

  width: 100%;

  height: auto;

  object-fit: contain;

}



.page-ranking #reviews .product-review h3 {

  font-size: 1.25rem;

  margin-bottom: var(--space-3);

  color: var(--premium-text);

}



.page-ranking #reviews .product-review ul {

  margin: var(--space-3) 0;

  padding-left: 0;

  list-style: none;

}



.page-ranking #reviews .product-review ul li {

  position: relative;

  padding-left: 1.1rem;

  margin-bottom: 0.4rem;

  font-size: 0.9375rem;

  color: var(--premium-text-muted);

}



.page-ranking #guia,

.page-ranking #opiniones-ranking-2026 {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);

  background: var(--premium-bg);

  border-top: 1px solid var(--premium-bg-muted);

  border-bottom: 1px solid var(--premium-bg-muted);

}



.page-ranking #faq {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);

  background: linear-gradient(180deg, var(--brand-50) 0%, var(--premium-white) 100%);

  border-top: 1px solid rgba(var(--brand-rgb), 0.06);

}



.page-ranking .table-wrapper {

  border-radius: var(--premium-radius);

  overflow: hidden;

  box-shadow: var(--premium-shadow);

  border: 1px solid var(--premium-bg-muted);

}



@media screen and (max-width: 736px) {

  .page-ranking #reviews .product-review {

    grid-template-columns: 1fr;

  }



  .page-ranking #reviews .product-review > div:first-child {

    max-width: 200px;

  }

}



/* ─── Comparativa ─── */

.page-comparativa #intro {

  padding-bottom: var(--space-2);

}



.page-comparativa #intro .comparativa-lead {

  font-size: 0.9375rem;

  color: var(--premium-text-muted);

  margin-bottom: var(--space-4);

  padding: var(--space-3) var(--space-4);

  background: rgba(var(--brand-rgb), 0.04);

  border-radius: var(--premium-radius-sm);

  border-left: 3px solid rgba(var(--brand-rgb), 0.25);

}



.page-comparativa #intro .image.object {

  border-radius: var(--premium-radius);

  overflow: hidden;

  box-shadow: var(--premium-shadow-md);

  margin: var(--space-5) 0;

  display: block;

  max-height: 380px;

}



.page-comparativa #intro .image.object img {

  width: 100%;

  object-fit: cover;

  max-height: 380px;

}



.page-comparativa .quick-summary {

  border-radius: 0 var(--premium-radius-sm) var(--premium-radius-sm) 0 !important;

  padding: var(--space-5) var(--space-5) !important;

  box-shadow: var(--premium-shadow);

}



.page-comparativa .choice-grid {

  gap: var(--space-6);

  margin: var(--space-6) 0;

}



.page-comparativa .choice-box {

  padding: var(--space-6) !important;

  border-radius: var(--premium-radius) !important;

  border: 1px solid var(--premium-bg-muted) !important;

  box-shadow: var(--premium-shadow) !important;

  background: var(--premium-white) !important;

  display: flex;

  flex-direction: column;

  gap: var(--space-4);

}



.page-comparativa .choice-box .product-image {

  border-radius: var(--premium-radius-sm);

  overflow: hidden;

  background: var(--premium-bg);

  padding: var(--space-3);

}



.page-comparativa .choice-box .product-image img {

  max-height: 280px;

  width: auto;

  margin: 0 auto;

  display: block;

  object-fit: contain;

}



.page-comparativa #tabla-comparativa,

.page-comparativa section[id*="tabla"],

.page-comparativa section:has(.comparison-table) {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);

  background: var(--premium-bg);

  border-top: 1px solid var(--premium-bg-muted);

  border-bottom: 1px solid var(--premium-bg-muted);

}



.page-comparativa .table-wrapper {

  border-radius: var(--premium-radius);

  overflow: hidden;

  box-shadow: var(--premium-shadow);

  border: 1px solid var(--premium-bg-muted);

}



.page-comparativa nav.breadcrumbs ol[style] {

  list-style: none !important;

  padding: 0 !important;

  display: flex !important;

  flex-wrap: wrap !important;

  gap: 0.5rem !important;

  align-items: center !important;

  margin-bottom: 0 !important;

  font-size: inherit !important;

}



/* ─── Opinión ─── */

.page-opinion #banner {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2.5rem, 6vw, 4rem) clamp(1rem, 3vw, 1.75rem) clamp(3rem, 6vw, 4.5rem) !important;

  background:

    radial-gradient(ellipse 75% 55% at 100% 0%, rgba(var(--brand-rgb), 0.1) 0%, transparent 55%),

    linear-gradient(180deg, var(--brand-100) 0%, var(--brand-50) 45%, var(--premium-white) 100%);

  border-bottom: 1px solid rgba(var(--brand-rgb), 0.1);

  gap: clamp(2rem, 5vw, 3.5rem);

}



.page-opinion #banner h1 {

  font-size: clamp(1.75rem, 4vw, 2.75rem);

  line-height: 1.12;

  letter-spacing: -0.03em;

  max-width: 22ch;

}



.page-opinion #banner .content > p {

  color: var(--premium-text-muted);

  font-size: 1rem;

  line-height: 1.65;

  max-width: 38rem;

}



.page-opinion #banner .content > p strong {

  color: var(--premium-text);

}



.page-opinion #banner .actions {

  margin-top: var(--space-5);

}



.page-opinion #banner .actions .button.primary {

  box-shadow: 0 4px 18px rgba(var(--brand-rgb), 0.25) !important;

}



.page-opinion #banner .image.object {

  box-shadow:

    0 24px 48px rgba(15, 23, 42, 0.1),

    0 0 0 1px rgba(var(--brand-rgb), 0.06);

  aspect-ratio: 4 / 5;

  max-height: 460px;

}



.page-opinion #banner .image.object img {

  object-fit: contain;

  background: var(--premium-white);

}



.page-opinion #para-quien,

.page-opinion section[id="pros-contras"] {

  padding-top: clamp(1.5rem, 3vw, 2.5rem);

}



.page-opinion .review-box {

  border-left: 4px solid var(--premium-accent) !important;

  padding: var(--space-5) var(--space-6) !important;

}



.page-opinion #veredicto,

.page-opinion section:has(.cta-strip) {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);

  background: var(--premium-bg);

  border-top: 1px solid var(--premium-bg-muted);

  border-bottom: 1px solid var(--premium-bg-muted);

}



@media screen and (max-width: 980px) {

  .page-opinion #banner {

    flex-direction: column;

  }



  .page-opinion #banner h1 {

    max-width: none;

  }



  .page-opinion #banner .image.object {

    order: -1;

    max-height: 320px;

    width: 100%;

  }

}



/* ─── Guía / categoría ─── */

.page-guide #banner,

.page-category #banner {

  padding: clamp(2rem, 5vw, 3.25rem) 0 clamp(2.5rem, 5vw, 3.75rem) !important;

  background: linear-gradient(180deg, var(--brand-50) 0%, var(--premium-white) 70%);

  border-bottom: 1px solid rgba(var(--brand-rgb), 0.08);

  margin-bottom: var(--space-2);

}



.page-guide header.main + .image.object,

.page-category header.main + .image.object,

.page-guide section > .image.object:first-of-type,

.page-category section > .image.object:first-of-type {

  border-radius: var(--premium-radius);

  overflow: hidden;

  box-shadow: var(--premium-shadow-md);

  margin: var(--space-5) 0 var(--space-6);

  display: block;

}



.page-guide .checklist,

.page-category .checklist,

.page-guide .guide-grid,

.page-category .guide-grid,

.page-guide .mistakes-grid,

.page-category .mistakes-grid {

  gap: var(--space-5);

}



.page-guide .check-item,

.page-category .check-item,

.page-guide .guide-card,

.page-category .guide-card,

.page-guide .mistake-item {

  transition:

    box-shadow var(--premium-transition),

    border-color var(--premium-transition);

}



.page-guide .check-item:hover,

.page-category .check-item:hover,

.page-guide .guide-card:hover,

.page-category .guide-card:hover {

  border-color: rgba(var(--brand-rgb), 0.2) !important;

  box-shadow: var(--premium-shadow-md) !important;

}



.page-guide section:has(.faq-grid),

.page-category section:has(.faq-grid),

.page-guide #faq {

  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));

  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);

  background: var(--premium-bg);

  border-top: 1px solid var(--premium-bg-muted);

  border-bottom: 1px solid var(--premium-bg-muted);

}



/* ─── Hub (índices) ─── */

.page-hub header.main {

  margin-bottom: var(--space-6);

  padding-bottom: var(--space-5);

  border-bottom: 1px solid var(--premium-bg-muted);

}



.page-hub .hub-office-toc a,

.page-hub .hub-links a,

.page-hub ul.actions a.button {

  transition:

    border-color var(--premium-transition),

    color var(--premium-transition),

    box-shadow var(--premium-transition);

}



.page-hub .comparison-grid,

.page-hub .guide-grid {

  margin-top: var(--space-5);

}



.page-hub .product-card,

.page-hub .guide-card,

.page-hub .review-box {

  height: 100%;

}



/* ─── Legal ─── */

.page-legal #main > .inner {

  max-width: var(--read-wide);

}



.page-legal header.main h1 {

  font-size: clamp(1.5rem, 3vw, 2rem);

}



/* ─── Footer ampliado (fondo: visual-premium.css) ─── */

.site-footer-min {

  margin-top: var(--space-8);

  padding-top: var(--space-8) !important;

}



.site-footer__nav ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: var(--space-2) var(--space-4);

  list-style: none;

  margin: 0;

  padding: 0;

}



.site-footer__nav a {

  display: inline-flex;

  align-items: center;

  min-height: 44px;

  padding: 0.35rem 0.85rem;

  border-radius: 999px;

  font-size: 0.8125rem;

  font-weight: 600;

  color: var(--premium-text);

  text-decoration: none;

  background: var(--premium-white);

  border: 1px solid var(--premium-bg-muted);

  transition:

    border-color var(--premium-transition),

    color var(--premium-transition),

    box-shadow var(--premium-transition);

}



.site-footer__nav a:hover,

.site-footer__nav a:focus-visible {

  border-color: var(--premium-accent-border);

  color: var(--premium-accent);

  box-shadow: var(--premium-shadow);

}



.site-footer-min .footer-mission {

  max-width: 36rem;

  font-size: 0.9375rem;

  line-height: 1.65;

  color: var(--premium-text-muted);

  margin: 0;

}



.site-footer-min .footer-mission a {

  color: var(--premium-accent);

  font-weight: 600;

}



@media screen and (min-width: 981px) {
  .site-footer__inner {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    text-align: center;
    gap: var(--space-5) !important;
  }
}

/* ─── Fase 3: Hubs ─── */
.page-hub nav.breadcrumbs + section {
  padding-bottom: var(--space-4);
}

.page-hub nav.breadcrumbs + section .image.object,
.page-hub nav.breadcrumbs + section .article-hero {
  border-radius: var(--premium-radius);
  overflow: hidden;
  box-shadow: var(--premium-shadow-md);
  margin: var(--space-5) 0 var(--space-6);
  display: block;
}

.page-hub nav.breadcrumbs + section .image.object img,
.page-hub nav.breadcrumbs + section .article-hero img {
  width: 100%;
  object-fit: cover;
  max-height: 360px;
}

.page-hub .story-intro {
  background: rgba(var(--brand-rgb), 0.04) !important;
  border: 1px solid rgba(var(--brand-rgb), 0.1) !important;
  border-radius: var(--premium-radius) !important;
  padding: clamp(1.25rem, 3vw, 1.75rem) !important;
  box-shadow: none !important;
}

.page-hub .story-intro:hover {
  transform: none !important;
  box-shadow: none !important;
}

.page-hub section:has(.comparison-grid),
.page-hub section:has(.product-grid),
.page-hub section:has(ul.actions:not(.stacked)) {
  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);
  background: var(--premium-bg);
  border-top: 1px solid var(--premium-bg-muted);
  border-bottom: 1px solid var(--premium-bg-muted);
}

.page-hub ul.actions:not(.stacked) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-hub ul.actions:not(.stacked) li {
  margin: 0;
  padding: 0;
  width: auto;
}

.page-hub ul.actions:not(.stacked) .button {
  border-radius: 999px !important;
  font-size: 0.8125rem !important;
  padding: 0.55rem 1rem !important;
  min-height: 40px;
  white-space: nowrap;
}

.page-hub ul.actions:not(.stacked) .button.primary {
  box-shadow: 0 2px 10px rgba(var(--brand-rgb), 0.2) !important;
}

.page-hub ul.actions.stacked {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: var(--space-3);
  list-style: none;
  padding: 0;
  margin: var(--space-5) 0 0;
}

.page-hub ul.actions.stacked li {
  margin: 0;
  width: 100%;
}

.page-hub ul.actions.stacked .button.fit {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  border-radius: var(--premium-radius-sm) !important;
  background: var(--premium-white) !important;
  border: 1px solid var(--premium-bg-muted) !important;
  color: var(--premium-text) !important;
  font-weight: 500 !important;
  padding: 0.85rem 1rem !important;
}

.page-hub ul.actions.stacked .button.fit:hover,
.page-hub ul.actions.stacked .button.fit:focus-visible {
  border-color: var(--premium-accent-border) !important;
  color: var(--premium-accent) !important;
  box-shadow: var(--premium-shadow);
}

.page-hub .product-grid {
  gap: var(--space-6);
}

.page-hub .product-card {
  padding: var(--space-5) !important;
  border: 1px solid var(--premium-bg-muted) !important;
  border-radius: var(--premium-radius) !important;
  box-shadow: var(--premium-shadow) !important;
  transition:
    border-color var(--premium-transition),
    box-shadow var(--premium-transition),
    transform var(--premium-transition);
}

.page-hub .product-card:hover {
  border-color: rgba(var(--brand-rgb), 0.22) !important;
  box-shadow: var(--premium-shadow-md) !important;
}

.page-hub .product-card h3 {
  font-size: 1rem;
  margin-bottom: var(--space-2);
}

.page-hub .product-card h3 a {
  color: var(--premium-text);
  text-decoration: none;
  transition: color var(--premium-transition);
}

.page-hub .product-card h3 a:hover,
.page-hub .product-card h3 a:focus-visible {
  color: var(--premium-accent);
}

.page-hub .product-card .image {
  min-height: 180px;
}

.page-hub .comparison-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: var(--space-5);
}

.page-hub .comparison-grid .product-card p {
  font-size: 0.9375rem;
  color: var(--premium-text-muted);
  flex-grow: 1;
  margin-bottom: var(--space-4);
}

.page-hub header.main p {
  color: var(--premium-text-muted);
  font-size: 1.0625rem;
  max-width: 42rem;
  line-height: 1.65;
}

/* ─── Fase 3: Categorías ─── */
.page-category nav.breadcrumbs + section {
  padding-bottom: var(--space-3);
}

.page-category nav.breadcrumbs + section .image.object {
  border-radius: var(--premium-radius);
  overflow: hidden;
  box-shadow: var(--premium-shadow-md);
  margin: var(--space-5) 0 var(--space-6);
  display: block;
  max-height: 400px;
}

.page-category nav.breadcrumbs + section .image.object img {
  width: 100%;
  object-fit: cover;
  max-height: 400px;
}

.page-category .section-highlight,
.page-category #hub-home-office-kit {
  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);
  background: linear-gradient(180deg, var(--brand-50) 0%, var(--premium-white) 100%);
  border-top: 1px solid rgba(var(--brand-rgb), 0.08);
  border-bottom: 1px solid rgba(var(--brand-rgb), 0.08);
}

.page-category .hub-office-toc {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: var(--space-2);
}

.page-category .hub-office-toc a {
  border-radius: 999px;
  text-align: center;
  font-size: 0.8125rem;
}

.page-category section:has(.product-grid),
.page-category #hub-sillas {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
}

.page-category .product-grid .product-card {
  border: 1px solid var(--premium-bg-muted) !important;
  box-shadow: var(--premium-shadow) !important;
  transition:
    border-color var(--premium-transition),
    box-shadow var(--premium-transition);
}

.page-category .product-grid .product-card:hover {
  border-color: rgba(var(--brand-rgb), 0.2) !important;
  box-shadow: var(--premium-shadow-md) !important;
}

.page-category .table-wrapper {
  border-radius: var(--premium-radius);
  overflow: hidden;
  box-shadow: var(--premium-shadow);
  border: 1px solid var(--premium-bg-muted);
  margin: var(--space-5) 0;
}

.page-category .section-highlight .buy-box,
.page-category #hub-home-office-kit .buy-box {
  padding: var(--space-5) !important;
  border-radius: var(--premium-radius-sm) !important;
  background: var(--premium-white) !important;
  border: 1px solid var(--premium-bg-muted) !important;
  box-shadow: var(--premium-shadow) !important;
}

.page-category .section-highlight .buy-box h3,
.page-category #hub-home-office-kit .buy-box h3 {
  font-size: 1rem;
  color: var(--premium-accent);
  margin-bottom: var(--space-3);
}

.page-category section:has(.faq-grid),
.page-category #faq {
  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);
  background: var(--premium-bg);
  border-top: 1px solid var(--premium-bg-muted);
  border-bottom: 1px solid var(--premium-bg-muted);
}

/* ─── Fase 3: Guías (páginas guia/* y similares) ─── */
.page-guide nav.breadcrumbs + section .article-hero,
.page-guide section > .article-hero:first-of-type {
  border-radius: var(--premium-radius);
  overflow: hidden;
  box-shadow: var(--premium-shadow-md);
  margin: var(--space-5) 0 var(--space-6);
  display: block;
}

.page-guide nav.breadcrumbs + section .article-hero img,
.page-guide section > .article-hero:first-of-type img {
  width: 100%;
  object-fit: cover;
  max-height: 360px;
}

.page-guide ul.actions.stacked {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: var(--space-3);
}

.page-guide .mission-block.trust-note {
  margin-left: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  margin-right: calc(-1 * clamp(1rem, 3vw, 1.75rem));
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 1.75rem);
  background: linear-gradient(180deg, var(--brand-50) 0%, var(--premium-white) 100%);
  border-top: 1px solid rgba(var(--brand-rgb), 0.06);
}