Por si acaso \u2014 El pack de la primera regla<\/title>\n<meta name=\"description\" content=\"Una caja con todo lo que una ni\u00f1a necesita el d\u00eda que le venga la regla, y un libro de 80 p\u00e1ginas que se lo explica. Muy pronto.\">\n<meta property=\"og:title\" content=\"Por si acaso\">\n<meta property=\"og:description\" content=\"Todo lo que necesita ese d\u00eda. Y el libro que se lo explica.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:locale\" content=\"es_ES\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Caveat:wght@400..600&family=Literata:ital,opsz,wght@0,7..72,300..500;1,7..72,300..400&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --papel:#FAEEDC;\n --papel-hondo:#F4E4CE;\n --tinta:#2A3242;\n --rojo:#C1443F;\n --boli:#4A6B8A;\n --tinta-suave:#4A5262;\n --lapiz:#8C8578;\n --raya:rgba(42,50,66,.10);\n}\n*{box-sizing:border-box}\nhtml{-webkit-text-size-adjust:100%}\nbody{\n margin:0;\n background:var(--papel);\n color:var(--tinta);\n font-family:'Literata',Georgia,serif;\n font-size:17px;\n line-height:1.62;\n font-weight:300;\n}\n\n\/* ---------- el cuaderno ---------- *\/\n.hoja{\n max-width:48rem;\n margin:0 auto;\n padding:0 1.5rem 0 3.25rem;\n position:relative;\n}\n.hoja::before{ \/* la l\u00ednea de margen *\/\n content:'';\n position:absolute;\n left:1.75rem; top:0; bottom:0;\n width:1.5px;\n background:var(--rojo);\n opacity:.55;\n}\n\n\/* ---------- cabecera ---------- *\/\nheader{padding:4.5rem 0 0}\n.marca{\n font-family:'Bricolage Grotesque',system-ui,sans-serif;\n font-weight:800;\n font-size:clamp(2.1rem,7.5vw,3.4rem);\n letter-spacing:-.045em;\n line-height:1;\n margin:0;\n}\n.punto{\n color:var(--rojo);\n font-size:1.15em;\n line-height:0;\n position:relative;\n top:.02em;\n}\n.lema{\n font-family:'Literata',serif;\n font-size:clamp(1.02rem,3vw,1.18rem);\n line-height:1.45;\n color:var(--tinta-suave);\n margin:.9rem 0 0;\n max-width:27rem;\n}\n.pronto{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:500;\n font-size:.78rem;\n letter-spacing:.04em;\n color:var(--lapiz);\n margin:1.6rem 0 0;\n}\n\n\/* ---------- las preguntas ---------- *\/\n.preguntas{\n margin:3rem 0 0;\n padding:1.6rem 0 1.9rem;\n position:relative;\n border-top:1px solid var(--raya);\n border-bottom:1px solid var(--raya);\n background-image:repeating-linear-gradient(\n to bottom,\n transparent 0,\n transparent calc(2.35em - 1px),\n var(--raya) calc(2.35em - 1px),\n var(--raya) 2.35em\n );\n background-position:0 1.6rem;\n}\n.preguntas ul{list-style:none;margin:0;padding:0}\n.preguntas li{\n font-family:'Caveat',cursive;\n font-weight:500;\n font-size:clamp(1.45rem,5vw,2rem);\n line-height:2.35rem;\n margin:0;\n opacity:0;\n transform:translateY(.35em);\n}\n.preguntas li:nth-child(even){color:var(--boli)}\n.escribiendo li{animation:aparece .5s cubic-bezier(.2,.7,.3,1) forwards}\n.escribiendo li:nth-child(1){animation-delay:.15s}\n.escribiendo li:nth-child(2){animation-delay:.45s}\n.escribiendo li:nth-child(3){animation-delay:.75s}\n.escribiendo li:nth-child(4){animation-delay:1.05s}\n.escribiendo li:nth-child(5){animation-delay:1.35s}\n.escribiendo li:nth-child(6){animation-delay:1.65s}\n@keyframes aparece{to{opacity:1;transform:none}}\n\n\/* ---------- el giro ---------- *\/\n.giro{\n margin:2.4rem 0 0;\n max-width:34rem;\n}\n.giro p{margin:0 0 1.05rem}\n.giro strong{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:1.2em;\n letter-spacing:-.02em;\n display:block;\n line-height:1.28;\n margin-bottom:.9rem;\n}\n\n\/* ---------- aviso ---------- *\/\n.aviso{\n margin:3.6rem 0 0;\n padding:1.5rem 1.6rem 1.7rem;\n border-left:3px solid var(--rojo);\n max-width:34rem;\n}\n.aviso h2{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:1.02rem;\n letter-spacing:-.01em;\n margin:0 0 .3rem;\n}\n.aviso p{margin:0 0 1.1rem;font-size:.94rem;color:var(--tinta-suave)}\nform{display:flex;flex-wrap:wrap;gap:.6rem}\ninput[type=email]{\n flex:1 1 14rem;\n font-family:'Literata',serif;\n font-size:.97rem;\n padding:.72rem .85rem;\n border:1px solid rgba(42,50,66,.22);\n border-radius:3px;\n background:var(--papel);\n color:var(--tinta);\n}\ninput[type=email]::placeholder{color:var(--lapiz)}\ninput[type=email]:focus-visible,\nbutton:focus-visible,\na:focus-visible,\ninput[type=checkbox]:focus-visible{\n outline:2px solid var(--rojo);\n outline-offset:2px;\n}\nbutton{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:.95rem;\n letter-spacing:-.01em;\n padding:.72rem 1.4rem;\n border:0;\n border-radius:3px;\n background:var(--rojo);\n color:var(--papel);\n cursor:pointer;\n}\nbutton:hover{background:#A9372F}\n.consent{\n flex:1 1 100%;\n display:flex;\n gap:.55rem;\n align-items:flex-start;\n font-size:.8rem;\n line-height:1.45;\n color:var(--lapiz);\n margin-top:.15rem;\n}\n.consent input{margin-top:.22rem;accent-color:var(--rojo)}\n.consent a{color:var(--lapiz)}\n.gracias{\n font-family:'Caveat',cursive;\n font-size:1.4rem;\n color:var(--boli);\n margin:0;\n}\n.gracias span{display:block;font-family:'Literata',serif;font-size:.88rem;color:var(--lapiz)}\n\n\n\/* ---------- la caja ---------- *\/\n.caja{margin:4.2rem 0 0}\n.caja h2{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:clamp(1.3rem,4vw,1.6rem);\n letter-spacing:-.025em;\n margin:0 0 .35rem;\n}\n.caja .intro{font-size:.97rem;color:var(--tinta-suave);margin:0 0 1.8rem;max-width:30rem}\n.inventario{list-style:none;margin:0;padding:0;columns:2;column-gap:2.4rem}\n.inventario li{\n break-inside:avoid;position:relative;padding-left:1.1rem;\n margin:0 0 1.05rem;font-size:.98rem;line-height:1.4;\n}\n.inventario li::before{\n content:'';position:absolute;left:0;top:.58em;\n width:.4rem;height:.4rem;border-radius:50%;background:var(--rojo);\n}\n.inventario b{font-weight:500;display:block}\n.inventario span{display:block;font-size:.85rem;color:var(--lapiz);line-height:1.35}\n.destacado{margin:2rem 0 0;padding:1.4rem 1.5rem;background:var(--papel-hondo);max-width:34rem}\n.destacado b{\n font-family:'Bricolage Grotesque',sans-serif;font-weight:700;\n font-size:1rem;display:block;margin-bottom:.3rem;\n}\n.destacado p{margin:0;font-size:.94rem;color:var(--tinta-suave)}\n\n\/* ---------- pie ---------- *\/\nfooter{\n margin:5rem 0 0;\n padding:1.6rem 0 3rem;\n border-top:1px solid var(--raya);\n font-size:.78rem;\n color:var(--lapiz);\n line-height:1.7;\n}\nfooter a{color:var(--lapiz);text-decoration:underline;text-underline-offset:2px}\nfooter a:hover{color:var(--rojo)}\n.enlaces{margin-bottom:.7rem}\n.enlaces a{margin-right:1rem}\n\n@media (max-width:640px){\n .inventario{columns:1}\n}\n@media (max-width:520px){\n body{font-size:16px}\n .hoja{padding-left:2.4rem;padding-right:1.1rem}\n .hoja::before{left:1.15rem}\n header{padding-top:3.2rem}\n .preguntas li{line-height:2.1rem}\n .preguntas{background-image:none}\n}\n@media (prefers-reduced-motion:reduce){\n .preguntas li{opacity:1;transform:none;animation:none!important}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hoja\">\n\n <header>\n <h1 class=\"marca\">Por si acaso<span class=\"punto\">.<\/span><\/h1>\n <p class=\"lema\">Una caja con todo lo que necesita el d\u00eda que le venga la regla. Y un libro que se lo explica todo.<\/p>\n <p class=\"pronto\">Muy pronto.<\/p>\n <\/header>\n\n <section class=\"preguntas\" aria-label=\"Preguntas que responde el libro\">\n <ul id=\"lista\">\n <li>Me he manchado en clase.<\/li>\n <li>\u00bfHuele?<\/li>\n <li>Llevo ocho d\u00edas sangrando.<\/li>\n <li>\u00bfSe enteran los chicos?<\/li>\n <li>Se me ha olvidado el tamp\u00f3n puesto.<\/li>\n <li>\u00bfY si me viene y no me entero?<\/li>\n <\/ul>\n <\/section>\n\n <section class=\"giro\">\n <p><strong>Ninguna de estas preguntas se hace en voz alta.<\/strong><\/p>\n <p>Y casi todas se acaban buscando en internet a las once de la noche, con la puerta del cuarto cerrada.<\/p>\n <p>Por si acaso es una caja para que eso no pase. Dentro va todo lo que hace falta ese d\u00eda, en una bolsa que cabe en la mochila del instituto, y un libro que responde las preguntas que no se atreve a hacer.<\/p>\n <p>Para ni\u00f1as de nueve a catorce a\u00f1os. Para d\u00e1rselo antes, no despu\u00e9s.<\/p>\n <\/section>\n\n <section class=\"caja\">\n <h2>Qu\u00e9 hay dentro de la caja<\/h2>\n <p class=\"intro\">Nada de relleno. Todo lo que va dentro sirve para algo concreto, y el libro explica para qu\u00e9.<\/p>\n\n <ul class=\"inventario\">\n <li><b>El cuaderno de Zoara<\/b><span>80 p\u00e1ginas ilustradas, con ISBN propio. Escrito y editado en Espa\u00f1a<\/span><\/li>\n <li><b>Neceser con forro impermeable<\/b><span>Para llevarlo todo junto<\/span><\/li>\n <li><b>Bolsita peque\u00f1a<\/b><span>Cabe en el estuche del colegio<\/span><\/li>\n <li><b>Compresas de d\u00eda y de noche<\/b><span>Para empezar sin tener que comprar nada<\/span><\/li>\n <li><b>Salvaslips<\/b><span>Para los d\u00edas de antes y el \u00faltimo<\/span><\/li>\n <li><b>Braguitas menstruales<\/b><span>Lo m\u00e1s c\u00f3modo que hay para dormir<\/span><\/li>\n <li><b>Bolsitas opacas<\/b><span>Para cuando no hay papelera en el ba\u00f1o<\/span><\/li>\n <li><b>Toallitas \u00edntimas<\/b><span>Sobres individuales<\/span><\/li>\n <li><b>Saquito de semillas<\/b><span>Calor para el dolor. Se calienta en el microondas<\/span><\/li>\n <li><b>Una tarjeta<\/b><span>En blanco, para que le escribas t\u00fa<\/span><\/li>\n <\/ul>\n\n <div class=\"destacado\">\n <b>El modo p\u00e1nico<\/b>\n <p>En la solapa del libro est\u00e1n las preguntas de arriba con su p\u00e1gina exacta. Se abre la tapa y est\u00e1 la respuesta. Pensado para resolverse sola, en un ba\u00f1o, en treinta segundos.<\/p>\n <\/div>\n\n <div class=\"destacado\">\n <b>Y algo para quien lo regala<\/b>\n <p>Tres p\u00e1ginas sobre qu\u00e9 decir, qu\u00e9 no decir y cu\u00e1ndo hay que consultar. Con una escrita para el padre, porque a \u00e9l no le escribe nadie.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"aviso\">\n <h2>Te avisamos cuando est\u00e9<\/h2>\n <p>Un correo el d\u00eda que salga. Nada m\u00e1s.<\/p>\n\n <form id=\"form\" novalidate>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"tu@correo.com\" autocomplete=\"email\" required aria-label=\"Tu correo electr\u00f3nico\">\n <button type=\"submit\">Av\u00edsame<\/button>\n <label class=\"consent\">\n <input type=\"checkbox\" id=\"rgpd\" required>\n <span>He le\u00eddo y acepto la <a href=\"\/legal\/privacidad\">pol\u00edtica de privacidad<\/a>.<\/span>\n <\/label>\n <\/form>\n\n <p class=\"gracias\" id=\"gracias\" hidden>Anotado.<span>Te escribimos el d\u00eda que salga.<\/span><\/p>\n <\/section>\n\n <footer>\n <p class=\"enlaces\">\n <a href=\"\/legal\/aviso-legal\">Aviso legal<\/a>\n <a href=\"\/legal\/privacidad\">Privacidad<\/a>\n <a href=\"mailto:hola@porsiacaso.shop\">hola@porsiacaso.shop<\/a>\n <\/p>\n <p>Factor\u00eda Decimal SLNE \u00b7 CIF B83782904 \u00b7 Alcal\u00e1 de Henares, Madrid<\/p>\n <\/footer>\n\n<\/div>\n\n<script>\n\/\/ ---- Sustituye por tu endpoint (Brevo, Mailchimp, Formspree, tu propia API) ----\nconst ENDPOINT = '';\n\ndocument.getElementById('lista').parentElement.classList.add('escribiendo');\n\nconst form = document.getElementById('form');\nconst gracias = document.getElementById('gracias');\n\nform.addEventListener('submit', async function(e){\n e.preventDefault();\n const email = document.getElementById('email');\n const rgpd = document.getElementById('rgpd');\n\n if(!email.value.includes('@')){ email.focus(); return; }\n if(!rgpd.checked){ rgpd.focus(); return; }\n\n if(ENDPOINT){\n try{\n await fetch(ENDPOINT, {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify({email:email.value})\n });\n }catch(err){ \/* se muestra el acuse igualmente *\/ }\n }\n\n form.hidden = true;\n gracias.hidden = false;\n gracias.focus?.();\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Por si acaso \u2014 El pack de la primera regla Por si acaso. Una caja con todo lo que necesita el d\u00eda que le venga la regla. Y un libro que se lo explica todo. Muy pronto. Me he manchado en clase. \u00bfHuele? Llevo ocho d\u00edas sangrando. \u00bfSe enteran los chicos? Se me ha olvidado […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-09-11T10:06:52","date_gmt":"2026-09-11T10:06:52","guid":{"rendered":"https:\/\/porsiacaso.shop\/?page_id=8"},"modified":"2026-09-11T10:08:44","modified_gmt":"2026-09-11T10:08:44","slug":"__trashed","status":"publish","type":"page","link":"https:\/\/porsiacaso.shop\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nPor si acaso \u2014 El pack de la primera regla<\/title>\n<meta name=\"description\" content=\"Una caja con todo lo que una ni\u00f1a necesita el d\u00eda que le venga la regla, y un libro de 80 p\u00e1ginas que se lo explica. Muy pronto.\">\n<meta property=\"og:title\" content=\"Por si acaso\">\n<meta property=\"og:description\" content=\"Todo lo que necesita ese d\u00eda. Y el libro que se lo explica.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:locale\" content=\"es_ES\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Caveat:wght@400..600&family=Literata:ital,opsz,wght@0,7..72,300..500;1,7..72,300..400&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --papel:#FAEEDC;\n --papel-hondo:#F4E4CE;\n --tinta:#2A3242;\n --rojo:#C1443F;\n --boli:#4A6B8A;\n --tinta-suave:#4A5262;\n --lapiz:#8C8578;\n --raya:rgba(42,50,66,.10);\n}\n*{box-sizing:border-box}\nhtml{-webkit-text-size-adjust:100%}\nbody{\n margin:0;\n background:var(--papel);\n color:var(--tinta);\n font-family:'Literata',Georgia,serif;\n font-size:17px;\n line-height:1.62;\n font-weight:300;\n}\n\n\/* ---------- el cuaderno ---------- *\/\n.hoja{\n max-width:48rem;\n margin:0 auto;\n padding:0 1.5rem 0 3.25rem;\n position:relative;\n}\n.hoja::before{ \/* la l\u00ednea de margen *\/\n content:'';\n position:absolute;\n left:1.75rem; top:0; bottom:0;\n width:1.5px;\n background:var(--rojo);\n opacity:.55;\n}\n\n\/* ---------- cabecera ---------- *\/\nheader{padding:4.5rem 0 0}\n.marca{\n font-family:'Bricolage Grotesque',system-ui,sans-serif;\n font-weight:800;\n font-size:clamp(2.1rem,7.5vw,3.4rem);\n letter-spacing:-.045em;\n line-height:1;\n margin:0;\n}\n.punto{\n color:var(--rojo);\n font-size:1.15em;\n line-height:0;\n position:relative;\n top:.02em;\n}\n.lema{\n font-family:'Literata',serif;\n font-size:clamp(1.02rem,3vw,1.18rem);\n line-height:1.45;\n color:var(--tinta-suave);\n margin:.9rem 0 0;\n max-width:27rem;\n}\n.pronto{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:500;\n font-size:.78rem;\n letter-spacing:.04em;\n color:var(--lapiz);\n margin:1.6rem 0 0;\n}\n\n\/* ---------- las preguntas ---------- *\/\n.preguntas{\n margin:3rem 0 0;\n padding:1.6rem 0 1.9rem;\n position:relative;\n border-top:1px solid var(--raya);\n border-bottom:1px solid var(--raya);\n background-image:repeating-linear-gradient(\n to bottom,\n transparent 0,\n transparent calc(2.35em - 1px),\n var(--raya) calc(2.35em - 1px),\n var(--raya) 2.35em\n );\n background-position:0 1.6rem;\n}\n.preguntas ul{list-style:none;margin:0;padding:0}\n.preguntas li{\n font-family:'Caveat',cursive;\n font-weight:500;\n font-size:clamp(1.45rem,5vw,2rem);\n line-height:2.35rem;\n margin:0;\n opacity:0;\n transform:translateY(.35em);\n}\n.preguntas li:nth-child(even){color:var(--boli)}\n.escribiendo li{animation:aparece .5s cubic-bezier(.2,.7,.3,1) forwards}\n.escribiendo li:nth-child(1){animation-delay:.15s}\n.escribiendo li:nth-child(2){animation-delay:.45s}\n.escribiendo li:nth-child(3){animation-delay:.75s}\n.escribiendo li:nth-child(4){animation-delay:1.05s}\n.escribiendo li:nth-child(5){animation-delay:1.35s}\n.escribiendo li:nth-child(6){animation-delay:1.65s}\n@keyframes aparece{to{opacity:1;transform:none}}\n\n\/* ---------- el giro ---------- *\/\n.giro{\n margin:2.4rem 0 0;\n max-width:34rem;\n}\n.giro p{margin:0 0 1.05rem}\n.giro strong{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:1.2em;\n letter-spacing:-.02em;\n display:block;\n line-height:1.28;\n margin-bottom:.9rem;\n}\n\n\/* ---------- aviso ---------- *\/\n.aviso{\n margin:3.6rem 0 0;\n padding:1.5rem 1.6rem 1.7rem;\n border-left:3px solid var(--rojo);\n max-width:34rem;\n}\n.aviso h2{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:1.02rem;\n letter-spacing:-.01em;\n margin:0 0 .3rem;\n}\n.aviso p{margin:0 0 1.1rem;font-size:.94rem;color:var(--tinta-suave)}\nform{display:flex;flex-wrap:wrap;gap:.6rem}\ninput[type=email]{\n flex:1 1 14rem;\n font-family:'Literata',serif;\n font-size:.97rem;\n padding:.72rem .85rem;\n border:1px solid rgba(42,50,66,.22);\n border-radius:3px;\n background:var(--papel);\n color:var(--tinta);\n}\ninput[type=email]::placeholder{color:var(--lapiz)}\ninput[type=email]:focus-visible,\nbutton:focus-visible,\na:focus-visible,\ninput[type=checkbox]:focus-visible{\n outline:2px solid var(--rojo);\n outline-offset:2px;\n}\nbutton{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:.95rem;\n letter-spacing:-.01em;\n padding:.72rem 1.4rem;\n border:0;\n border-radius:3px;\n background:var(--rojo);\n color:var(--papel);\n cursor:pointer;\n}\nbutton:hover{background:#A9372F}\n.consent{\n flex:1 1 100%;\n display:flex;\n gap:.55rem;\n align-items:flex-start;\n font-size:.8rem;\n line-height:1.45;\n color:var(--lapiz);\n margin-top:.15rem;\n}\n.consent input{margin-top:.22rem;accent-color:var(--rojo)}\n.consent a{color:var(--lapiz)}\n.gracias{\n font-family:'Caveat',cursive;\n font-size:1.4rem;\n color:var(--boli);\n margin:0;\n}\n.gracias span{display:block;font-family:'Literata',serif;font-size:.88rem;color:var(--lapiz)}\n\n\n\/* ---------- la caja ---------- *\/\n.caja{margin:4.2rem 0 0}\n.caja h2{\n font-family:'Bricolage Grotesque',sans-serif;\n font-weight:700;\n font-size:clamp(1.3rem,4vw,1.6rem);\n letter-spacing:-.025em;\n margin:0 0 .35rem;\n}\n.caja .intro{font-size:.97rem;color:var(--tinta-suave);margin:0 0 1.8rem;max-width:30rem}\n.inventario{list-style:none;margin:0;padding:0;columns:2;column-gap:2.4rem}\n.inventario li{\n break-inside:avoid;position:relative;padding-left:1.1rem;\n margin:0 0 1.05rem;font-size:.98rem;line-height:1.4;\n}\n.inventario li::before{\n content:'';position:absolute;left:0;top:.58em;\n width:.4rem;height:.4rem;border-radius:50%;background:var(--rojo);\n}\n.inventario b{font-weight:500;display:block}\n.inventario span{display:block;font-size:.85rem;color:var(--lapiz);line-height:1.35}\n.destacado{margin:2rem 0 0;padding:1.4rem 1.5rem;background:var(--papel-hondo);max-width:34rem}\n.destacado b{\n font-family:'Bricolage Grotesque',sans-serif;font-weight:700;\n font-size:1rem;display:block;margin-bottom:.3rem;\n}\n.destacado p{margin:0;font-size:.94rem;color:var(--tinta-suave)}\n\n\/* ---------- pie ---------- *\/\nfooter{\n margin:5rem 0 0;\n padding:1.6rem 0 3rem;\n border-top:1px solid var(--raya);\n font-size:.78rem;\n color:var(--lapiz);\n line-height:1.7;\n}\nfooter a{color:var(--lapiz);text-decoration:underline;text-underline-offset:2px}\nfooter a:hover{color:var(--rojo)}\n.enlaces{margin-bottom:.7rem}\n.enlaces a{margin-right:1rem}\n\n@media (max-width:640px){\n .inventario{columns:1}\n}\n@media (max-width:520px){\n body{font-size:16px}\n .hoja{padding-left:2.4rem;padding-right:1.1rem}\n .hoja::before{left:1.15rem}\n header{padding-top:3.2rem}\n .preguntas li{line-height:2.1rem}\n .preguntas{background-image:none}\n}\n@media (prefers-reduced-motion:reduce){\n .preguntas li{opacity:1;transform:none;animation:none!important}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hoja\">\n\n <header>\n <h1 class=\"marca\">Por si acaso<span class=\"punto\">.<\/span><\/h1>\n <p class=\"lema\">Una caja con todo lo que necesita el d\u00eda que le venga la regla. Y un libro que se lo explica todo.<\/p>\n <p class=\"pronto\">Muy pronto.<\/p>\n <\/header>\n\n <section class=\"preguntas\" aria-label=\"Preguntas que responde el libro\">\n <ul id=\"lista\">\n <li>Me he manchado en clase.<\/li>\n <li>\u00bfHuele?<\/li>\n <li>Llevo ocho d\u00edas sangrando.<\/li>\n <li>\u00bfSe enteran los chicos?<\/li>\n <li>Se me ha olvidado el tamp\u00f3n puesto.<\/li>\n <li>\u00bfY si me viene y no me entero?<\/li>\n <\/ul>\n <\/section>\n\n <section class=\"giro\">\n <p><strong>Ninguna de estas preguntas se hace en voz alta.<\/strong><\/p>\n <p>Y casi todas se acaban buscando en internet a las once de la noche, con la puerta del cuarto cerrada.<\/p>\n <p>Por si acaso es una caja para que eso no pase. Dentro va todo lo que hace falta ese d\u00eda, en una bolsa que cabe en la mochila del instituto, y un libro que responde las preguntas que no se atreve a hacer.<\/p>\n <p>Para ni\u00f1as de nueve a catorce a\u00f1os. Para d\u00e1rselo antes, no despu\u00e9s.<\/p>\n <\/section>\n\n <section class=\"caja\">\n <h2>Qu\u00e9 hay dentro de la caja<\/h2>\n <p class=\"intro\">Nada de relleno. Todo lo que va dentro sirve para algo concreto, y el libro explica para qu\u00e9.<\/p>\n\n <ul class=\"inventario\">\n <li><b>El cuaderno de Zoara<\/b><span>80 p\u00e1ginas ilustradas, con ISBN propio. Escrito y editado en Espa\u00f1a<\/span><\/li>\n <li><b>Neceser con forro impermeable<\/b><span>Para llevarlo todo junto<\/span><\/li>\n <li><b>Bolsita peque\u00f1a<\/b><span>Cabe en el estuche del colegio<\/span><\/li>\n <li><b>Compresas de d\u00eda y de noche<\/b><span>Para empezar sin tener que comprar nada<\/span><\/li>\n <li><b>Salvaslips<\/b><span>Para los d\u00edas de antes y el \u00faltimo<\/span><\/li>\n <li><b>Braguitas menstruales<\/b><span>Lo m\u00e1s c\u00f3modo que hay para dormir<\/span><\/li>\n <li><b>Bolsitas opacas<\/b><span>Para cuando no hay papelera en el ba\u00f1o<\/span><\/li>\n <li><b>Toallitas \u00edntimas<\/b><span>Sobres individuales<\/span><\/li>\n <li><b>Saquito de semillas<\/b><span>Calor para el dolor. Se calienta en el microondas<\/span><\/li>\n <li><b>Una tarjeta<\/b><span>En blanco, para que le escribas t\u00fa<\/span><\/li>\n <\/ul>\n\n <div class=\"destacado\">\n <b>El modo p\u00e1nico<\/b>\n <p>En la solapa del libro est\u00e1n las preguntas de arriba con su p\u00e1gina exacta. Se abre la tapa y est\u00e1 la respuesta. Pensado para resolverse sola, en un ba\u00f1o, en treinta segundos.<\/p>\n <\/div>\n\n <div class=\"destacado\">\n <b>Y algo para quien lo regala<\/b>\n <p>Tres p\u00e1ginas sobre qu\u00e9 decir, qu\u00e9 no decir y cu\u00e1ndo hay que consultar. Con una escrita para el padre, porque a \u00e9l no le escribe nadie.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"aviso\">\n <h2>Te avisamos cuando est\u00e9<\/h2>\n <p>Un correo el d\u00eda que salga. Nada m\u00e1s.<\/p>\n\n <form id=\"form\" novalidate>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"tu@correo.com\" autocomplete=\"email\" required aria-label=\"Tu correo electr\u00f3nico\">\n <button type=\"submit\">Av\u00edsame<\/button>\n <label class=\"consent\">\n <input type=\"checkbox\" id=\"rgpd\" required>\n <span>He le\u00eddo y acepto la <a href=\"\/legal\/privacidad\">pol\u00edtica de privacidad<\/a>.<\/span>\n <\/label>\n <\/form>\n\n <p class=\"gracias\" id=\"gracias\" hidden>Anotado.<span>Te escribimos el d\u00eda que salga.<\/span><\/p>\n <\/section>\n\n <footer>\n <p class=\"enlaces\">\n <a href=\"\/legal\/aviso-legal\">Aviso legal<\/a>\n <a href=\"\/legal\/privacidad\">Privacidad<\/a>\n <a href=\"mailto:hola@porsiacaso.shop\">hola@porsiacaso.shop<\/a>\n <\/p>\n <p>Factor\u00eda Decimal SLNE \u00b7 CIF B83782904 \u00b7 Alcal\u00e1 de Henares, Madrid<\/p>\n <\/footer>\n\n<\/div>\n\n<script>\n\/\/ ---- Sustituye por tu endpoint (Brevo, Mailchimp, Formspree, tu propia API) ----\nconst ENDPOINT = '';\n\ndocument.getElementById('lista').parentElement.classList.add('escribiendo');\n\nconst form = document.getElementById('form');\nconst gracias = document.getElementById('gracias');\n\nform.addEventListener('submit', async function(e){\n e.preventDefault();\n const email = document.getElementById('email');\n const rgpd = document.getElementById('rgpd');\n\n if(!email.value.includes('@')){ email.focus(); return; }\n if(!rgpd.checked){ rgpd.focus(); return; }\n\n if(ENDPOINT){\n try{\n await fetch(ENDPOINT, {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify({email:email.value})\n });\n }catch(err){ \/* se muestra el acuse igualmente *\/ }\n }\n\n form.hidden = true;\n gracias.hidden = false;\n gracias.focus?.();\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Por si acaso \u2014 El pack de la primera regla Por si acaso. Una caja con todo lo que necesita el d\u00eda que le venga la regla. Y un libro que se lo explica todo. Muy pronto. Me he manchado en clase. \u00bfHuele? Llevo ocho d\u00edas sangrando. \u00bfSe enteran los chicos? Se me ha olvidado […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/porsiacaso.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}