`. · Cormorant NO entra aquí. El sistema visual lo reserva para el titular de ACTO (B2 §4); esto es contenido de lectura, así que va en la sans, y el mono solo en rótulo. El bloque se muestra durante la ENTRADA y desaparece al medir. La clase que lo gobierna, `body.intro-active`, ya la conmuta `setStep()` en js/analisis.js: no hay JS nuevo. Y el nace con ella puesta, así que un rastreador que no ejecute JS lo ve igual. */ #seo-forma { display: none; } body.intro-active #seo-forma { display: block; } /* Separación del acto de arriba: una línea, no un hueco mudo. */ #seo-forma { margin-top: 30px; padding-top: 34px; border-top: 1px solid var(--line); } .sf-wrap > * { margin: 0 0 16px; } .sf-wrap > *:last-child { margin-bottom: 0; } #seo-forma h2 { font-family: var(--sans); font-size: var(--t-h3); line-height: 1.14; letter-spacing: -.015em; color: var(--bone); margin-top: 0; } #seo-forma h3 { font-family: var(--sans); font-size: var(--t-card); line-height: 1.2; letter-spacing: -.01em; color: var(--bone); margin-top: 30px; } #seo-forma p { font-size: var(--t-body); line-height: 1.62; color: var(--bone-dim); } #seo-forma b { color: var(--bone); font-weight: 600; } #seo-forma a { color: var(--bone); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--brass); } #seo-forma a:hover { text-decoration-thickness: 2px; } /* Las cuatro medidas: lista numerada con el número en latón, que aquí SÍ puede ir (fondo tinta; sobre hueso desaparecería — GUIA-MARCA §contraste). */ .sf-med { margin: 0 0 16px; padding: 0; list-style: none; counter-reset: m; } .sf-med li { counter-increment: m; position: relative; padding-left: 30px; margin-bottom: 10px; font-size: var(--t-body); line-height: 1.55; color: var(--bone-dim); } .sf-med li::before { content: "[" counter(m) "]"; position: absolute; left: 0; top: .1em; font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--track-data); color: var(--brass); } /* La tabla es ancha por naturaleza y la columna son 412px: scroll horizontal propio, nunca el . */ .sf-tabla { overflow-x: auto; margin: 0 0 16px; -webkit-overflow-scrolling: touch; } .sf-tabla table { border-collapse: collapse; width: 100%; min-width: 380px; font-size: var(--t-fine); } .sf-tabla th, .sf-tabla td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); line-height: 1.5; color: var(--bone-dim); } .sf-tabla th { font-family: var(--mono); font-size: var(--t-mono); text-transform: uppercase; letter-spacing: var(--track-lbl); color: var(--cap); font-weight: 400; white-space: nowrap; } .sf-tabla td b { white-space: nowrap; } /* FAQ plegable. `

` nativo: sin JS, y lo que hay dentro sigue estando en el HTML, que es lo que lee el rastreador. */ .sf-faq-t { margin-top: 34px; } .sf-q { border-bottom: 1px solid var(--line); } .sf-q summary { cursor: pointer; list-style: none; padding: 14px 26px 14px 0; position: relative; font-size: var(--t-body); line-height: 1.4; color: var(--bone); } .sf-q summary::-webkit-details-marker { display: none; } .sf-q summary::after { content: "+"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); font-family: var(--mono); color: var(--brass); } .sf-q[open] summary::after { content: "–"; } .sf-q summary:focus-visible { outline: 2px solid var(--bone); outline-offset: 3px; border-radius: 4px; } .sf-a { padding: 0 0 14px; } .sf-a p { margin: 0; } .sf-mas { margin-top: 26px; font-size: var(--t-fine); line-height: 1.7; color: var(--cap); } /* Quien pide menos movimiento no pierde nada aquí: el bloque no anima. Se deja escrito para que nadie le añada una transición sin mirar. */ @media (prefers-reduced-motion: reduce) { #seo-forma * { transition: none !important; animation: none !important; } }