/* CONVENY · landing · base y componentes comunes */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--c-fondo);color:var(--c-texto);font-family:var(--f-sans);font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
:focus-visible{outline:2px solid var(--c-amarillo);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salto{position:absolute;left:-9999px}.salto:focus{left:8px;top:8px;z-index:20;background:var(--c-amarillo);color:var(--c-fondo);padding:8px 12px;border-radius:4px}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;white-space:nowrap;transition:filter .15s,background .15s}
.btn--primario{background:var(--c-amarillo);color:var(--c-fondo)}
.btn--primario:hover{filter:brightness(1.08)}
.btn--secundario{background:var(--c-fondo);border:1px solid var(--c-linea);color:var(--c-texto);font-weight:700}
.btn--secundario:hover{border-color:var(--c-texto-2)}

/* rótulos "kicker" */
.kicker{font-family:var(--f-mono);font-weight:700;font-size:11px;color:var(--c-azul)}

/* puntos de estado */
.punto{width:6px;height:6px;flex:none}