/* NEXO for brokers: identity of the brand (dark, gold, turquoise). */
:root{
  --fondo:hsl(193 60% 3%);
  --panel:hsl(193 31% 6%);
  --texto:hsl(60 13% 95%);
  --suave:hsl(200 3% 62%);
  --dorado:hsl(42 78% 62%);
  --turquesa:#28C8C8;
  --linea:hsl(193 30% 14%);
  --radio:9px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:'Lato',system-ui,sans-serif;font-size:17px;line-height:1.65}
main{max-width:680px;margin:0 auto;padding:28px 16px 48px}
.logo{display:block;width:168px;max-width:60%;height:auto;margin:0 0 28px}
h1,h2{font-family:'Montserrat',system-ui,sans-serif;color:var(--dorado);letter-spacing:.01em}
h1{font-size:30px;font-weight:800;line-height:1.2;margin:0 0 8px}
h2{font-size:19px;font-weight:700;margin:32px 0 8px}
p{margin:0 0 12px}
.meta{color:var(--suave);font-size:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--linea)}
.meta span{color:var(--turquesa)}
ul{margin:0 0 12px;padding:0;list-style:none}
li{position:relative;padding-left:20px;margin:0 0 10px}
li::before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--turquesa)}
a{color:var(--dorado);text-decoration-color:var(--turquesa);text-underline-offset:3px;word-break:break-word}
a:focus-visible{outline:2px solid var(--turquesa);outline-offset:2px;border-radius:2px}
.contacto{background:var(--panel);border:1px solid var(--linea);border-left:3px solid var(--dorado);border-radius:var(--radio);padding:14px 16px;margin-top:8px}
footer{border-top:1px solid var(--linea);margin-top:36px;padding-top:14px;color:var(--suave);font-size:16px}
.logo-link{display:inline-block}
nav.pie{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px}
.pasos{margin:8px 0 0;padding:0;list-style:none;counter-reset:p}
.pasos li{padding-left:52px;margin:0 0 18px;min-height:40px}
.pasos li::before{counter-increment:p;content:counter(p);left:0;top:0;width:36px;height:36px;border-radius:50%;
  background:var(--turquesa);color:#030A0C;font:700 17px/36px 'Montserrat',system-ui,sans-serif;text-align:center}
.pasos b{display:block;font-family:'Montserrat',system-ui,sans-serif;color:var(--texto)}
.lead{font-size:19px;line-height:1.6;margin:0 0 20px}
code{font-size:16px;word-break:break-word;color:var(--texto)}