@font-face{font-family:Hornbill;font-style:normal;font-weight:900;font-display:swap;unicode-range:U+0000-002F,U+003A-10FFFF;src:url(/assets/c/fonts/hornbill-black.otf) format("opentype")}
@font-face{font-family:Hornbill;font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-002F,U+003A-10FFFF;src:url(/assets/c/fonts/hornbill-bold.otf) format("opentype")}
@font-face{font-family:Bricolage;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/c/fonts/bricolage.woff2) format("woff2")}
@font-face{font-family:Kalam;font-weight:400;font-display:swap;src:url(/assets/c/fonts/kalam.woff2) format("woff2")}
@font-face{font-family:Hanken;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/c/fonts/hanken.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500 700;font-display:swap;src:url(/assets/c/fonts/jbmono.woff2) format("woff2")}
:root{--mk0:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4.5%204.7L32.0%208.4L67.4%2010.6L99.1%209.3L133.0%2011.7L167.8%2015.6L192.7%2015.2L192.4%2037.0L168.2%2039.3L132.8%2035.7L100.4%2032.2L65.3%2031.2L33.5%2031.4L-3.0%2029.8Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk1:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M5.5%2016.7L33.0%2012.1L68.0%2011.3L101.1%2012.9L134.4%2012.4L167.8%2011.2L193.2%207.8L191.0%2026.5L168.4%2026.6L135.1%2031.2L98.2%2028.3L68.4%2031.1L33.0%2032.3L4.9%2031.0Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk2:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M5.7%209.8L34.1%208.8L68.6%207.0L99.1%203.6L131.8%202.1L167.8%202.7L199.9%20-1.5L199.4%2031.0L168.6%2031.9L133.5%2032.7L100.0%2038.4L67.5%2038.1L32.6%2038.3L0.8%2040.1Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk3:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2.4%2011.8L32.6%207.2L67.9%207.3L100.6%206.4L133.2%208.1L166.9%207.1L198.1%204.2L196.8%2029.3L166.5%2030.0L133.2%2033.0L98.2%2032.9L68.4%2035.0L31.8%2037.0L1.4%2037.3Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk4:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4.7%2014.8L32.2%2010.3L67.7%2011.4L100.1%2012.9L132.1%2011.7L166.1%2011.1L196.4%208.5L194.2%2037.2L168.6%2033.5L131.3%2034.9L98.1%2037.5L68.3%2038.9L34.6%2036.6L5.4%2038.7Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk5:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M-1.4%2010.7L29.6%2011.6L57.4%209.3L86.9%209.7L113.3%207.6L144.6%209.7L172.1%207.5L200.4%205.6L199.0%2032.6L170.8%2035.3L144.8%2033.1L114.2%2036.5L85.9%2037.1L55.7%2036.3L27.9%2037.8L3.8%2041.3Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk6:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3.9%2014.6L27.3%2015.9L56.5%2016.1L87.5%2012.7L112.5%2011.7L142.2%2011.7L172.0%2010.1L196.4%208.4L198.2%2025.3L169.9%2026.7L143.0%2026.6L114.1%2030.5L83.8%2032.0L56.5%2033.5L28.8%2034.4L5.8%2036.2ZM3.6%2015.0L192.1%2018.3L194.8%2022.7L3.5%2022.9Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk7:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2.5%2015.5L27.1%2013.5L58.7%2014.0L85.2%2011.6L115.9%2011.9L142.0%208.5L173.3%209.0L195.4%208.8L199.6%2030.8L169.8%2032.5L141.1%2030.1L116.0%2035.3L83.9%2034.7L58.2%2035.2L27.7%2038.3L6.1%2038.7Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk8:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M5.9%207.3L28.6%207.4L56.0%205.7L87.5%205.6L114.5%208.2L143.4%204.3L170.4%202.6L197.8%204.0L191.4%2029.0L172.7%2029.7L141.5%2032.0L113.8%2029.1L85.9%2032.3L56.7%2034.0L27.5%2033.8L-2.8%2036.2Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk9:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M5.6%2012.0L30.0%2014.8L55.5%209.9L87.5%2012.0L112.6%207.1L144.6%208.2L172.9%205.2L199.3%203.7L196.4%2023.7L171.6%2029.9L143.9%2030.7L113.4%2032.1L84.0%2033.1L56.9%2031.2L30.1%2036.1L1.8%2035.2ZM3.4%2012.9L193.8%2017.3L197.1%2020.4L8.0%2021.4Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk10:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0.9%202.5L28.8%203.4L56.3%206.2L85.8%205.9L113.3%208.9L143.1%207.6L172.6%209.2L195.9%209.5L190.9%2032.6L173.4%2030.0L142.7%2031.1L114.8%2030.5L84.1%2030.0L55.7%2027.6L28.6%2026.1L8.3%2025.8Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mk11:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M5.4%203.5L25.5%203.4L49.5%203.9L73.3%206.6L101.7%203.2L125.1%207.7L149.2%205.8L173.8%208.0L199.1%208.0L192.5%2037.6L173.2%2038.3L148.6%2039.3L126.1%2035.9L101.5%2034.5L75.5%2032.1L51.5%2032.4L26.1%2031.5L5.3%2030.2ZM2.3%207.6L192.3%205.6L197.9%2014.1L3.0%2016.5Z%22%20fill%3D%22%23F6C302%22%20stroke%3D%22%23F6C302%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");--mkp:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2.4%2011.8L32.6%207.2L67.9%207.3L100.6%206.4L133.2%208.1L166.9%207.1L198.1%204.2L196.8%2029.3L166.5%2030.0L133.2%2033.0L98.2%2032.9L68.4%2035.0L31.8%2037.0L1.4%2037.3Z%22%20fill%3D%22%23AA5CFF%22%20stroke%3D%22%23AA5CFF%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
:root{--bg:#F5F2EA;--card:#FBFAF6;--ink:#291C20;--muted:#6f6468;--purple:#AA5CFF;--tint:#EFE4FB;--yellow:#F6C302;--line:rgba(41,28,32,.16);
--display:Hornbill,Bricolage,Georgia,serif;--sans:Hanken,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;position:relative;background-color:var(--bg);background-image:linear-gradient(90deg,transparent 0 36px,rgba(217,88,77,.5) 37px 39px,transparent 40px),repeating-linear-gradient(transparent 0 33px,rgba(120,165,205,.34) 33px 34px);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;position:relative}
.narrow{max-width:760px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.center{text-align:center}

/* cabecera */
.top{position:sticky;top:0;z-index:20;background:rgba(245,242,234,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1.5px solid var(--ink)}
.bar{display:flex;align-items:center;gap:24px;min-height:64px}
.logo{display:block;line-height:0}.logo img{display:block}
.links{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:600}
.links a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.links a:hover,.links a[aria-current]{border-color:var(--purple)}

/* botones */
.pill,.btn,.ml-form-embedSubmit button{display:inline-block;padding:12px 22px;border:1.5px solid var(--ink);border-radius:8px;background:var(--purple);color:var(--ink);font:700 15px/1.2 var(--sans);text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s;cursor:pointer}
.pill:hover,.btn:hover,.ml-form-embedSubmit button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.pill:active,.btn:active,.ml-form-embedSubmit button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.pill-sm{padding:8px 16px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}
.pill-ghost,.pill-light{background:var(--card)}

/* etiquetas */
.tag{display:inline-block;padding:5px 9px;border:1.5px solid var(--ink);border-radius:4px;background:var(--yellow);font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;text-decoration:none}
a.tag:hover{background:var(--purple)}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--yellow);border:1.5px solid var(--ink)}
.center.eyebrow,.eyebrow.center{justify-content:center}

/* titulares */
.h-light,.h-bold{display:block;font:800 1em/1.02 var(--display);letter-spacing:-.035em}
.h-light{color:var(--ink)}
h1,.sec-title,.page-title{margin:0;font-size:clamp(38px,6vw,68px)}
.home h1{font-size:clamp(34px,4.4vw,56px)}
.sec-title{font-size:clamp(30px,4.6vw,52px);margin-bottom:36px}
.page-title{font-size:clamp(34px,5.4vw,60px);margin-bottom:40px}
.circled,b.u,b.mark{background-image:var(--mk,var(--mk0));background-repeat:no-repeat;background-size:var(--mw,110%) var(--mh,55%);background-position:var(--mx,-5%) var(--my,96%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.circled{padding:0 .12em;margin:0 -.06em}
.lead{font-size:clamp(17px,1.9vw,20px);line-height:1.6;max-width:540px;margin:24px 0 0;color:#3d3135}
b.u{font-weight:700;padding:0 .08em}
b.mark{font-weight:700;padding:0 .1em}

/* hero */
.hero{padding:56px 0 36px}
.hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:48px;align-items:center}
.signup{position:relative;background:var(--tint);border:1.5px solid var(--ink);border-radius:12px;padding:26px 24px 24px;box-shadow:5px 5px 0 var(--ink)}
.signup .hand{font:700 22px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 14px;color:var(--ink)}
.signup-end{margin:48px 0 28px}
.note{position:absolute;z-index:2;display:block;min-width:64px;padding:11px 18px 13px;background:#FFE066;font:400 22px/1 Kalam,"Comic Sans MS",cursive;font-style:normal;color:var(--ink);text-align:center;letter-spacing:.02em;box-shadow:0 10px 16px -8px rgba(41,28,32,.45),1px 2px 0 rgba(41,28,32,.08);pointer-events:none}
.note::before{content:"";position:absolute;top:-10px;left:50%;width:44px;height:16px;translate:-50% 0;rotate:-2deg;background:rgba(255,255,255,.6);border:1px solid rgba(41,28,32,.08);box-shadow:0 1px 2px rgba(41,28,32,.08)}
.signup .note{right:20px;top:-36px;rotate:4deg}

/* formulario MailerLite */
.ml-form-embedContainer{margin:0}
.ml-form-embedBody form{display:flex;flex-direction:column;gap:12px}
.ml-form-embedBody input[type=email]{width:100%;padding:13px 15px;font:inherit;font-size:16px;border:1.5px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);box-shadow:2px 2px 0 var(--ink);outline-offset:3px}
.ml-form-checkboxRow label{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;cursor:pointer;color:var(--muted)}
.ml-form-checkboxRow input{margin-top:3px;accent-color:var(--purple)}
.ml-form-checkboxRow p{margin:0}
.ml-form-embedSubmit button{width:100%;padding:14px 20px}
.ml-error input[type=email]{border-color:#c0261a}
.ml-error .label-description{color:#c0261a}
.ml-form-successContent{text-align:center;padding:10px 0}.ml-form-successContent h4{font:700 30px var(--display);margin:0 0 6px}.ml-form-successContent p{margin:0}
.ml-form-embedSubmitLoad{width:20px;height:20px;border-radius:50%;border:4px solid var(--ink);border-top-color:transparent;animation:sp 1.2s linear infinite;margin:auto}
@keyframes sp{to{transform:rotate(360deg)}}

/* secciones y tarjetas */
.sec{padding:64px 0}
.sec.first{padding-top:52px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{position:relative;background:var(--card);border:1.5px solid var(--ink);border-radius:12px;padding:30px 28px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.card-lilac{background:var(--card)}
.ico{width:76px;height:76px;margin-bottom:12px}.ico svg{width:100%;height:100%}
.ico-lg{width:96px;height:96px;margin-bottom:18px}
.card .big{font:700 clamp(18px,1.8vw,21px)/1.4 var(--sans);margin:0}
.card h3{font:700 clamp(24px,2.8vw,32px)/1.08 var(--display);letter-spacing:-.03em;margin:0 0 12px}
.card p{margin:0 0 22px}


/* cuaderno: espiral + margen rojo + renglones */
.nb{padding-left:72px;background:linear-gradient(rgba(60,70,110,.09) 1px,transparent 1px) 0 0/100% 28px,var(--card)}
.nb::before{content:"";position:absolute;left:10px;top:18px;bottom:18px;width:30px;background:radial-gradient(ellipse 13px 5px at 50% 50%,#e2ddd3 0 50%,var(--ink) 56% 78%,transparent 82%) 0 0/30px 26px repeat-y}
.nb::after{content:"";position:absolute;left:52px;top:0;bottom:0;width:2px;background:rgba(214,70,70,.5)}
.badge{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 8px;margin-bottom:14px;background:var(--purple);border:1.5px solid var(--ink);border-radius:4px;font:700 12px var(--mono);box-shadow:2px 2px 0 var(--ink)}

/* tarjetas con portada de cuaderno */
.mod{padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}
.cover{position:relative;height:210px;border-bottom:1.5px solid var(--ink);background:var(--tint);display:grid;place-items:center;overflow:hidden}
.cover .ci{width:164px;height:164px;margin:-18px 0 0 10px;display:block}.cover .ci svg,.cover .ci img{width:100%;height:100%;display:block;object-fit:contain}
.cover .idx{position:absolute;left:18px;top:16px;padding:4px 9px;background:#fff;border:2.4px solid var(--ink);border-radius:6px 14px 6px 12px/12px 6px 14px 6px;font:700 12px var(--mono)}
.cover .lab{position:absolute;left:22px;bottom:18px;max-width:calc(100% - 44px);padding:3px 12px;background:var(--yellow);border:1.5px solid var(--ink);font:800 16px/1.25 var(--display);letter-spacing:-.015em}
.mod .body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.mod .big{margin:0}
.mod .pill{margin-top:auto}

/* listas de emails */
.email-list{display:flex;flex-direction:column;gap:10px}
.email-row{display:flex;align-items:center;gap:14px;background:var(--card);border:1.5px solid var(--ink);border-radius:10px;padding:13px 16px;text-decoration:none;box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}
.email-row:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:#fff}
.email-row .num{font:700 11px var(--mono);background:var(--yellow);border:1.5px solid var(--ink);border-radius:4px;padding:5px 8px;min-width:52px;text-align:center}
.email-row .t{flex:1;font-weight:600;line-height:1.35}
.email-row .go{font-size:20px;color:var(--ink)}
.email-row[hidden]{display:none}
.search input{width:100%;margin:0 0 18px;padding:13px 16px;font:inherit;font-size:16px;border:1.5px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.empty{text-align:center;color:var(--muted)}
.sec .center{margin-top:30px}

/* banda final */
.band{position:relative;background:var(--tint);border:1.5px solid var(--ink);border-radius:14px;padding:56px 28px;text-align:center;box-shadow:7px 7px 0 var(--ink)}
.band h2{margin:0 0 28px;font-size:clamp(28px,4.6vw,50px)}

/* contenido de páginas y posts */
.prose{font-size:18px;line-height:1.8}
.prose p{margin:0 0 1.2em}
.prose a{color:inherit;text-decoration:underline;text-decoration-color:var(--purple);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{background:var(--tint)}
.prose strong,.prose b{font-weight:700}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin-bottom:.4em}
.prose h2,.prose h3,article h2{font:700 clamp(24px,3.2vw,34px)/1.1 var(--display);letter-spacing:-.03em;margin:1.6em 0 .6em}
.prose blockquote{margin:1.6em 0;padding:8px 0 8px 20px;border-left:4px solid var(--purple);font:600 1.1em/1.5 var(--display)}
.media img{display:block;margin:28px auto;border:1.5px solid var(--ink);border-radius:10px}
.cta{text-align:center;margin:34px 0}
.embed{margin:24px 0}
.post .prose>p:first-child{font-size:20px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.pn a{display:block;background:var(--card);border:1.5px solid var(--ink);border-radius:10px;padding:16px 20px;text-decoration:none;line-height:1.35;box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.pn a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.pn a.r{text-align:right}
.pn small{display:block;margin-bottom:4px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pn span{font-weight:600}

/* formulario de solicitud */
.form-card{background:var(--card);border:1.5px solid var(--ink);border-radius:12px;padding:28px;margin:34px 0;box-shadow:5px 5px 0 var(--ink)}
.req-form{display:grid;gap:18px}
.req-form label{display:grid;gap:6px;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.req-form input,.req-form textarea{width:100%;padding:12px 14px;font:400 16px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:8px;outline:none;box-shadow:2px 2px 0 var(--ink)}
.req-form input:focus,.req-form textarea:focus{border-color:var(--purple);box-shadow:2px 2px 0 var(--purple)}
.req-form .hp{position:absolute;left:-9999px}
.req-form .btn{justify-self:start}
.req-msg{margin:0;font-weight:700}
.req-msg.ok{color:#1d7a46}.req-msg.err{color:#c0261a}

/* pie */
.foot{padding:44px 0 36px;text-align:center;border-top:1.5px solid var(--ink);margin-top:40px;background:var(--card)}
.foot .logo{display:inline-block;margin-bottom:12px}
.legal{margin:0 0 6px;font-size:13px;color:var(--muted)}
.legal-links{margin:0;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.legal-links a{margin:0 10px;color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--ink)}

/* cookies */
#consent{position:fixed;right:16px;bottom:16px;max-width:330px;background:var(--card);border:1.5px solid var(--ink);padding:16px;border-radius:10px;box-shadow:4px 4px 0 var(--ink);font-size:14px;line-height:1.5;z-index:30}
#consent[hidden]{display:none}
#consent button{margin:10px 8px 0 0;padding:8px 16px;font:700 13px var(--sans);border:1.5px solid var(--ink);border-radius:8px;cursor:pointer;background:var(--purple);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
#consent button.no{background:#fff}

h1,h2,h3,.h-light,.h-bold,.sec-title,.page-title,.card h3,.prose h2,.prose h3,article h2,.signup .hand,.band h2,.ml-form-successContent h4{letter-spacing:-.005em;line-height:1.06}

/* ===== cajas y botones: esquinas irregulares (CSS puro, nítido) ===== */
:root{--r1:255px 14px 225px 16px/16px 225px 14px 255px;--r2:14px 255px 16px 225px/225px 16px 255px 14px;--r3:225px 16px 255px 14px/14px 255px 16px 225px}
.card,.signup,.band,.form-card,.email-row,.pn a,.pill,.btn,.ml-form-embedSubmit button,#consent{border:2.4px solid var(--ink);border-radius:var(--r1)}
.cards3 .card:nth-child(2),.cards2 .card:nth-child(2),.email-row:nth-child(even),.pn a:last-child,.signup-end{border-radius:var(--r2)}
.cards3 .card:nth-child(3),.email-row:nth-child(3n){border-radius:var(--r3)}
.card,.signup,.form-card,.email-row,.pn a,#consent{box-shadow:4px 6px 0 rgba(41,28,32,.17)}
.band{box-shadow:6px 8px 0 rgba(41,28,32,.17)}
.card:hover,.email-row:hover,.pn a:hover{box-shadow:5px 7px 0 rgba(41,28,32,.22)}
.pill,.btn,.ml-form-embedSubmit button{padding:12px 26px;box-shadow:4px 5px 0 var(--bg),6px 7px 0 var(--ink)}
.pill:hover,.btn:hover,.ml-form-embedSubmit button:hover{transform:translate(-1px,-1px);box-shadow:5px 6px 0 var(--bg),7px 8px 0 var(--ink)}
.pill:active,.btn:active,.ml-form-embedSubmit button:active{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--bg),3px 4px 0 var(--ink)}
.pill-sm{padding:7px 16px;box-shadow:3px 4px 0 var(--bg),4px 5px 0 var(--ink)}
.email-row,.pn a{padding-left:20px;padding-right:20px}
.ml-form-embedBody input[type=email],.search input,.req-form input{border:2.4px solid var(--ink);border-radius:var(--r3);box-shadow:none;padding-left:20px}
.req-form textarea{border:2.4px solid var(--ink);border-radius:30px 12px 28px 14px/14px 28px 12px 30px;box-shadow:none}
#consent button{border:2.4px solid var(--ink);border-radius:var(--r1);box-shadow:3px 4px 0 var(--bg),4px 5px 0 var(--ink)}
.tag,.badge{border-radius:6px 14px 6px 12px/12px 6px 14px 6px}
.cover{border-bottom-width:2.4px}

/* módulo de borde punteado */
.callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:36px;padding:26px 32px;background:#EEE8D8;border:2.4px dashed var(--ink);border-radius:var(--r1)}
.callout .co-ico{flex:none;width:104px;height:104px;margin:-8px -6px -8px -10px;display:block}.callout .co-ico img,.callout .co-ico svg{width:100%;height:100%;display:block;object-fit:contain}
.callout p{margin:0;flex:1;max-width:520px;font:400 clamp(22px,2.4vw,28px)/1.25 Kalam,"Comic Sans MS",cursive;color:var(--ink)}
.callout .pill{flex:none}
@media(max-width:700px){.callout{flex-direction:column;align-items:flex-start;padding:22px 20px}.callout .co-ico{width:76px;height:76px;margin:-4px 0}}

/* etiquetas: mismo borde irregular que las cajas y el campo de email */
.lab,.tag,.email-row .num,.idx,.badge{border:2.4px solid var(--ink);border-radius:var(--r3)}
.cards3 .card:nth-child(2) .lab,.cards3 .card:nth-child(2) .idx,.cards2 .card:nth-child(2) .lab,.email-row:nth-child(even) .num{border-radius:var(--r1)}
.cards3 .card:nth-child(3) .lab,.cards3 .card:nth-child(3) .idx,.email-row:nth-child(3n) .num{border-radius:var(--r2)}
.lab{padding:4px 18px}.tag{padding:7px 16px}.email-row .num{padding:5px 13px}.idx{padding:4px 11px}

/* animación de entrada */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.card,.pill,.btn,.email-row,.pn a{transition:none}}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;gap:40px}
.cards3,.cards2{grid-template-columns:1fr}
}
@media(max-width:700px){
body{font-size:16px;background-image:linear-gradient(90deg,transparent 0 16px,rgba(217,88,77,.5) 17px 19px,transparent 20px),repeating-linear-gradient(transparent 0 33px,rgba(120,165,205,.34) 33px 34px)}
.bar{flex-wrap:wrap;gap:8px 14px;padding-top:10px;padding-bottom:10px}
.links{order:3;width:100%;margin-left:0;gap:18px;overflow-x:auto;font-size:13px;white-space:nowrap}
.pill-sm{margin-left:auto}
.sec{padding:48px 0}
.cover{height:170px}.cover .ci{width:130px;height:130px;margin-top:-18px}
.pn{grid-template-columns:1fr}
.form-card{padding:20px}
.band{padding:40px 18px}
.signup .note{right:14px}
}

/* ===== en construcción ===== */
.cons{overflow:hidden;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.tape{position:relative;flex:none;background:repeating-linear-gradient(-45deg,var(--yellow) 0 18px,var(--ink) 18px 36px);border-block:2.4px solid var(--ink);padding:5px 0;overflow:hidden}
.tape-in{display:flex;width:max-content;animation:tape 220s linear infinite}
.tape.rev .tape-in{animation-direction:reverse}
.tape span{background:var(--yellow);padding:3px 14px;border:2px solid var(--ink);font:700 12px/1 var(--mono);letter-spacing:.16em;white-space:nowrap}
.tape i{width:46px}
@keyframes tape{to{transform:translateX(-50%)}}
.cons-head{display:flex;justify-content:center;padding:16px 0 0}.cons-head img{width:140px;height:auto}
.cons-grid{position:relative;flex:1;width:100%;display:grid;grid-template-columns:1.2fr .9fr;gap:48px;align-items:center;align-content:center;padding:18px 24px 26px}
.cons h1{font-size:clamp(36px,5vw,64px)}
.cons .tag{margin-bottom:12px}
.cons .lead{margin-top:14px}
.cons .circled{animation:draw 1.3s .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes draw{from{background-size:0% var(--mh,55%)}}
.progress{margin-top:22px;max-width:480px}
.progress .row{display:flex;justify-content:space-between;margin-bottom:9px;font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.progress .bar{height:30px;border:2.4px solid var(--ink);border-radius:255px 14px 225px 16px/16px 225px 14px 255px;background:#fff;overflow:hidden;padding:2px 3px}
.progress .bar i{display:block;height:100%;width:0;background:var(--mkp) left center/100% 100% no-repeat;animation:fill 2.6s .4s cubic-bezier(.3,.7,.2,1) forwards}
@keyframes fill{to{width:var(--p,78%)}}
.cons .signup{z-index:1}
.cons-copy{position:relative}
.cons-foot{flex:none;padding:12px 24px 14px;text-align:center}.cons-foot p{display:inline-block;margin:0 12px}
@media(max-width:900px){.cons-grid{grid-template-columns:1fr;gap:34px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.tape-in,.progress .bar i,.cons .circled{animation:none!important}.progress .bar i{width:var(--p,78%)}}