/* Mark Findings · web · generado desde tokens v1.0 */
/* Fuentes servidas por nosotros: 157 KB en total, sin petición a terceros y sin esperar a
   que responda un dominio ajeno. También evita que el visitante quede registrado en un servidor
   de fuentes solo por entrar. */
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url('/static/fonts/PlexSans-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-style:normal;font-display:swap;src:url('/static/fonts/PlexSans-500.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;src:url('/static/fonts/PlexSans-600.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Serif';font-weight:400;font-style:normal;font-display:swap;src:url('/static/fonts/PlexSerif-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Serif';font-weight:400;font-style:italic;font-display:swap;src:url('/static/fonts/PlexSerif-400i.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Serif';font-weight:600;font-style:normal;font-display:swap;src:url('/static/fonts/PlexSerif-600.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;src:url('/static/fonts/PlexMono-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url('/static/fonts/PlexMono-500.woff2') format('woff2');}
:root{
  --papel:#FBFBF9; --papel-alt:#F4F4F1; --tinta:#16181C;
  --grafito:#5A5F6A; --tenue:#8C9199; --filete:#DCDDE0;
  --acento:#243B53; --limpio:#2F6F4E; --criterio:#9A6508;
  --impedimento:#9E2B20; --sindato:#8C9199;
  --display:'IBM Plex Sans',system-ui,sans-serif;
  --texto:'IBM Plex Serif',Georgia,serif;
  --dato:'IBM Plex Mono',ui-monospace,monospace;
  --ancho:1080px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--texto);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.env{max-width:var(--ancho);margin:0 auto;padding:0 24px;}
a{color:var(--acento);text-decoration:none;border-bottom:1px solid rgba(36,59,83,.3);}
a:hover{border-bottom-color:var(--acento);}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.015em;line-height:1.12;}
h1{font-size:clamp(38px,6vw,68px);}
h2{font-size:clamp(26px,3.4vw,38px);margin-bottom:14px;}
h3{font-size:20px;margin-bottom:8px;}
p{margin:0 0 16px;}
.mono{font-family:var(--dato);}
.et{font-family:var(--dato);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acento);margin-bottom:14px;}
.guia{font-size:20px;line-height:1.5;color:var(--grafito);max-width:62ch;}
.nota{font-size:14px;line-height:1.5;color:var(--grafito);}

header.top{border-bottom:1px solid var(--filete);position:sticky;top:0;background:var(--papel);z-index:20;}
header.top .env{display:flex;align-items:center;justify-content:space-between;height:66px;gap:20px;}
.wm{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.02em;
  border:0;color:var(--tinta);}
.wm small{display:block;font-family:var(--dato);font-weight:400;font-size:9.5px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--tenue);margin-top:2px;}
nav.top{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end;}
nav.top a{border:0;font-family:var(--display);font-size:14.5px;color:var(--grafito);
  white-space:nowrap;}
nav.top a:hover{color:var(--tinta);}

section{padding:84px 0;border-bottom:1px solid var(--filete);}
section.hero{padding:96px 0 76px;border-bottom:0;}
.hero h1{max-width:20ch;}
.hero .guia{margin-top:26px;font-size:22px;}

.btn{display:inline-block;font-family:var(--display);font-weight:500;font-size:16px;
  padding:14px 26px;background:var(--tinta);color:var(--papel);border:1px solid var(--tinta);
  border-radius:2px;cursor:pointer;}
.btn:hover{background:var(--acento);border-color:var(--acento);}
.btn.sec{background:transparent;color:var(--tinta);}
.btn.sec:hover{background:var(--papel-alt);color:var(--tinta);}

.rej{display:grid;gap:28px;}
.rej2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.rej3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

.tarjeta{border:1px solid var(--filete);padding:28px;background:var(--papel);}
.tarjeta.destaca{border-color:var(--tinta);border-width:2px;}
.precio{font-family:var(--display);font-weight:600;font-size:42px;letter-spacing:-.02em;}
.precio small{font-size:15px;font-weight:400;color:var(--tenue);}
ul.lista{list-style:none;padding:0;margin:16px 0 0;font-size:15.5px;}
ul.lista li{padding:7px 0 7px 20px;position:relative;border-top:1px solid var(--filete);}
ul.lista li:before{content:'';position:absolute;left:0;top:15px;width:7px;height:7px;
  border-radius:50%;background:var(--acento);}
ul.lista li.no:before{background:transparent;border:1px solid var(--tenue);}

/* herramienta */
.tool{background:var(--papel-alt);border:1px solid var(--filete);padding:30px;}
.campo{display:block;margin-bottom:16px;}
.campo span{display:block;font-family:var(--dato);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tenue);margin-bottom:6px;}
input[type=text],select{width:100%;font-family:var(--texto);font-size:17px;padding:12px 14px;
  border:1px solid var(--filete);background:var(--papel);color:var(--tinta);border-radius:2px;}
