/* Generado por tools/site-styles.mjs — no editar a mano. */ /* -------------------------------------------------------------------------- Cabecera fija: las anclas del menu Con la cabecera pegada arriba, saltar a #contact dejaba el titulo de la seccion tapado por la propia cabecera. scroll-margin-top le reserva ese espacio al navegador cuando hace el salto. -------------------------------------------------------------------------- */ section[id], footer[id] { scroll-margin-top: 96px; } /* -------------------------------------------------------------------------- El diagrama de circulos en pantallas chicas La entrega responsive resolvia el diagrama escondiendolo: en <=860px hacia .om-venn-ring{display:none} y dejaba los tres textos uno debajo del otro. Se perdia justo lo que la seccion muestra —- que Pharma y Bienestar se solapan y que en la interseccion esta Longevidad. No alcanza con achicar el diagrama de escritorio: son dos circulos de 230px separados 420px, unos 650px de ancho total. Para entrar en un telefono habria que reducirlo a la mitad, y el texto de adentro quedaria en 6px. La solucion es girarlo: los mismos dos circulos, pero apilados en vertical y solapados 80px. Cada uno mantiene su tamano y su texto legible, y la interseccion sigue siendo el centro del dibujo. Sobre los selectores: el