/* Una sola idea: la marca y una palabra. Colores y firma de cuatro tonos, los de HelpyDoc. */
@font-face{font-family:"Fraunces";src:url("/fuentes/fraunces-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--fondo:#F7FAFD;--texto:#1A2F6E;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--fondo:#0A1223;--texto:#FFFFFF;color-scheme:dark}}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;display:flex;flex-direction:column;min-height:100dvh;background:var(--fondo);color:var(--texto)}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,6vh,56px);padding:32px max(16px,env(safe-area-inset-left,0px))}
picture{display:block;width:min(100%,420px)}
.logo{display:block;width:100%;height:auto}
h1{margin:0;font:300 clamp(2.5rem,9vw,5.5rem)/1.05 "Fraunces",Georgia,serif;letter-spacing:-.02em;text-align:center}
.firma{height:6px;background:linear-gradient(90deg,#2B8DD6 0 25%,#3A9E4A 25% 50%,#7B3FA0 50% 75%,#F5A623 75%)}