/* Tatami Atlas · páginas públicas (técnicas y glosario) */
:root{--bg:#050C1F;--card:#0B1836;--line:#ffffff1a;--ink:#F4F7FF;--mut:#A9B8D6;--blue:#1F6BFF}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(900px 500px at 85% -5%,#1F6BFF2b,transparent 60%),var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:#8DB4FF}
h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.005em}
h1{font-size:clamp(44px,7vw,78px);margin:14px 0 14px}
h2{font-size:clamp(28px,4vw,38px);margin:44px 0 12px}
.pb-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:12px max(18px,calc((100vw - 980px)/2));background:#050C1Fd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pb-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.pb-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff}.pb-brand span img{width:28px}
.pb-word{height:20px;width:auto}
.pb-nav nav{display:flex;gap:20px;margin-left:auto}
.pb-nav nav a{color:var(--mut);text-decoration:none;font-weight:700;font-size:15px}.pb-nav nav a:hover{color:#fff}
.pb-cta{display:inline-block;padding:15px 26px;border-radius:14px;background:linear-gradient(180deg,#3B82FF,#1557E0);color:#fff;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 14px 34px -12px #1F6BFF}
.pb-cta.small{padding:10px 16px;font-size:14.5px;border-radius:11px;box-shadow:none;white-space:nowrap}
.pb-main{max-width:980px;margin:0 auto;padding:26px 18px 30px}
.pb-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--mut)}
.pb-crumbs a{color:var(--mut);text-decoration:none}.pb-crumbs a:hover{color:#fff}.pb-crumbs i{font-style:normal;opacity:.5}
.pb-lead{font-size:19px;color:#D6E0F5;max-width:760px;margin:0 0 22px}.pb-lead b{color:#fff}
.pb-sub{color:var(--mut);margin:-4px 0 16px}
.pb-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.pb-tags span{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;font-size:13px;font-weight:700;color:#D6E0F5}
.pb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.pb-chips a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:#D6E0F5;text-decoration:none;font-size:14px;font-weight:700}
.pb-chips a:hover{border-color:var(--blue)}
.pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pb-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;min-height:76px}
.pb-card:hover{border-color:#1F6BFF99}
.pb-thumb{position:relative;width:96px;aspect-ratio:16/9;border-radius:10px;background:#07122B center/cover;flex:none}
.pb-thumb b{position:absolute;inset:0;display:grid;place-items:center;background:#07122B55;border-radius:10px;font-size:18px}
.pb-card-text{min-width:0}.pb-card-text b{display:block;font-size:15.5px;line-height:1.25}.pb-card-text small{color:var(--mut);font-size:12.5px}
.pb-video{margin:0 0 8px}
.pb-video>div{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000}
.pb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pb-video figcaption{margin-top:8px;color:var(--mut);font-size:13.5px}
.pb-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
.pb-steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.pb-steps li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);font-weight:800;font-size:15px;flex:none}
.pb-box{margin:36px 0 0;padding:24px;border-radius:20px;border:1px solid #1F6BFF88;background:linear-gradient(135deg,#1F6BFF26,#0B1836 60%)}
.pb-box b{font-size:20px}.pb-box p{margin:6px 0 16px;color:#D6E0F5}
.pb-links{display:flex;flex-wrap:wrap;gap:8px}
.pb-links a{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:#D6E0F5;text-decoration:none;font-size:14px;font-weight:700}
.pb-links a:hover{border-color:var(--blue)}
.pb-dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pb-dl>div{padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.pb-dl dt{font-weight:800;font-size:17px}.pb-dl dt a{color:#fff;text-decoration:none}.pb-dl dt a:hover{color:#8DB4FF}.pb-dl dt small{color:var(--mut);font-weight:600;font-size:13px;margin-left:6px}
.pb-dl dd{margin:6px 0 0;color:#C9D5EE;font-size:15px;line-height:1.55}
.pb-final{max-width:940px;margin:40px auto 50px;padding:48px 26px;border-radius:26px;text-align:center;background:linear-gradient(135deg,#1557E0,#7A4CD9)}
.pb-final h2{margin:0 0 10px;font-size:clamp(34px,5vw,54px)}.pb-final p{max-width:620px;margin:0 auto 22px;color:#ffffffe0}
.pb-final .pb-cta{background:#fff;color:#0B1630;box-shadow:none}
.pb-foot{max-width:980px;margin:0 auto;padding:24px 18px 40px;border-top:1px solid var(--line);color:var(--mut);font-size:13.5px}
.pb-foot nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:10px}.pb-foot nav a{color:var(--mut);font-weight:700;text-decoration:none}
@media (max-width:700px){body{font-size:16px}.pb-nav{gap:12px}.pb-word{display:none}.pb-nav nav{gap:14px}.pb-nav .pb-cta.small{padding:9px 12px;font-size:13px}.pb-final{margin:30px 14px 40px;padding:38px 20px}.pb-final .pb-cta{display:block}}