/* DonOpos 2026 · Sistema visual editorial, deliberadamente distinto de OpositaTest. */
:root {--do-blue:#2949ca;--do-dark:#15254c;--do-muted:#62728e;--do-edge:#e4e9f3;--do-mist:#f6f8fc;--do-purple:#eef1ff}
.donopos-exam,.do-premium,.do-home-popular {font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--do-dark)}
.donopos-exam {padding-top:28px !important;background:linear-gradient(180deg,#f7f9ff 0%,#fff 75%) !important}
.donopos-exam .exam-shell {max-width:1140px}
.donopos-exam .exam-hero {border:1px solid #e2e8ff !important;border-radius:23px !important;background:linear-gradient(120deg,#17285d 0%,#314cbb 65%,#5a76df 100%) !important;color:#fff;min-height:265px;box-shadow:0 14px 36px rgba(28,49,116,.14) !important}
.donopos-exam .exam-hero:after {opacity:.22}
.donopos-exam .exam-kicker {background:#e9efff;color:#183ca3;border-color:transparent;font-size:.72rem;letter-spacing:.09em;font-weight:850}
.donopos-exam .exam-hero .exam-kicker {background:rgba(255,255,255,.18);color:white;border-color:rgba(255,255,255,.3)}
.donopos-exam .exam-hero .exam-subtitle,.donopos-exam .exam-hero p {color:#e5eaff !important}
.donopos-exam .exam-hero .exam-title {color:#fff !important;line-height:1.08;letter-spacing:-.035em;max-width:820px}
.donopos-exam .exam-hero .exam-button--primary {background:#fff;color:#1c3aa6!important;box-shadow:none}
.donopos-exam .exam-hero .exam-button--secondary {background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.5)}
.donopos-exam .exam-card {border:1px solid var(--do-edge);border-radius:17px;box-shadow:0 4px 18px rgba(23,35,82,.035);transition:box-shadow .15s,border-color .15s,transform .15s}
.donopos-exam .exam-card:hover {border-color:#b6c5ee;box-shadow:0 9px 23px rgba(30,53,122,.08);transform:translateY(-2px)}
.donopos-exam .exam-card h2 {font-size:1.18rem;letter-spacing:-.02em}
.donopos-exam .exam-button {border-radius:10px;padding:12px 19px;font-weight:750}
.donopos-exam .exam-button--primary {background:var(--do-blue);box-shadow:none}
.donopos-exam .exam-button--primary:hover {background:#1d36a2}
.donopos-exam .exam-pill {font-size:.76rem;background:#f3f6fe;color:#526586;border-radius:7px}
.do-section-line {display:flex;justify-content:space-between;align-items:end;gap:15px;margin:36px 0 17px}
.do-section-line h2 {margin:5px 0 2px !important;color:var(--do-dark);font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:850;letter-spacing:-.025em}
.do-section-line p {margin:3px 0;color:var(--do-muted)}
.do-section-line a {font-weight:750;font-size:.9rem;text-decoration:none;white-space:nowrap;color:var(--do-blue)}
.do-eyebrow {color:#3756c7;font-weight:850;font-size:.71rem;letter-spacing:.105em}
.do-test-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.do-test-tile {border:1px solid var(--do-edge);background:white;display:flex;flex-direction:column;padding:20px;border-radius:16px;color:var(--do-dark)!important;text-decoration:none!important;min-height:183px;transition:all .18s}
.do-test-tile:hover {border-color:#94a8ee;box-shadow:0 12px 30px rgba(35,65,138,.095);transform:translateY(-3px)}
.do-test-tile h3 {font-size:1.04rem;font-weight:830;margin:13px 0 7px;line-height:1.3;letter-spacing:-.012em;color:var(--do-dark)}
.do-test-tile p {font-size:.86rem;color:var(--do-muted);margin:0 0 14px}
.do-test-overline,.do-test-bottom {display:flex;justify-content:space-between;align-items:center;gap:8px}
.do-test-overline b {font-size:.73rem;color:#4f65ab}
.do-test-bottom {margin-top:auto;border-top:1px solid var(--do-edge);padding-top:12px;font-size:.76rem;color:var(--do-muted)}
.do-test-bottom b {white-space:nowrap;color:var(--do-blue)}
.do-tag {display:inline-block;background:var(--do-purple);color:#3851b5;padding:5px 9px;border-radius:7px;font-size:.72rem;font-weight:830;white-space:nowrap}
.do-card-top {display:flex;align-items:center;justify-content:space-between;gap:8px}
.do-category-tile h2 {min-height:36px}
.do-category-tile[hidden] {display:none!important}
.do-filter-label {display:block;color:var(--do-muted);font-size:.78rem;font-weight:750;margin:0 0 15px}
.do-filter-label input {display:block;max-width:430px;width:100%;border:1px solid #d9e1f4;border-radius:10px;background:#fff;padding:10px 12px;font-size:.94rem;color:var(--do-dark);margin-top:6px}
.do-access-flag {display:inline-flex;margin:14px 0 6px;padding:8px 13px;color:#2844b6;background:#edf1ff;border-radius:9px;font-weight:850;font-size:.86rem}
.do-notice {padding:15px 19px;background:#f2f5ff;border:1px solid #d9e3ff;border-radius:12px;color:#26418b;margin:18px 0;line-height:1.55}
.do-notice a {font-weight:750;color:#1739bd}
.do-notice-error {background:#fff1f1;color:#942b35;border-color:#f8cdd0}
.do-premium {background:linear-gradient(180deg,#f7f9ff,#fff);padding:35px 18px 60px;min-height:70vh}
.do-wrap {max-width:1080px;margin:0 auto}
.do-center {text-align:center;max-width:690px;margin:14px auto 38px}
.do-center h1 {font-weight:850;letter-spacing:-.04em;line-height:1.1;font-size:clamp(2rem,5vw,3rem);color:var(--do-dark);margin:12px 0}
.do-center p {font-size:1.05rem;line-height:1.6;color:var(--do-muted)}
.do-plan-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:890px;margin:0 auto 25px}
.do-plan {background:#fff;border:1px solid #e1e6f2;border-radius:20px;padding:28px;box-shadow:0 9px 29px #12244f0a}
.do-plan.is-featured {border:2px solid #405ede;box-shadow:0 15px 34px #253bc119}
.do-plan h2 {font-size:1.4rem;color:var(--do-dark);font-weight:850;margin:15px 0}
.do-price {font-size:3.5rem;line-height:1;font-weight:900;letter-spacing:-.06em;color:var(--do-dark)}
.do-price small {font-size:.92rem;color:var(--do-muted);font-weight:600;letter-spacing:0}
.do-plan p {color:var(--do-muted);line-height:1.55;margin:19px 0}
.do-plan ul {list-style:none;padding:0;margin:20px 0 30px;display:grid;gap:13px}
.do-plan li {color:#394862;font-size:.94rem}
.do-paypal {min-height:45px}
.do-btn {border:0;display:inline-block;background:var(--do-blue);color:white!important;border-radius:10px;font-weight:780;padding:11px 16px;text-decoration:none!important;cursor:pointer;font-size:.9rem}
.do-btn:hover {background:#1e369e}
.do-btn-soft {background:#e9eeff;color:#2949a8!important}
.do-btn-soft:hover {background:#dce4ff}
.do-btn-danger {background:#aa3142}
.do-plan-unavailable {font-size:.85rem;font-weight:700;color:#8792aa}
.do-small {font-size:.8rem;color:var(--do-muted);text-align:center;max-width:800px;margin:20px auto}
.do-card {background:#fff;padding:22px;border:1px solid var(--do-edge);border-radius:14px;margin:14px 0}
.do-card h2 {font-size:1.2rem;margin:12px 0}
.do-card p,.do-card small {color:var(--do-muted)}
.do-card form {margin:7px 0}
.do-row {display:flex;justify-content:space-between;gap:20px;align-items:center}
.do-home-popular {margin:35px 0}
.do-admin {margin:0;background:#f7f9fd;font:15px/1.5 Inter,system-ui,sans-serif;color:var(--do-dark)}
.do-admin-nav {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px max(18px,calc((100vw - 1200px)/2));background:#182b64;color:#fff;flex-wrap:wrap}
.do-admin-nav a {color:#e8edff;text-decoration:none;font-size:.85rem}
.do-admin-wrap {max-width:1180px;margin:0 auto;padding:30px 18px 70px}
.do-admin-hero h1 {font-size:clamp(1.7rem,3vw,2.4rem);margin:5px 0;letter-spacing:-.04em}
.do-admin-hero p {color:var(--do-muted)}
.do-kpis {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}
.do-kpis>div {background:#fff;border:1px solid var(--do-edge);padding:20px;border-radius:13px}
.do-kpis strong {font-size:1.75rem;font-weight:850;display:block}
.do-kpis span {font-size:.8rem;color:var(--do-muted)}
.do-panel {border:1px solid var(--do-edge);background:white;padding:24px;margin:23px 0;border-radius:15px;box-shadow:0 4px 20px #1b326008}
.do-section-head h2 {font-size:1.35rem;font-weight:830;letter-spacing:-.02em;margin:0 0 5px}
.do-section-head p {color:var(--do-muted);margin:0 0 18px;font-size:.92rem}
.do-admin-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.do-admin-form label {font-size:.82rem;font-weight:760;color:#4d5a75}
.do-admin-form input,.do-admin-form select,.do-search input,.do-search select {width:100%;display:block;border-radius:9px;border:1px solid #d9e1f0;padding:11px 12px;margin-top:4px;font:inherit;color:#1b2e55;background:white;box-sizing:border-box}
.do-search {display:grid;grid-template-columns:1fr minmax(200px,310px) auto;gap:10px;align-items:end;margin-bottom:18px}
.do-inline {background:#f7f9ff;padding:13px 15px;margin:15px 0;border-radius:9px;color:#4c5d7d}
.do-inline p {margin:0}
.do-inline code {word-break:break-all;color:#314bba}
.do-inline small {margin-left:7px}
.do-table-wrap {width:100%;overflow-x:auto}
.do-admin table {width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}
.do-admin th {font-size:.76rem;color:#697894;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;background:#f8faff}
.do-admin th,.do-admin td {padding:12px;border-bottom:1px solid #edf0f6}
.do-admin td strong {font-weight:740;display:block}
.do-admin td small {display:block;color:var(--do-muted)}
.do-admin table .do-btn {padding:7px 10px;font-size:.76rem;white-space:nowrap}
.do-admin td code {font-size:.78rem;word-break:break-all}
.do-admin table a {color:#2949b5;font-weight:720}
.do-pagination {display:flex;justify-content:space-between;margin-top:16px;color:var(--do-muted)}
.do-pagination a {color:var(--do-blue);font-weight:760}
@media(max-width:900px){.do-test-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.do-kpis {grid-template-columns:repeat(2,1fr)}}
@media(max-width:630px){.do-test-grid,.do-plan-grid,.do-admin-form,.do-search,.do-kpis {grid-template-columns:1fr}.do-section-line,.do-row {align-items:flex-start;flex-direction:column}.do-admin-wrap {padding:20px 12px}.do-plan {padding:21px}.do-panel {padding:16px}.do-test-tile {min-height:160px}.do-section-line a{white-space:normal}}
.do-catalog-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.do-catalog-item {border:1px solid var(--do-edge);border-radius:12px;display:flex;align-items:center;gap:13px;padding:15px 14px;text-decoration:none!important;background:#fff;color:var(--do-dark)!important;transition:border-color .18s}
.do-catalog-item:hover {border-color:#aebeee;background:#fbfcff}
.do-catalog-mark {flex:0 0 34px;height:34px;border-radius:9px;background:#eef2ff;color:#3452c5;display:grid;place-items:center;font-size:1.2rem}
.do-catalog-text {flex:1;min-width:0}
.do-catalog-text strong,.do-catalog-text small {display:block}
.do-catalog-text strong {font-size:.88rem;font-weight:790;line-height:1.34}
.do-catalog-text small {font-size:.76rem;color:var(--do-muted);margin-top:4px}
.do-catalog-arrow {font-size:.76rem;color:#3452c5;font-weight:800;white-space:nowrap}
.do-catalog-pages {display:flex;justify-content:center;gap:22px;margin:18px 0 30px;color:var(--do-muted);font-size:.85rem}
.do-catalog-pages a {font-weight:780;color:var(--do-blue)}
@media(max-width:790px){.do-catalog-list {grid-template-columns:1fr}}
.do-recover {display:flex;flex-wrap:wrap;gap:9px}
.do-recover input {flex:1;min-width:200px;border:1px solid #d9e1ef;border-radius:9px;padding:10px 12px}
