/* HUBMAT Visual: catálogo HTML completo, sem fontes ou bibliotecas externas. */
:root{color-scheme:light;--ink:#15324b;--muted:#536674;--green:#146348;--paper:#f8f9f5;--line:#d3ded6;--gold:#f2c257}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--green)}button,input,select{font:inherit;color:inherit}button,summary{cursor:pointer}a,button,summary,input,select{touch-action:manipulation}[hidden]{display:none!important}:focus-visible{outline:3px solid #256bb3;outline-offset:4px}.skip{position:absolute;top:-100px;left:14px;z-index:50;padding:12px;background:white}.skip:focus{top:8px}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850;font-size:18px;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:.06em}.mark{width:42px;height:42px;flex:0 0 42px;background:url('/assets/logo-hplus-novo.webp') center/contain no-repeat;font-size:0;letter-spacing:0}.mark span{display:none}.header-back{margin-left:auto;padding:12px;text-decoration:none;font-size:14px}.site-menu{position:relative}.site-menu summary{min-height:44px;padding:10px}.site-menu nav{position:absolute;right:0;top:48px;min-width:220px;background:white;border:1px solid var(--line);border-radius:12px;padding:10px;z-index:30;box-shadow:0 10px 30px #15324b22}.site-menu a{display:block;min-height:44px;padding:10px;text-decoration:none}.catalog{max-width:1180px;margin:auto;padding:30px 24px 48px}.catalog-hero{padding:12px 0 22px;max-width:810px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin:0 0 8px}h1{font-size:clamp(34px,4.7vw,55px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}h1 em{font-style:normal;color:var(--green)}.catalog-hero>p:last-child{font-size:17px;color:var(--muted);margin:0;max-width:650px}h2{font-size:25px;line-height:1.2;letter-spacing:-.02em;margin:16px 0 10px}h3{font-size:16px}.axis-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 22px}.axis-card{display:flex;flex-direction:column;align-items:flex-start;min-height:213px;padding:15px;background:white;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}.axis-card:hover,.axis-card[aria-current]{border-color:var(--green);transform:translateY(-3px);box-shadow:0 5px 0 #e7eee0}.axis-card svg{display:block;width:100%;height:100px;margin-bottom:12px;fill:none;stroke-linecap:round;stroke-linejoin:round}.axis-card strong{font-size:16px;line-height:1.25}.axis-card span{font-size:13px;color:var(--muted);margin-top:8px}.axis-card b{font-size:13px;color:var(--green);padding-top:10px;margin-top:auto}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.filter-bar label{display:flex;align-items:center;gap:12px;font-size:14px}.filter-bar select{min-height:46px;max-width:100%;padding:9px;border:1px solid #acbfaf;border-radius:10px;background:white}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 14px;border:1px solid #acbfaf;border-radius:10px;background:white;font-weight:700;font-size:14px;text-decoration:none}.btn:hover{background:#eef5ea}.search-option{margin:0 0 14px}.search-option summary{min-height:44px;padding:10px 0;font-size:14px;color:var(--muted)}.search-option label{display:block;font-size:14px;margin:8px 0}.search-option input{width:min(680px,100%);min-height:48px;padding:12px;border:1px solid #a0b4a6;border-radius:10px;background:white}.catalog-status{font-size:14px;color:var(--muted);margin:18px 0 12px}.catalog-family{background:white;border:1px solid var(--line);border-radius:14px;margin:12px 0;scroll-margin-top:20px}.catalog-family>summary{min-height:66px;padding:18px 20px;font-size:20px;font-weight:750}.catalog-family>summary small{font-size:13px;color:var(--muted);font-weight:500;margin-left:12px}.catalog-family[open]>summary{border-bottom:1px solid var(--line)}.grade-section{padding:4px 20px 18px}.grade-section h3{color:var(--green);font-size:15px;margin:16px 0 10px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.entry-grid a{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:84px;padding:12px 14px;border:1px solid #dce5d8;border-radius:10px;background:#fbfcf8;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.entry-grid a:hover{background:#edf4e7;border-color:var(--green)}.entry-grid a>span{font-weight:650}.entry-grid small{display:none}.entry-grid a[data-guided]::after{content:'Sequência guiada';font-size:11px;color:var(--green);margin-top:2px}.em-note{padding:12px;background:#edf4e7;border-radius:10px;font-size:14px}.empty{padding:16px;background:#fff3dc;border-radius:12px}.featured{margin:32px 0 18px}.featured>p{font-size:14px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature{display:block;padding:16px;border:1px solid var(--line);border-radius:16px;background:white;text-decoration:none;color:var(--ink)}.feature:hover{border-color:var(--green)}.feature svg{display:block;width:100%;height:118px;margin-bottom:12px;background:#f2f6ef;border-radius:10px;fill:none;stroke-linecap:round;stroke-linejoin:round}.feature strong{display:block;font-size:18px;line-height:1.2}.feature span{display:block;margin-top:8px;font-size:14px;color:var(--muted)}.feature b{display:block;margin-top:14px;font-size:13px;color:var(--green)}.catalog-note{font-size:13px;color:var(--muted);max-width:850px;margin-top:20px}.footer{max-width:1180px;margin:auto;padding:22px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer p{margin:0}.signature{text-align:right}.signature a{display:block;text-decoration:none;font-weight:700}.noscript{padding:10px;background:#edf4e7;border-radius:10px;font-size:14px}
@media(max-width:900px){.axis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.header-inner{padding:10px 14px;gap:8px}.brand{font-size:15px}.mark{font-size:29px}.brand small{font-size:9px}.header-back{font-size:12px;padding:10px 6px}.site-menu summary{font-size:13px;padding:10px 6px}.catalog{padding:20px 14px 36px}.catalog-hero{padding:4px 0 16px}.catalog-hero>p:last-child{font-size:15px}.axis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.axis-card{padding:12px;min-height:185px}.axis-card svg{height:76px}.axis-card strong{font-size:15px}.axis-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;column-gap:14px;min-height:145px}.axis-card:last-child svg{grid-row:1/4;height:105px;margin:0}.axis-card:last-child strong{align-self:end}.axis-card:last-child b{padding-top:4px}.entry-grid{grid-template-columns:1fr}.grade-section{padding:0 12px 12px}.catalog-family>summary{padding:16px 13px;font-size:18px}.catalog-family>summary small{display:block;margin:5px 0 0}.filter-bar label{width:100%;justify-content:space-between;gap:8px}.filter-bar select{max-width:59%}.featured-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:95px minmax(0,1fr);column-gap:14px;padding:12px}.feature svg{grid-row:1/4;height:105px;margin:0}.feature strong{font-size:16px}.feature span{font-size:13px;margin-top:6px}.feature b{margin-top:8px}.footer{padding:20px 16px;font-size:11px}.catalog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:white}.site-header,.axis-grid,.filter-bar,.search-option,.featured,[data-clear],.catalog-status{display:none!important}.catalog{max-width:none;padding:0}.catalog-family{break-inside:auto}.catalog-family::details-content{content-visibility:visible}.catalog-family>summary{font-size:18px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid a{min-height:0;font-size:11px;padding:5px}}

.study-resume,.study-route{border:1px solid #c7d9cb;border-radius:14px;background:#fff;padding:14px 18px;margin:18px 0;color:#15324b}.study-resume h2{font-size:20px;margin:0 0 8px}.study-resume p,.study-route p{font-size:13px;margin:7px 0;line-height:1.5}.study-resume a,.study-route a{display:block;min-height:44px;padding:10px;color:#146348;overflow-wrap:anywhere}.study-resume small{display:block;color:#526b5b}.study-resume button{min-height:44px;margin-top:8px;padding:8px;border:1px solid #9bb8a1;border-radius:8px;background:#fff}.study-route summary,.study-resume summary{min-height:44px;padding:10px 0;font-size:15px;font-weight:750;cursor:pointer}.study-route ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-left:22px}.study-route small{display:block;color:#526b5b}.study-route li{min-width:0;font-size:13px}.study-route article+article{border-top:1px solid #d7e3d9;margin-top:10px}.study-route h3{font-size:15px;margin:12px 0 4px}@media(max-width:650px){.study-route ol{grid-template-columns:1fr}.study-resume,.study-route{padding:12px}}