input:focus,select:focus{outline:2px solid var(--acento);outline-offset:-1px;}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;}
.chip{font-family:var(--dato);font-size:14.5px;padding:9px 13px;border:1px solid var(--filete);
  background:var(--papel);cursor:pointer;display:flex;align-items:center;gap:8px;}
.chip:hover{border-color:var(--tinta);}
.chip.sel{border-color:var(--acento);background:#fff;}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--filete);display:inline-block;}
.chip i.limpio{background:var(--limpio);} .chip i.ocupado{background:var(--impedimento);}
.chip i.cargando{background:var(--criterio);}
.aviso{border-left:3px solid var(--criterio);background:var(--papel);padding:16px 18px;
  font-size:14.5px;margin-top:20px;}

table.web{width:100%;border-collapse:collapse;font-size:15px;}
table.web th{font-family:var(--dato);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tenue);text-align:left;padding:10px 12px 10px 0;border-bottom:1.5px solid var(--tinta);}
table.web td{padding:12px 12px 12px 0;border-bottom:1px solid var(--filete);vertical-align:top;}

details{border-bottom:1px solid var(--filete);padding:16px 0;}
details summary{font-family:var(--display);font-weight:500;font-size:17.5px;cursor:pointer;
  list-style:none;display:flex;justify-content:space-between;gap:16px;}
details summary::-webkit-details-marker{display:none;}
details summary:after{content:'+';color:var(--tenue);font-family:var(--dato);}
details[open] summary:after{content:'–';}
details .cont{padding-top:12px;max-width:70ch;color:var(--grafito);font-size:16px;}

footer{padding:52px 0 64px;background:var(--papel-alt);}
footer .env{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;}
footer a{color:var(--grafito);border:0;font-size:14px;display:block;padding:3px 0;}
footer a:hover{color:var(--tinta);}
.legal-nota{font-size:12.5px;color:var(--tenue);max-width:46ch;line-height:1.55;}

.ia{border:1px solid var(--filete);background:var(--papel-alt);padding:18px 20px;font-size:14px;
  line-height:1.5;color:var(--grafito);}
.hero-rej{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:start;}
.muestra{border:1px solid var(--filete);background:var(--papel-alt);padding:22px 24px;margin-top:38px;}
table.web.mini th, table.web.mini td{padding:8px 8px 8px 0;font-size:13.5px;}
table.web.mini th.c, table.web.mini td.c{text-align:center;padding-right:0;}
.punto{display:inline-block;width:9px;height:9px;border-radius:50%;}
.punto.limpio{background:var(--limpio);} .punto.criterio{background:var(--criterio);}
.punto.impedimento{background:var(--impedimento);}
.punto.sindato{background:transparent;border:1px solid var(--sindato);}
@media (max-width:900px){ .hero-rej{grid-template-columns:1fr;gap:8px;} }
.ia b{color:var(--tinta);font-family:var(--display);font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;display:block;margin-bottom:6px;}

@media (max-width:760px){
  section{padding:56px 0;} .hero{padding:60px 0 48px;}
  /* En móvil el encabezado ocupa dos líneas: pegado arriba se comería un quinto de la
     pantalla, así que ahí deja de ser fijo. */
  header.top{position:static;}
  nav.top{gap:12px 16px;justify-content:flex-start;}
  nav.top a{font-size:13.5px;}
  header.top .env{height:auto;padding:12px 20px;flex-wrap:wrap;}
  body{font-size:16px;} .hero .guia{font-size:19px;}
}