/* BASICO 2025 OVERLAY — seguro y no intrusivo - No borra tu CSS existente - No usa frameworks - Sólo mejora legibilidad, espaciado y contraste por defecto - Puedes enlazarlo al final de para que prevalezca */ /* Tipografía y base */ html { font-size: 16px; } body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; line-height: 1.65; color: #111; background: #fff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; } /* Texto */ p { margin: 0 0 1em 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0 0 .6em 0; font-weight: 700; } h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); } h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); } h3 { font-size: clamp(1.2rem, 1.8vw, 1.5rem); } /* Imágenes */ img { max-width: 100%; height: auto; display: block; } /* Enlaces */ a { color: #0b6cff; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } /* Botones y campos (sin romper estilos existentes) */ button, input, select, textarea { font: inherit; } button, .btn { cursor: pointer; } /* Contenedor opcional para centrar (úsalo si quieres) */ .container-basico { max-width: 1200px; margin: 0 auto; padding: 0 24px; } /* Accesibilidad: enfoque visible */ :focus-visible { outline: 3px solid rgba(11,108,255,.35); outline-offset: 2px; border-radius: 6px; }