@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/Familjen-latin.woff2?v=414d5dfe5f3d) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Karla';font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/Karla-latin.woff2?v=cd614fed3fa0) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/Martian-latin.woff2?v=d0be3a78a854) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --paper:#F4F7F4; --paper-2:#E2ECE7; --card:#FFFFFF; --ink:#17373A; --ink-2:#466064;
  --rule:#17373A; --hair:#B9CDC8; --pink:#F4A47E; --pink-ink:#17373A; --link:#075D64;
  --free:#0B6B66; --paid:#8A4B00; --dark:#123F43; --on-dark:#F4F7F4; --muted-dark:#C2DAD6;
  --wrap:1180px; --prose:74ch; --r:6px;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#10282B; --paper-2:#183438; --card:#1D3A3D; --ink:#EDF5EF; --ink-2:#BCD2CE;
    --rule:#C8DBD6; --hair:#476667; --link:#9DE3D9; --free:#5FD3C9; --paid:#F2B866;
    --dark:#0B2124; --on-dark:#EDF5EF; --muted-dark:#BCD2CE;
  }
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-padding-top:12px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Karla',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:18px;line-height:1.62;-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:'Familjen Grotesk','Arial',sans-serif;line-height:1.1;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2rem,1.3rem + 2.7vw,3.25rem)}
h2{font-size:clamp(1.5rem,1.15rem + 1.25vw,2.15rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.ce-skip{position:absolute;left:-9999px;top:0;min-height:44px;min-width:44px;padding:10px;background:var(--card);color:var(--ink)}
.ce-skip:focus{left:8px;z-index:9}
.ce-in{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.ce-mono{font-family:'Martian Mono',ui-monospace,Consolas,monospace;font-size:.74rem;letter-spacing:.02em}
/* cabecera: franja de tablero */
.ce-top{background:var(--dark);color:var(--on-dark)}
.ce-topin{display:flex;align-items:center;gap:16px;min-height:72px;flex-wrap:wrap}
.ce-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--on-dark);min-height:44px;min-width:0;flex:0 1 auto}
.ce-brand img{height:26px;width:auto;background:#fff;border-radius:4px;padding:3px 6px;box-sizing:content-box}
.ce-brand span{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:1.04rem;line-height:1.12;min-width:0;overflow-wrap:anywhere}
.ce-brand small{display:block;font-family:'Martian Mono',monospace;font-size:.64rem;font-weight:400;color:var(--muted-dark)}
.ce-nav{margin-left:auto;min-width:0}
.ce-nav ul{display:flex;list-style:none;margin:0;padding:0}
.ce-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 9px;color:var(--on-dark);text-decoration:none;font-size:.95rem;border-bottom:3px solid transparent;white-space:nowrap}
.ce-nav a:hover{border-bottom-color:var(--pink)}
.ce-nav a[aria-current=page]{border-bottom-color:var(--pink);font-weight:700}
.ce-menu{display:none}
@media (max-width:1120px){
  .ce-nav{display:none}
  .ce-menu{display:block;margin-left:auto}
  .ce-menu summary{list-style:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 14px;border:2px solid var(--on-dark);border-radius:var(--r);cursor:pointer;font-weight:700}
  .ce-menu summary::-webkit-details-marker{display:none}
  .ce-menu ul{list-style:none;margin:8px 0 10px;padding:0}
  .ce-menu a{display:flex;align-items:center;min-height:44px;padding:0 6px;color:var(--on-dark)}
}
.ce-crumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:10px 0 0;gap:0 6px;font-size:.9rem}
.ce-crumbs li+li::before{content:"›";margin-right:6px;color:var(--ink-2)}
.ce-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* hero */
.ce-hero{padding:30px 0 22px;background:linear-gradient(var(--paper-2),var(--paper))}
.ce-hero .ce-in>p.ce-lede{font-size:1.16rem;max-width:64ch;color:var(--ink-2);margin:0 0 20px}
.ce-find{display:flex;flex-wrap:wrap;max-width:860px;margin:0 0 10px;background:var(--card);border:2px solid var(--rule);border-radius:var(--r);box-shadow:5px 5px 0 var(--pink)}
.ce-find label{flex:1 0 100%;padding:8px 16px 0;color:var(--ink-2)}
.ce-find input[type=search]{flex:1 1 300px;min-width:0;min-height:58px;border:0;background:transparent;padding:0 16px;font:inherit;font-size:1.08rem;color:var(--ink)}
.ce-find input::placeholder{color:var(--ink-2);opacity:1}
.ce-find button{min-height:58px;min-width:44px;padding:0 30px;border:0;border-left:2px solid var(--rule);background:var(--pink);color:var(--pink-ink);font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;border-radius:0 var(--r) var(--r) 0}
.ce-find button:hover{filter:brightness(1.08)}
@media (max-width:560px){.ce-find button{flex:1 1 100%;border-left:0;border-top:2px solid var(--rule);border-radius:0 0 var(--r) var(--r)}}
.ce-sub{display:flex;flex-wrap:wrap;gap:0 24px;list-style:none;margin:0;padding:0}
.ce-sub a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:.95rem;color:var(--ink)}
/* regla de días */
.ce-ruler{position:relative;height:42px;margin:2px 0 18px;max-width:760px;border-bottom:2px solid var(--rule)}
.ce-ruler::before{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 7.5%)}
.ce-ruler .z{position:absolute;bottom:0;height:8px;background:var(--free);opacity:.35}
.ce-ruler .z.p{background:var(--paid)}
.ce-ruler b{position:absolute;bottom:10px;transform:translateX(-50%);font-family:'Martian Mono',monospace;font-size:.66rem;font-weight:600;white-space:nowrap;color:var(--ink)}
.ce-ruler b::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:12px;background:var(--pink)}
.ce-ruler b.e{transform:translateX(-100%)}
.ce-ruler b.s{transform:none}
/* secciones */
.ce-sec{padding:44px 0;border-top:1px solid var(--hair)}
.ce-sec h2{max-width:var(--prose)}
.ce-prose{max-width:var(--prose)}
.ce-prose ul,.ce-prose ol{padding-left:1.3em;margin:0 0 1em}
.ce-prose li{margin:0 0 .4em}
.ce-split{display:grid;grid-template-columns:55fr 45fr;gap:36px;align-items:stretch;margin:8px 0 22px}
.ce-split>*{min-width:0}
.ce-split.ce-flip{grid-template-columns:45fr 55fr}
.ce-split.ce-flip>figure{order:2}
.ce-split>div>p:last-child{margin-bottom:0}
@media (max-width:880px){.ce-split,.ce-split.ce-flip{grid-template-columns:1fr}.ce-split.ce-flip>figure{order:0}}
.ce-fig{margin:0;background:var(--card);border:1px solid var(--hair);border-top:4px solid var(--rule);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.ce-fig img{width:100%;height:auto}
.ce-fig figcaption{font-size:.88rem;line-height:1.45;color:var(--ink-2)}
.ce-fig figcaption::before{content:"";display:inline-block;width:8px;height:8px;background:var(--pink);margin-right:7px;vertical-align:1px}
.ce-wide{max-width:var(--prose);margin:6px 0 22px}
/* tablero (cuadro de datos) */
.ce-board{overflow-x:auto;max-width:100%;margin:8px 0 22px;border:2px solid var(--rule);border-radius:var(--r);background:var(--card)}
.ce-board table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:620px}
.ce-board caption{text-align:left;padding:10px 12px;font-weight:700;background:var(--dark);color:var(--on-dark)}
.ce-board th,.ce-board td{padding:8px 10px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.ce-board thead th{font-family:'Martian Mono',monospace;font-size:.7rem;font-weight:600;background:var(--paper-2)}
.ce-board td.n{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:'Martian Mono',monospace;font-size:.84rem}
.ce-board a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* pasos numerados tipo andén */
.ce-gates{list-style:none;margin:0 0 1.2em;padding:0;counter-reset:g;max-width:var(--prose)}
.ce-gates>li{position:relative;padding:2px 0 12px 62px;min-height:48px}
.ce-gates>li::before{counter-increment:g;content:counter(g,decimal-leading-zero);position:absolute;left:0;top:0;width:46px;height:38px;display:flex;align-items:center;justify-content:center;font-family:'Martian Mono',monospace;font-weight:600;background:var(--dark);color:var(--on-dark);border-radius:4px}
.ce-note{border-left:5px solid var(--pink);background:var(--card);padding:12px 16px;margin:0 0 1.2em;max-width:var(--prose);border-radius:0 var(--r) var(--r) 0}
.ce-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:6px 0 22px}
.ce-two>div{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);padding:14px 16px;min-width:0}
.ce-two h3{margin-bottom:.35em}
.ce-two p:last-child{margin-bottom:0}
@media (max-width:760px){.ce-two{grid-template-columns:1fr}}
/* muro de categorías */
.ce-wall h2{max-width:none}
.ce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:12px 0 0;padding:0}
.ce-grid>li{min-width:0}
.ce-tile{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--hair);border-radius:var(--r);overflow:hidden}
.ce-tile:hover{border-color:var(--pink)}
.ce-tile img{width:100%;aspect-ratio:1/1;object-fit:cover}
.ce-tile b{display:block;padding:9px 12px 0;font-family:'Familjen Grotesk',sans-serif;font-size:1.08rem;line-height:1.15}
.ce-tile span{display:block;padding:2px 12px 10px;font-size:.86rem;color:var(--ink-2);min-height:44px}
.ce-tile em{font-style:normal;font-family:'Martian Mono',monospace;font-size:.62rem;padding:0 12px 10px;color:var(--ink-2)}
.ce-gh{grid-column:1/-1;margin:12px 0 0;padding:6px 0 0;border-top:2px solid var(--rule);font-family:'Familjen Grotesk',sans-serif;font-weight:700}
@media (max-width:900px){.ce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* índice de páginas */
.ce-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;margin:0;padding:0}
.ce-index li{border-bottom:1px solid var(--hair);padding:8px 0}
.ce-index a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.ce-index span{display:block;font-size:.92rem;color:var(--ink-2)}
@media (max-width:760px){.ce-index{grid-template-columns:1fr}}
/* preguntas */
.ce-faq details{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);margin:0 0 10px;max-width:var(--prose)}
.ce-faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 14px;font-weight:700}
.ce-faq details>div{padding:0 14px 12px}
.ce-go{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid var(--rule);border-radius:var(--r);background:var(--pink);color:var(--pink-ink);font-weight:700;text-decoration:none}
/* planificador */
.ce-plan{background:var(--card);border:2px solid var(--rule);border-radius:var(--r);padding:18px;margin:8px 0 22px}
.ce-plan fieldset{border:0;margin:0 0 14px;padding:0;min-width:0}
.ce-plan legend{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:1.15rem;margin-bottom:8px}
.ce-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 10px}
.ce-row label{display:flex;flex-direction:column;font-size:.88rem;gap:3px;min-width:0}
.ce-plan input,.ce-plan select{min-height:44px;padding:0 10px;font:inherit;font-size:.98rem;border:2px solid var(--rule);border-radius:var(--r);background:var(--paper);color:var(--ink);max-width:100%}
.ce-plan input[type=number]{width:110px}
.ce-plan input[type=text]{width:180px}
.ce-plan button{min-height:44px;min-width:44px;padding:0 14px;font:inherit;font-weight:700;border:2px solid var(--rule);border-radius:var(--r);background:var(--paper-2);color:var(--ink);cursor:pointer}
.ce-plan button.ce-main{background:var(--pink);color:var(--pink-ink)}
.ce-out{margin-top:12px}
.ce-gantt{list-style:none;margin:10px 0;padding:0}
.ce-gantt li{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;margin:0 0 6px;font-size:.88rem}
.ce-gantt .bar{position:relative;height:22px;background:var(--paper-2);border-radius:3px;overflow:hidden}
.ce-gantt .bar i{position:absolute;top:0;bottom:0;background:var(--free)}
.ce-gantt .bar i.late{background:var(--paid)}
.ce-gantt .bar s{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--pink)}
.ce-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ce-res>div{border:1px solid var(--hair);border-radius:var(--r);padding:10px 12px;background:var(--paper)}
.ce-res b.big{display:block;font-family:'Martian Mono',monospace;font-size:1.2rem}
@media (max-width:700px){.ce-res{grid-template-columns:1fr}.ce-gantt li{grid-template-columns:1fr}}
/* pie */
.ce-foot{background:var(--dark);color:var(--on-dark);padding:38px 0 26px;margin-top:10px}
.ce-foot a{color:var(--on-dark);display:inline-flex;align-items:center;min-height:44px}
.ce-footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
.ce-footgrid>*{min-width:0}
.ce-footgrid h2{font-size:1.05rem;color:var(--on-dark)}
.ce-footgrid ul{list-style:none;margin:0;padding:0}
.ce-footlogo{background:#fff;display:inline-block;padding:6px 10px;border-radius:4px;margin-bottom:10px}
.ce-footlogo img{height:22px;width:auto}
.ce-foot p{color:var(--muted-dark);font-size:.92rem}
@media (max-width:880px){.ce-footgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ce-footgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The buying desk: original type and calendar tools with a quieter editorial rhythm. */
.ce-topin{flex-wrap:nowrap}
.ce-nav a{padding-inline:10px;font-size:.9rem}
.ce-brand small{font-family:inherit;font-size:.75rem;margin-top:3px}
.ce-hero{padding:34px 0 25px;background:var(--paper-2)}
.ce-hero h1{max-width:26ch;font-size:clamp(2rem,1.1rem + 2.4vw,3.15rem)}
.ce-find{box-shadow:none;border-color:var(--free);max-width:900px;margin-top:18px}
.ce-find button{border-color:var(--free)}
.ce-wall{padding-top:30px}
.ce-wall .ce-grid{gap:18px;margin-top:24px}
.ce-tile{border:0;border-bottom:2px solid var(--hair);border-radius:0}
.ce-tile img{aspect-ratio:4/3;object-position:center}
.ce-tile b{padding-top:12px}
.ce-tile span{padding-bottom:12px;line-height:1.4}
.ce-tile em{display:none}
.ce-tile:hover{border-color:var(--link);text-decoration:underline}
.ce-reading{max-width:78ch;margin:16px 0}
.ce-reading>div{width:100%}
.ce-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:24px}
.ce-intro-grid>div{min-width:0;padding-left:20px;border-left:4px solid var(--free)}
.ce-intro-grid h3{font-size:1.5rem}
.ce-intro-grid p:last-child{margin-bottom:0}
.ce-fig{justify-content:flex-start;border-top-width:1px;padding:0;overflow:hidden;border-radius:0}
.ce-fig figcaption{padding:12px 14px}
.ce-fig figcaption::before{display:none}
.ce-split .ce-fig{align-self:start}
.ce-tutorial{padding-block:34px}
.ce-tutorial .ce-in{max-width:1100px}
.ce-tutorial .ce-fig{margin:24px 0;max-width:1050px;background:#fff}
.ce-tutorial .ce-fig figcaption{background:var(--card)}
.ce-toc{columns:2;max-width:900px;padding-left:1.5em;column-gap:42px}
.ce-toc li{break-inside:avoid;padding-block:5px}
.ce-toc a{display:inline-flex;align-items:center;min-height:44px}
.ce-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px;list-style:none;padding:0;margin:20px 0}
.ce-next a{display:block;padding:18px 0;border-bottom:1px solid var(--hair);text-decoration:none}
.ce-next b{display:block;font-size:1.22rem}
.ce-next span{display:block;color:var(--ink-2)}
.ce-next a:hover b{text-decoration:underline}
.ce-notice{padding:12px 16px;background:var(--paper-2);border-left:4px solid var(--paid);font-size:.95rem}
.ce-log{max-width:78ch}.ce-log dt{font-weight:700}.ce-log dd{margin:0 0 24px}
.ce-board{border-width:1px}.ce-plan{border-color:var(--free)}
.ce-plan .ce-row{gap:12px}.ce-out{border-top:1px solid var(--hair);padding-top:20px}
.ce-foot{margin-top:0}
@media(max-width:1120px){.ce-topin{flex-wrap:wrap;position:relative}.ce-menu[open]{width:100%;margin-left:0}.ce-menu[open] summary{position:absolute;right:24px;top:14px}.ce-menu[open] nav{padding-block:8px}}
@media(max-width:760px){.ce-intro-grid,.ce-next{grid-template-columns:1fr;gap:22px}.ce-toc{columns:1}.ce-in{padding-inline:20px}.ce-sec{padding-block:32px}.ce-plan{padding:12px}.ce-hero{padding-top:26px}.ce-grid{gap:12px}.ce-wall .ce-grid{gap:12px}.ce-tile b{font-size:1rem;padding-inline:8px}.ce-tile span{font-size:.82rem;padding-inline:8px}.ce-brand img{display:none}.ce-brand span{font-size:1.1rem}.ce-menu[open] summary{right:20px}.ce-split{gap:24px}.ce-row label{flex:1 1 130px}.ce-plan input[type=text],.ce-plan input[type=number]{width:100%}.ce-tutorial .ce-fig{margin-block:18px}.ce-tutorial{padding-block:26px}}