/* Dicas & Soluções — hub de casos e soluções PHR */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.breadcrumb{font-size:13px;color:#697d96;margin-bottom:18px}
.breadcrumb a{color:#175cd3;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.dicas-hero{background:linear-gradient(135deg,#f8fbff,#edf5ff);padding:56px 0 64px;border-bottom:1px solid #e5edf6}
.dicas-hero h1{font-size:clamp(32px,4.2vw,48px);letter-spacing:-1.6px;margin:14px 0 12px}
.dicas-hero .dicas-subtitle{font-size:clamp(17px,2.2vw,20px);font-weight:650;color:#1d4a7a;margin:0 0 16px;letter-spacing:-.3px}
.dicas-hero .dicas-intro{font-size:17px;color:var(--muted);max-width:720px;line-height:1.65;margin:0}
.dicas-hero .dicas-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dicas-badge{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;background:#e7f0ff;color:#175cd3;padding:6px 12px;border-radius:99px}
.dicas-badge.teal{background:#e4f9f5;color:#087d77}
.dicas-section{padding:48px 0 72px}
.dicas-section h2{font-size:clamp(22px,2.8vw,28px);letter-spacing:-.6px;margin:0 0 8px}
.dicas-section-lead{color:var(--muted);font-size:15px;margin:0 0 28px;max-width:640px}
.dicas-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.dicas-level-card{border:1px solid var(--border);border-radius:14px;padding:20px 18px;background:#fff;box-shadow:0 8px 24px #19395806}
.dicas-level-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;font-size:22px;margin-bottom:12px;background:#e7f0ff}
.dicas-level-card:nth-child(2) .dicas-level-icon{background:#fff4e6}
.dicas-level-card:nth-child(3) .dicas-level-icon{background:#eef2ff}
.dicas-level-card h3{margin:0 0 8px;font-size:16px;letter-spacing:-.2px}
.dicas-level-card p{margin:0;font-size:13px;color:#43566c;line-height:1.55}
.dicas-filters-wrap{margin-top:36px;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:#f8fbff}
.dicas-filters{display:grid;gap:20px}
.dicas-filter-group{border:0;margin:0;padding:0}
.dicas-filter-group legend{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#175cd3;margin-bottom:10px;padding:0}
.dicas-filter-options{display:flex;flex-wrap:wrap;gap:8px}
.dicas-filter-btn{font:inherit;font-size:13px;font-weight:650;color:#354c66;background:#fff;border:1px solid #cad7e7;border-radius:999px;padding:8px 14px;cursor:pointer;line-height:1.3}
.dicas-filter-btn:hover{border-color:#175cd3;color:#175cd3}
.dicas-filter-btn[aria-pressed="true"]{background:#175cd3;border-color:#175cd3;color:#fff}
.dicas-filter-status{font-size:14px;color:#43566c;margin:16px 0 0;min-height:1.4em}
.dicas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin-top:24px}
.dicas-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;padding:22px 22px 20px;background:#fff;box-shadow:0 8px 24px #19395808;min-height:100%}
.dicas-card[hidden]{display:none!important}
.dicas-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.dicas-card-category{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;color:#175cd3;background:#e7f0ff;padding:4px 10px;border-radius:99px}
.dicas-level{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#354c66}
.dicas-level-icon-sm{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:14px;background:#f1f5f9;flex-shrink:0}
.dicas-level[data-level="basico"] .dicas-level-icon-sm{background:#e7f0ff}
.dicas-level[data-level="intermediario"] .dicas-level-icon-sm{background:#fff4e6}
.dicas-level[data-level="avancado"] .dicas-level-icon-sm{background:#eef2ff}
.dicas-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.35px;line-height:1.35;color:var(--navy)}
.dicas-card p{margin:0;font-size:14px;color:#43566c;line-height:1.6;flex:1}
.dicas-card-foot{margin-top:16px;padding-top:14px;border-top:1px solid #eef3f8}
.dicas-status{font-size:12px;font-weight:700;color:#57697d;background:#f1f5f9;border-radius:8px;padding:8px 12px;display:inline-block}
.dicas-status--planned{color:#6b4c0a;background:#fff8eb;border:1px solid #f0dfa8}
.dicas-editorial{margin-top:40px;padding:22px 24px;border-radius:14px;border:1px dashed #cad7e7;background:#fafcff}
.dicas-editorial h2{font-size:18px;margin:0 0 8px}
.dicas-editorial p{margin:0;font-size:14px;color:#43566c;max-width:640px}
.dicas-crosslink{margin-top:28px;font-size:14px;color:#43566c}
.dicas-crosslink a{color:#175cd3;font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.dicas-levels{grid-template-columns:1fr}.dicas-filters-wrap{padding:16px 18px}}
@media(max-width:500px){.dicas-filter-btn{width:100%;justify-content:center;text-align:center}}
.dicas-card--linked{text-decoration:none;color:inherit;transition:box-shadow .15s ease,border-color .15s ease}
.dicas-card--linked:hover{border-color:#b8d4f5;box-shadow:0 12px 28px #175cd318}
.dicas-card-action{font-size:13px;font-weight:750;color:#175cd3}
.dicas-article-page{padding:40px 0 72px}
.dicas-article-header{margin-bottom:28px;max-width:760px}
.dicas-article-header h1{font-size:clamp(26px,3.2vw,36px);letter-spacing:-1px;line-height:1.2;margin:12px 0 14px;font-weight:800}
.dicas-article-lead{font-size:17px;color:#43566c;line-height:1.6;margin:0 0 16px}
.dicas-article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#697d96}
.dicas-article-content{max-width:760px;font-size:16px;color:#354c66;overflow-x:clip}
.dicas-article-content h2{font-size:22px;letter-spacing:-.4px;margin:36px 0 12px;color:#1d4a7a}
.dicas-article-content h3{font-size:17px;margin:22px 0 10px;color:#1d4a7a}
.dicas-article-content p,.dicas-article-content li{line-height:1.65}
.dicas-article-content ul,.dicas-article-content ol{padding-left:1.25rem;margin:12px 0 20px}
.dicas-article-content a{color:#175cd3;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.dicas-toc{margin:24px 0 32px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:#f8fbff}
.dicas-toc-title{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#175cd3}
.dicas-toc ol{margin:0;padding-left:1.25rem;display:grid;gap:6px;font-size:14px}
.dicas-callout{border-radius:12px;padding:16px 18px;margin:20px 0;border:1px solid var(--border);font-size:15px;line-height:1.55}
.dicas-callout--fact{background:#f6fffb;border-color:#b8e8dc}
.dicas-callout--hypothesis{background:#fff8eb;border-color:#f0dfa8}
.dicas-callout--tip{background:#f0f6ff;border-color:#c7daf5}
.dicas-callout-label{display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;color:#175cd3}
.dicas-callout--hypothesis .dicas-callout-label{color:#9a6700}
.dicas-callout--fact .dicas-callout-label{color:#087d77}
.dicas-compare-region{margin:20px 0 28px}
.dicas-compare-desktop{display:block}
.dicas-compare-cards{display:none;gap:12px;margin:0 0 4px}
.dicas-compare-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.dicas-compare-card-metric{margin:0;padding:12px 14px;font-size:13px;font-weight:700;color:#1d4a7a;background:#f0f6ff;border-bottom:1px solid var(--border);line-height:1.4}
.dicas-compare-card-values{display:flex;flex-wrap:wrap}
.dicas-compare-card-col{flex:1 1 9.5rem;padding:12px 14px;min-width:0;box-sizing:border-box}
.dicas-compare-card-col.dicas-compare-before{background:#fff8f8;border-right:1px solid var(--border)}
.dicas-compare-card-col.dicas-compare-after{background:#f6fffb}
.dicas-compare-card-label{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;color:#57697d}
.dicas-compare-card-value{font-size:14px;line-height:1.5;color:#354c66;word-break:break-word}
.dicas-compare-card-value code{font-size:13px}
@media (max-width:600px){
.dicas-compare-desktop{display:none}
.dicas-compare-cards{display:grid}
}
@media (min-width:601px){
.dicas-compare-cards{display:none!important}
}
.dicas-compare-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.dicas-compare-table th,.dicas-compare-table td{border:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:top;word-break:break-word}
.dicas-compare-table th{background:#f0f6ff;color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.dicas-compare-table .dicas-compare-before{background:#fff8f8}
.dicas-compare-table .dicas-compare-after{background:#f6fffb}
.dicas-evidence{margin:24px 0 32px}
.dicas-evidence-slot{border:2px dashed #cad7e7;border-radius:14px;padding:28px 22px;background:#fafcff;text-align:center;margin:16px 0}
.dicas-evidence-slot p{margin:0;font-size:14px;color:#57697d;line-height:1.55;max-width:520px;margin-left:auto;margin-right:auto}
.dicas-evidence-slot strong{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#175cd3;margin-bottom:10px}
.dicas-evidence figcaption{margin-top:10px;font-size:13px;color:#697d96;line-height:1.5;text-align:left}
.dicas-evidence-img{display:block;width:100%;max-width:900px;height:auto;margin:16px auto;border-radius:12px;border:1px solid #dde6f0;box-shadow:0 8px 28px rgba(16,43,81,.08)}
.dicas-evidence-enlarge{display:block;text-decoration:none;color:inherit}
.dicas-evidence-enlarge:focus-visible .dicas-evidence-img{outline:3px solid #69afff;outline-offset:4px}
.dicas-evidence-open{margin:0 0 8px;font-size:13px;text-align:center}
.dicas-evidence-open a{color:#175cd3;font-weight:650}
.dicas-evidence-pending{margin:16px 0;padding:14px 16px;border:1px dashed #cad7e7;border-radius:10px;background:#fafcff;font-size:14px;color:#57697d;line-height:1.5}
.dicas-prompt-block{margin:22px 0;border:1px solid #cad7e7;border-radius:12px;background:#fff;overflow:hidden}
.dicas-prompt-block summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;font-size:15px;color:var(--navy);background:#f8fbff;border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:12px}
.dicas-prompt-block summary::-webkit-details-marker{display:none}
.dicas-prompt-block summary::after{content:'+';font-size:18px;font-weight:800;color:#175cd3;line-height:1}
.dicas-prompt-block[open] summary{border-bottom-color:#eef3f8}
.dicas-prompt-block[open] summary::after{content:'−'}
.dicas-prompt-block summary:focus-visible{outline:3px solid #69afff;outline-offset:-3px}
.dicas-prompt-inner{padding:0 16px 16px}
.dicas-prompt-objective{font-size:14px;color:#43566c;margin:14px 0 12px}
.dicas-prompt-objective strong{color:#354c66}
.dicas-prompt-pending{font-size:12px;font-weight:700;color:#9a6700;background:#fff8eb;border:1px solid #f0dfa8;border-radius:8px;padding:8px 12px;margin:12px 0 0;display:inline-block}
.dicas-prompt-tier{font-size:12px;font-weight:700;color:#57697d;margin:12px 0 0}
.dicas-prompt-notice{font-size:13px;color:#354c66;background:#eef6ff;border:1px solid #c5d9f5;border-radius:8px;padding:10px 14px;margin:12px 0 0;line-height:1.5}
.dicas-prompt-prereq{font-size:13px;color:#43566c;margin:10px 0 0;padding-left:18px}
.dicas-prompt-prereq li{margin:4px 0}
.dicas-prompt-adapt{font-size:12px;color:#57697d;margin:12px 0 0;line-height:1.45}
.dicas-homologation{margin:0 0 28px;padding:16px 18px;border-radius:12px;border:1px solid #f0dfa8;background:#fff8eb;font-size:14px;color:#43566c;line-height:1.55}
.dicas-homologation strong{color:#9a6700}
.dicas-compare-note{font-size:13px;color:#697d96;margin:12px 0 0;line-height:1.5}
.dicas-prompt-panel{margin-top:12px;border:1px solid #263f60;border-radius:10px;background:#0b1d34;color:#e8f0fa;overflow:hidden}
.dicas-prompt-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#132a4a;border-bottom:1px solid #263f60;font-size:12px;font-weight:650}
.dicas-prompt-copy{border:0;background:#175cd3;color:#fff;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}
.dicas-prompt-copy:hover{background:#124eb8}
.dicas-prompt-copy:focus-visible{outline:3px solid #69afff;outline-offset:2px}
.dicas-prompt-copy[aria-live]{min-width:5rem;text-align:center}
.dicas-prompt-body{margin:0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.dicas-reader-feedback{margin:36px 0 0;padding:20px 18px;border:1px solid var(--border);border-radius:12px;background:#f8fbff}
.dicas-feedback-title{font-size:18px;letter-spacing:-.3px;margin:0 0 8px;color:#1d4a7a}
.dicas-feedback-lead{margin:0 0 18px;font-size:14px;color:#57697d;line-height:1.5}
.dicas-feedback-fieldset{border:0;margin:0;padding:0;min-width:0}
.dicas-feedback-legend{font-size:13px;font-weight:700;color:#354c66;margin-bottom:10px;padding:0}
.dicas-feedback-options{display:grid;gap:8px;margin-bottom:16px}
.dicas-feedback-option{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:#354c66}
.dicas-feedback-option input{margin-top:3px;accent-color:#175cd3;flex-shrink:0}
.dicas-feedback-option label{cursor:pointer;font-weight:500}
.dicas-feedback-option input:focus-visible{outline:3px solid #69afff;outline-offset:2px}
.dicas-feedback-comment-wrap{margin-bottom:12px}
.dicas-feedback-comment-label{display:block;font-size:13px;font-weight:650;color:#354c66;margin-bottom:6px}
.dicas-feedback-optional{font-weight:500;color:#697d96}
.dicas-feedback-comment{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #cad7e7;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;line-height:1.5;color:#354c66;background:#fff;resize:vertical;min-height:4.5rem}
.dicas-feedback-comment:focus-visible{outline:3px solid #69afff;outline-offset:2px;border-color:#69afff}
.dicas-feedback-privacy-block{margin:4px 0 18px;padding-top:4px}
.dicas-feedback-privacy-title{margin:0 0 8px;font-size:13px;font-weight:700;color:#354c66;letter-spacing:-.2px}
.dicas-feedback-privacy{margin:0 0 10px;font-size:12px;color:#697d96;line-height:1.55}
.dicas-feedback-privacy-block .dicas-feedback-privacy:last-child{margin-bottom:0}
@media (max-width:600px){
.dicas-feedback-privacy-block{margin-bottom:16px}
.dicas-feedback-privacy{font-size:13px;line-height:1.6}
.dicas-feedback-actions{gap:12px}
}
.dicas-feedback-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dicas-feedback-submit{border:0;background:#175cd3;color:#fff;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer}
.dicas-feedback-submit:hover{background:#124eb8}
.dicas-feedback-submit:focus-visible,.dicas-feedback-copy:focus-visible{outline:3px solid #69afff;outline-offset:2px}
.dicas-feedback-copy{border:1px solid #cad7e7;background:#fff;color:#175cd3;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer}
.dicas-feedback-copy:hover{background:#eef6ff}
.dicas-feedback-status{margin:12px 0 0;font-size:13px;line-height:1.45;color:#087d77}
.dicas-feedback-status--error{color:#9a6700}
.dicas-feedback-status[hidden]{display:none}
.dicas-article-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:28px;border-top:1px solid var(--border);font-size:14px;font-weight:750}
.dicas-article-nav a{color:#175cd3}
.dicas-ref-list{font-size:14px}
.dicas-ref-list li{margin-bottom:8px}
@media(max-width:639px){.dicas-article-content h2{font-size:20px}}
