/* UX2E: public product identity and landing atmosphere only. */
.mg-brand-public { display: none; }
.mg-home:has(#shellContext[hidden]) .mg-brand-public { display: block; }
.mg-home:has(#shellContext[hidden]) .mg-brand-authenticated { display: none; }
.mg-home:has(#shellContext[hidden]) .mg-header .mg-brand-product { font-size: 1.25rem; line-height: 1.2; }
.mg-home .mg-entry-choice { max-width: 760px; }
.mg-home .mg-product-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mg-space-4); margin-bottom: var(--mg-space-3); align-items: center; }
.mg-home .mg-product-identity { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 84px; padding: var(--mg-space-3); background: transparent; border-radius: 0; }
.mg-home .mg-product-identity img { display: block; max-width: 100%; width: 190px; height: 72px; object-fit: contain; }
.mg-home .mg-ancestry-lockup { grid-column: 1 / -1; color: #292d29; background: transparent; font-size: 2rem; font-weight: 700; letter-spacing: -.02em; }
.mg-home .mg-ancestry-lockup span { border-bottom: 3px solid #7a8c24; padding-bottom: var(--mg-space-1); }
.mg-home .mg-brand-note { color: var(--mg-text-muted); font-size: .875rem; margin: 0 0 var(--mg-space-5); }
.mg-home .mg-entry-choice .mg-actor-selector { max-width: 560px; margin-inline: auto; }
@media (min-width: 768px) {
  .mg-home .mg-product-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mg-home .mg-ancestry-lockup { grid-column: auto; }
  .mg-home:has(#shellContext[hidden]) .mg-header .mg-brand-product { font-size: 1.5rem; }
}

/* Public route only: preserve the authenticated UX3 shell and Result Center. */
.mg-home:has(#shellContext[hidden]) { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.mg-home:has(#shellContext[hidden]) > .wrapper { min-height: 0; flex: 1 0 auto; }
.mg-home:has(#shellContext[hidden]) .main-footer { margin-top: auto; background: var(--mg-surface); }
.mg-home:has(#shellContext[hidden]) .mg-shell { position: relative; isolation: isolate; }
.mg-home:has(#shellContext[hidden]):has(.mg-entry-choice button:not([style*="display: none"])) .mg-shell {
  display: flex; flex-direction: column; justify-content: center;
  background: radial-gradient(ellipse at 95% 12%, rgba(89,192,166,.16), transparent 48%), radial-gradient(ellipse at 0 85%, rgba(38,79,249,.08), transparent 50%), #f8fbfc;
}
.mg-home:has(#shellContext[hidden]):has(.mg-entry-choice button:not([style*="display: none"])) .mg-shell::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: url("../../img/plantilla/texture_genetica.png") center / cover no-repeat; opacity: .12;
  mask-image: linear-gradient(90deg, #000, transparent 37%, transparent 63%, #000);
}
.mg-home:has(#shellContext[hidden]):has(.mg-entry-choice button:not([style*="display: none"])) .mg-page-heading { padding-block: clamp(2rem, 7vh, 5rem); }
.mg-home .mg-product-brands { margin-block: 2rem 1rem; gap: 1rem 2.5rem; }
.mg-home .mg-product-identity:nth-child(2) img { width: 162px; }
.mg-home .mg-entry-choice .mg-actor-selector { gap: .75rem; background: transparent; padding: 0; }
.mg-home .mg-entry-choice .mg-actor-option { min-height: 52px; border-color: rgba(56,56,150,.3); box-shadow: 0 3px 12px rgba(56,56,150,.06); }
.mg-home .mg-entry-choice .mg-actor-option:hover { border-color: var(--mg-color-primary); }
@media (min-width: 768px) {
  .mg-home:has(#shellContext[hidden]) .mg-title-root { font-size: clamp(2rem, 3vw, 2.75rem); }
  .mg-home .mg-product-brands { margin-block: 2.75rem 1.5rem; }
}
.mg-home:has(#shellContext[hidden]) .mg-page-description,
.mg-home:has(#shellContext[hidden]) .mg-brand-note,
.mg-home:has(#shellContext[hidden]) .mg-entry-help { color: var(--mg-text); }
/* Preserve official raster files; integrate their white canvas into the shared surface. */
.mg-home .mg-product-identity img { mix-blend-mode: multiply; }