/* Ciclo 04: jerarquía tipográfica sobria y galería seleccionable. */
html[data-theme="dark"] {
  --theme-text: #f1f0e9;
  --theme-text-soft: #d5dfd7;
  --theme-muted: #a9bbb0;
  --theme-brand: #abcab5;
  --theme-brand-strong: #c5dac8;
}

html[data-theme="light"] {
  --theme-text: #243a2c;
  --theme-muted: #526b5b;
}

.home-2026 .home-lab-hero h1 {
  max-width: 730px;
  color: #f1f0e9;
  font-size: clamp(2.85rem, 5.1vw, 5.2rem);
  font-weight: 620;
  line-height: 1.045;
  letter-spacing: -.045em;
}

.home-2026 .home-lab-hero h1 .texto-gradiente {
  background: none;
  color: #b7cdbb;
  -webkit-text-fill-color: currentColor;
}

.home-2026 .home-lab-hero .hero-bajada {
  max-width: 580px;
  color: #d8e0d8;
  font-size: clamp(.96rem, 1.15vw, 1.06rem);
  line-height: 1.65;
}

.home-2026 .home-lab-hero .hero-kicker span {
  border-color: rgba(190, 211, 190, .22);
  background: rgba(20, 40, 29, .45);
  color: #d0dac9;
}

.home-2026 .home-lab-hero .hero-signals span { color: #c7d5c9; }
.home-2026 .home-lab-hero .hero-signals b { color: #f1f0e9; }
.home-2026 .home-lab-hero .hero-signals span::before { background: #92b5a0; }
.menu-web nav a:first-child { color: #e4eee3; font-weight: 700; }

.sitio-publico h1:not(#home-title) {
  font-size: clamp(2.1rem, 4.3vw, 4.45rem);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.sitio-publico .home-discover h2,
.sitio-publico .home-section-head h2,
.sitio-publico .home-commerce-copy h2,
.sitio-publico .technology-stack h2,
.sitio-publico .pie-web h2 {
  font-size: clamp(1.85rem, 3.4vw, 3.45rem);
  line-height: 1.12;
  letter-spacing: -.035em;
}

html[data-theme="dark"] .sitio-publico .home-discover h2,
html[data-theme="dark"] .sitio-publico .home-commerce-copy h2,
html[data-theme="dark"] .sitio-publico .home-section-head h2,
html[data-theme="dark"] .sitio-publico .pie-web h2 {
  color: #f1f0e9 !important;
}

html[data-theme="dark"] .sitio-publico .home-discover p:not(.sobrelinea),
html[data-theme="dark"] .sitio-publico .home-commerce-copy p,
html[data-theme="dark"] .sitio-publico .ficha-contenido .bajada,
html[data-theme="dark"] .sitio-publico .ficha-contenido .microconfianza,
html[data-theme="dark"] .sitio-publico .ficha-contenido .ayuda-compra {
  color: #c8d5ca !important;
}

.galeria-miniaturas button {
  display: grid;
  grid-template-columns: 82px minmax(120px, 1fr);
  gap: 10px;
  align-items: center;
  flex: 0 0 min(260px, 78vw);
  padding: 7px;
  border: 1px solid #c7d8cb;
  border-radius: 11px;
  background: #f2f4ed;
  color: #2b4634;
  font: inherit;
  font-size: .77rem;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}

.galeria-miniaturas button:hover,
.galeria-miniaturas button:focus-visible,
.galeria-miniaturas button[aria-pressed="true"] { border-color: #6b9c7a; }
.galeria-miniaturas button[aria-pressed="true"] { box-shadow: inset 0 0 0 1px #6b9c7a; }
.galeria-miniaturas button img { margin: 0; }

html[data-theme="dark"] .galeria-miniaturas button {
  border-color: #344c3d;
  background: #112019;
  color: #e2e9df;
}
html[data-theme="dark"] .galeria-miniaturas button[aria-pressed="true"],
html[data-theme="dark"] .galeria-miniaturas button:hover,
html[data-theme="dark"] .galeria-miniaturas button:focus-visible { border-color: #a4c6ab; }
html[data-theme="dark"] .galeria-miniaturas button[aria-pressed="true"] { box-shadow: inset 0 0 0 1px #a4c6ab; }

@media (max-width: 600px) {
  .home-2026 .home-lab-hero h1 {
    max-width: 540px;
    font-size: clamp(2.2rem, 8.7vw, 2.75rem);
    line-height: 1.08;
  }
  .sitio-publico h1:not(#home-title) { font-size: clamp(2rem, 8vw, 2.6rem); }
  .sitio-publico .home-discover h2,
  .sitio-publico .home-section-head h2,
  .sitio-publico .home-commerce-copy h2,
  .sitio-publico .technology-stack h2,
  .sitio-publico .pie-web h2 { font-size: clamp(1.7rem, 6.2vw, 2.25rem); }
  .ficha-producto .marco-producto.grande { aspect-ratio: 5 / 4; }
}