/* seo.css: estilos de los cambios del handoff SEO (oct 2026).
   Regla: no se edita ninguna hoja existente; todo lo nuevo vive aquí y se
   carga al final del <head> (base_pypro.html). Clases con prefijo seo-. */

/* ---------- Descripción completa del curso (T04) ----------
   El <details> va justo después del extracto (.landing-hero__sub, margin-bottom
   24px). Cerrado solo agrega la línea "Leer más"; abierto, oculta el extracto
   para no repetir el texto. */
.seo-more {
  margin: calc(-1 * var(--space-md)) 0 var(--space-lg) 0;
}
.seo-more[open] {
  margin-top: 0;
}
.seo-more > summary {
  display: inline-block;
  cursor: pointer;
  list-style: none;
  font-size: 0.875rem;
  font-weight: 500;
  /* En el hero ya está el CTA azul: el enlace secundario va en texto claro subrayado. */
  color: var(--color-on-surface, #E2E8F0);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.seo-more > summary::-webkit-details-marker {
  display: none;
}
.seo-more > summary:focus-visible {
  outline: 2px solid var(--color-secondary, #22D3EE);
  outline-offset: 2px;
  border-radius: 2px;
}
.seo-more[open] > summary {
  display: none;
}
.seo-more > .landing-hero__sub {
  margin-bottom: 0;
}
.landing-hero__sub:has(+ .seo-more[open]) {
  display: none;
}