.public-tools{width:min(1380px,calc(100vw - 24px));height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:#f4f7fb;color:var(--ink)}
.public-tools>header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#fff;border-bottom:1px solid var(--line)}.public-tools>header span{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.public-tools>header h2{margin:4px 0 2px;font-size:21px}.public-tools>header p{font-size:9px;color:var(--muted)}.public-tools>header .close{position:static}
.public-tools>nav{display:flex;padding:7px 18px;background:#fff;border-bottom:1px solid var(--line)}.public-tools>nav button{padding:9px 14px;border-radius:7px;color:#64718a;font-size:9px;font-weight:750}.public-tools>nav button.active{background:#eaf0ff;color:var(--blue)}#public-tool-content{flex:1;min-height:0;overflow:auto}
.pt-library-layout{display:grid;grid-template-columns:330px minmax(0,1fr);height:100%;min-height:0}.pt-catalog{display:flex;flex-direction:column;min-height:0;padding:13px;background:#fff;border-right:1px solid var(--line)}.pt-catalog>div strong,.pt-catalog>div small{display:block}.pt-catalog>div strong{font-size:13px}.pt-catalog>div small{margin-top:3px;color:var(--muted);font-size:8px}.pt-catalog>input{margin:11px 0;min-height:37px;font-size:9px}#pt-exercise-list{min-height:0;overflow:auto}#pt-exercise-list button{display:block;width:100%;padding:10px;border-bottom:1px solid #edf0f6;text-align:left}#pt-exercise-list button:hover,#pt-exercise-list button.active{background:#eef3ff}#pt-exercise-list span,#pt-exercise-list strong,#pt-exercise-list small{display:block}#pt-exercise-list span{color:var(--blue);font-size:7px;font-weight:800;text-transform:uppercase}#pt-exercise-list strong{margin:4px 0;font-size:9px}#pt-exercise-list small{color:var(--muted);font-size:7px}
.pt-board-card{min-width:0;padding:14px 18px 22px;overflow:auto}.pt-board-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.pt-board-head span{color:var(--blue);font-size:7px;font-weight:800;text-transform:uppercase}.pt-board-head h3{margin:3px 0;font-size:16px}.pt-board-head>div:last-child{display:flex;gap:6px}.pt-tools{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.pt-tools button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:8px}.pt-tools button.active{border-color:#9db0ef;background:#eaf0ff;color:var(--blue)}.pt-tools i{width:12px;height:12px}.pt-tools i.blue,.pt-tools i.red{border-radius:50%;background:#2347d8}.pt-tools i.red{background:#d5424d}.pt-tools i.cone{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ff8b2d}.pt-tools i.ball{border:2px solid #26364f;border-radius:50%}
#pt-board{display:block;width:min(100%,940px);max-height:58vh;margin:auto;border-radius:10px;background:#278e55;box-shadow:0 9px 28px #0b3a2430;touch-action:none}.pt-field{fill:none;stroke:#fff;stroke-width:.4;opacity:.85}.pt-player{stroke:#fff;stroke-width:.7;fill:#2347d8}.pt-player.red{fill:#d5424d}.pt-board-card svg text{fill:#fff;font-size:2.6px;font-weight:800;pointer-events:none}.pt-cone{fill:#ff8b2d;stroke:#a95513;stroke-width:.3}.pt-ball{fill:#fff;stroke:#16243d;stroke-width:.5}.pt-board-card [data-board-item]{cursor:grab}
.pt-exercise-info{display:grid;grid-template-columns:2fr .7fr 1fr .7fr;gap:8px;width:min(100%,940px);margin:11px auto 0}.pt-exercise-info input,.pt-exercise-info textarea{min-height:34px;margin-top:4px;font-size:9px}.pt-exercise-info .wide,.pt-rules{grid-column:1/-1}.pt-rules{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.pt-rules strong{font-size:9px}.pt-rules p{font-size:8px;line-height:1.7}
.pt-callup-layout{display:grid;grid-template-columns:minmax(330px,480px) minmax(0,1fr);gap:18px;padding:18px}.pt-callup-layout>form{padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}.pt-callup-layout>form>p{margin:3px 0 13px;color:var(--muted);font-size:9px}.pt-callup-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pt-callup-layout textarea{margin:5px 0 10px}.pt-callup-sheet{max-width:720px;min-height:760px;margin:auto;padding:45px;background:#fff;box-shadow:0 8px 30px #15284a16}.pt-callup-sheet>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.14em}.pt-callup-sheet h2{margin-top:12px;font-size:28px}.pt-callup-sheet h3{margin:5px 0 22px;color:var(--blue);font-size:20px}.pt-callup-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pt-callup-meta p{padding:11px;border-radius:7px;background:#f4f7ff;font-size:10px}.pt-callup-meta b{display:block;margin-bottom:4px;color:var(--muted);font-size:7px;text-transform:uppercase}.pt-callup-sheet h4{margin:22px 0 9px;color:var(--blue);font-size:10px}.pt-callup-sheet ol{columns:2;padding-left:24px}.pt-callup-sheet li{padding:4px;font-size:10px}.pt-callup-sheet .instructions{padding:12px;border:1px solid var(--line);border-radius:7px;font-size:9px;white-space:pre-wrap}
.free-tool-button{border-color:#a9b9f2!important;color:var(--blue)!important}
@media(max-width:800px){.public-tools{width:100%;height:100dvh;border-radius:0}.pt-library-layout,.pt-callup-layout{grid-template-columns:1fr}.pt-catalog{max-height:330px;border-right:0;border-bottom:1px solid var(--line)}.pt-exercise-info{grid-template-columns:1fr 1fr}.pt-callup-layout{padding:10px}.pt-callup-sheet{min-height:600px;padding:25px}.pt-callup-sheet ol{columns:1}}
@media print{body.printing-public-exercise>*,body.printing-public-callup>*{display:none!important}body.printing-public-exercise #modal,body.printing-public-callup #modal{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important}body.printing-public-exercise .public-tools,body.printing-public-callup .public-tools{display:block!important;width:auto!important;height:auto!important;overflow:visible!important;background:#fff!important}body.printing-public-exercise .public-tools>header,body.printing-public-exercise .public-tools>nav,body.printing-public-exercise .pt-catalog,body.printing-public-exercise .pt-tools,body.printing-public-exercise .pt-board-head>div:last-child,body.printing-public-callup .public-tools>header,body.printing-public-callup .public-tools>nav,body.printing-public-callup .pt-callup-layout>form{display:none!important}body.printing-public-exercise .pt-library-layout{display:block!important}body.printing-public-exercise .pt-board-card{padding:12mm!important;overflow:visible!important}body.printing-public-exercise #pt-board{width:100%!important;max-height:none!important;box-shadow:none!important}body.printing-public-callup .pt-callup-layout{display:block!important;padding:0!important}body.printing-public-callup .pt-callup-sheet{min-height:0!important;box-shadow:none!important;margin:0!important;padding:12mm!important}}

/* Página pública indexable. En este contexto la herramienta deja de ser un
   modal y la pizarra aprovecha el ancho y el alto reales del navegador. */
.public-free-page{margin:0;background:#f4f7fb}.free-page-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 max(24px,calc((100vw - 1500px)/2));background:#fff;border-bottom:1px solid var(--line)}.free-page-header nav{display:flex;align-items:center;gap:20px;font-size:10px;font-weight:650}.free-page-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:50px;max-width:1500px;margin:auto;padding:55px 28px 38px}.free-page-hero>div>span,.free-seo-content>div>span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.13em}.free-page-hero h1{max-width:850px;margin:12px 0 16px;font-size:48px;line-height:1.02}.free-page-hero p{max-width:780px;color:#5f6c83;font-size:14px}.free-page-hero ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-self:end;margin:0;padding:0;list-style:none}.free-page-hero li{padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;font-weight:650}.free-tool-stage{max-width:1800px;margin:0 auto;padding:0 18px}.public-free-page .public-tools{width:100%;height:auto;min-height:920px;border:1px solid var(--line);box-shadow:0 18px 60px #14213d10}.public-free-page .public-tools>header{display:none}.public-free-page .public-tools>nav{position:sticky;top:0;z-index:15;padding:11px 20px}.public-free-page #public-tool-content{min-height:860px;overflow:visible}.public-free-page .pt-library-layout{grid-template-columns:360px minmax(0,1fr);height:860px}.public-free-page .pt-board-card{padding:18px 24px 35px}.public-free-page #pt-board{width:100%;max-width:1280px;max-height:none;aspect-ratio:100/65}.public-free-page .pt-exercise-info{width:100%;max-width:1280px}.public-free-page .pt-callup-layout{min-height:820px}.free-seo-content,.free-faq{max-width:1450px;margin:48px auto 0;padding:42px 30px}.free-seo-content h2,.free-faq h2{margin:10px 0 12px;font-size:30px}.free-seo-content>div>p{max-width:760px;color:var(--muted);font-size:12px}.free-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.free-category-grid article{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.free-category-grid h3{font-size:13px}.free-category-grid p{margin-top:8px;color:var(--muted);font-size:9px}.free-seo-content.alternate{border-radius:14px;background:#eaf0ff}.free-faq details{padding:16px 0;border-bottom:1px solid var(--line)}.free-faq summary{cursor:pointer;font-size:12px;font-weight:700}.free-faq details p{margin-top:8px;color:var(--muted);font-size:10px}.free-page-footer{display:flex;justify-content:space-between;max-width:1450px;margin:35px auto 0;padding:28px 30px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.free-page-footer a{color:var(--blue);font-weight:800}#free-page-toast{position:fixed;left:50%;bottom:22px;z-index:1000;opacity:0;transform:translate(-50%,10px);padding:12px 18px;border-radius:8px;background:var(--navy);color:#fff;font-size:10px;transition:.2s}#free-page-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.free-page-header{padding:0 18px}.free-page-header nav>a:not(.btn){display:none}.free-page-hero{grid-template-columns:1fr;padding:35px 20px 25px}.free-page-hero h1{font-size:36px}.public-free-page .pt-library-layout{grid-template-columns:1fr;height:auto}.public-free-page .pt-catalog{max-height:420px}.public-free-page .public-tools{min-height:0}.public-free-page #public-tool-content{min-height:0}.free-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.free-page-header .brand>strong{font-size:22px}.free-page-header .btn{font-size:8px;padding:8px}.free-page-hero h1{font-size:30px}.free-page-hero ul,.free-category-grid{grid-template-columns:1fr}.free-tool-stage{padding:0}.public-free-page .public-tools{border-radius:0}.public-free-page .pt-board-card{padding:12px}.free-seo-content,.free-faq{padding:30px 18px}}
@media print{body.public-free-page.printing-public-exercise>main,body.public-free-page.printing-public-callup>main{display:block!important}body.public-free-page.printing-public-exercise main>*,body.public-free-page.printing-public-callup main>*{display:none!important}body.public-free-page.printing-public-exercise main>.free-tool-stage,body.public-free-page.printing-public-callup main>.free-tool-stage,body.public-free-page.printing-public-exercise #free-tools-root,body.public-free-page.printing-public-callup #free-tools-root{display:block!important}body.public-free-page.printing-public-exercise .public-tools,body.public-free-page.printing-public-callup .public-tools{display:block!important;min-height:0!important;border:0!important;box-shadow:none!important}}
