/* SubeTest: crisp navy workspace, teal accents and consistent control rhythm. */
:root{--navy:#102d45;--teal:#008880;--bright:#12c6b0;--bg:#f3f6f9;--line:#dce5eb}body{line-height:1.6}.card{border-radius:18px;box-shadow:0 5px 22px #102d4504}button,.button-link{min-height:42px;border-radius:10px;font-size:14px}button.primary{box-shadow:0 3px 8px #00888018}input,select,textarea{min-height:44px}.page-head{margin-bottom:30px}h1{font-weight:750;letter-spacing:-1px}small,.demo b,.aside-title{font-size:12px}.tag,.pill,.updated{font-size:13px}#sidebar{background:var(--panel,#fff)}#sidebar .aside-title{font-weight:700;letter-spacing:1px}#sidebar button{white-space:normal;line-height:1.35}.admin-search-button{border:1px solid var(--line);margin-bottom:16px!important}.home-intro{border-bottom:1px solid var(--line);padding-bottom:30px!important;margin-bottom:28px}.home-intro h1{letter-spacing:-1.8px}.exam .card-top{margin-bottom:16px}.exam h3{font-size:20px;line-height:1.45}.exam .card-foot{margin-top:auto}.price{padding:32px 26px;position:relative}.price.featured{background:linear-gradient(150deg,#effdfa,#fff);box-shadow:0 12px 32px #00888015}.price strong{font-size:46px}#site-footer{margin-top:24px;border-top:1px solid var(--line)}.footer-top h2{font-size:26px}.footer-top{gap:26px}.socials4{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.socials4 a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:inherit;text-decoration:none}.socials4 a:hover{color:var(--teal);background:#11c6b01a}.social-row4{margin:18px 0;border:1px solid var(--line);border-radius:14px;padding:20px}.social-row4 legend{font-weight:700}.social-row4 legend svg{vertical-align:middle}.social-row4 .actions{gap:24px}.v4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.shortcut4{text-align:left}.shortcut4>span{color:var(--teal);font-size:26px}.configuration-notice{padding:18px 20px;border:1px solid #efcf85;background:#fff7e5;color:#634b13;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-radius:14px;margin-bottom:25px}.configuration-notice span{flex:1;min-width:180px}.sticky-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.maintenance-view{text-align:center;max-width:740px;margin:50px auto;padding:60px 30px}.maintenance-view h1{margin:24px 0}.maintenance-view p{max-width:520px;margin:16px auto 26px}.maintenance-icon{display:inline-grid;place-items:center;width:80px;height:80px;background:#0eab9b20;color:var(--teal);font-size:44px;border-radius:25px}.maintenance-flag{background:#ffce69;color:#392a0b;font-size:12px}.wide4{max-width:940px}.search-result{width:100%;text-align:left;margin-top:7px}.contact-grid4{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.contact-side4{display:block;width:auto;padding:0;border:none;background:transparent!important}.contact-side4 .card{margin-bottom:24px}.support4{background:var(--navy);color:white;padding:35px}.support4 h2{font-size:30px;line-height:1.25;margin:25px 0}.support4 a{color:#79e5d8}.support4 .socials4{margin-top:25px}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin:12px 0 0}.honey4{position:absolute;left:-10000px}.ranking4{padding-top:30px;margin-top:32px;border-top:1px solid var(--line)}.ranking4 .eyebrow{font-size:12px;color:var(--teal);letter-spacing:1.5px}.ranking4 h2{font-size:28px}.podium4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rank-card4{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel,#fff);padding:24px 18px;position:relative}.rank-card4:first-child{border-color:#1ba78e;background:linear-gradient(120deg,#e9fbf5,#fff)}.rank-number4{font-size:27px;color:#768b9c;font-weight:700}.rank-card4 p{margin:4px 0 0;font-size:22px;font-weight:750;color:var(--teal)}.rank-card4 p span{font-size:13px;font-weight:400}.rank-star4{position:absolute;top:6px;right:12px;color:#bd891d}.rank-card4 .author-link{text-align:left;font-size:15px}.segmented4{display:flex;gap:5px;padding:4px;background:#6a8c9d12;border-radius:12px}.privacy-rank4{margin-top:24px}.metric-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric4>span{font-size:14px;color:var(--muted)}.metric4 strong{display:block;font-size:34px;letter-spacing:-1px;margin:8px 0}.metric4 small{background:none;color:var(--teal);padding:0}.chart-card4{margin:24px 0}.bar-chart4{display:flex;align-items:flex-end;gap:15px;min-height:210px;overflow-x:auto;padding-top:20px}.bar-chart4>div{display:flex;flex:1;min-width:42px;align-items:center;flex-direction:column;gap:8px}.bar-chart4 i{width:80%;border-radius:5px 5px 0 0;background:linear-gradient(#13c5b1,#087c80)}.bar-chart4 span{font-size:12px;white-space:nowrap}.bar-chart4 b{font-size:13px}.three-col4{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.alert-preview4{padding:32px;border-radius:18px;margin:16px 0}.alert-preview4 h2{font-size:29px;margin:20px 0}.alert-symbol4{display:grid;place-items:center;width:44px;height:44px;border:2px solid currentColor;border-radius:50%;font-size:24px}.alert-preview4 .alert-cta4{margin-top:18px;border:0;padding:12px 20px}.alert-image4{width:100%;max-height:230px;object-fit:cover;border-radius:10px;margin-top:20px}.banner4{display:flex;width:100%;border:1px solid #c9dce4;padding:22px 28px;margin:28px 0;gap:20px;justify-content:space-between;align-items:center;border-radius:14px;background:linear-gradient(110deg,#eaf0f7,#eefaf7);color:#19304a}.banner4 small{background:transparent;color:#64768c;padding:0;letter-spacing:1px}.banner4 h3{font-size:22px;margin:6px 0}.banner4 p{margin:0;color:#587085}.banner4>span{color:#057f76;letter-spacing:2px;font-size:13px;text-align:right;font-weight:800}.preview-existing{margin-bottom:20px}.protect-select #app .question,.protect-select #app .answer,.protect-select #app .feedback,.protect-select #app .review-question{user-select:none}.export-actions4{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:18px}legend{font-weight:650}dialog form{margin-top:16px}dialog{max-height:90vh;overflow:auto}input[type=color]{padding:3px}table{font-size:14px}#stats-filter4{align-items:flex-end}#stats-filter4 .field{flex:1;margin:0}
[data-theme=dark]{--panel:#173347;--bg:#0c2131;--line:#2b485b;--muted:#a3b5c4}[data-theme=dark] .rank-card4:first-child,[data-theme=dark] .price.featured{background:linear-gradient(130deg,#123f40,#173347)}[data-theme=dark] .banner4{background:linear-gradient(110deg,#1d384c,#153d3c);color:#e6f3fc;border-color:var(--line)}[data-theme=dark] .banner4 p,[data-theme=dark] .banner4 small{color:#b6ced9}[data-theme=dark] .banner4>span{color:#59d7c7}[data-theme=dark] .configuration-notice{background:#3e351e;color:#f5d899;border-color:#6b5831}[data-theme=dark] .contact-side4{background:transparent}[data-theme=dark] .alert-preview4 button{color:white}
@media(max-width:1100px){.podium4{grid-template-columns:1fr}.metric-grid4{grid-template-columns:repeat(2,1fr)}.v4-grid{grid-template-columns:repeat(2,1fr)}.contact-grid4{grid-template-columns:1fr}.rank-card4{padding:18px}.rank-card4>div{flex:1}.stats{flex-wrap:wrap}}
@media(max-width:720px){#sidebar button{white-space:nowrap}#sidebar .admin-search-button{margin-bottom:0!important}.demo{flex-wrap:wrap}.demo>span{max-width:none;flex-basis:100%}.demo label{font-size:13px}.v4-grid{grid-template-columns:1fr}.contact-side4{position:static;overflow:visible}.metric4 strong{font-size:25px}.metric4{padding:16px}.ranking4 .section-title{align-items:flex-start;gap:15px;flex-direction:column}.support4{padding:26px}.bar-chart4{gap:10px}.banner4{padding:20px;display:block}.banner4>span{display:none}.three-col4{gap:10px}.sticky-actions button{flex:1}.social-row4 .actions{gap:12px}.maintenance-view{padding:30px 20px}.maintenance-flag{display:none}.price strong{font-size:38px}#stats-filter4 .field{min-width:130px}#stats-filter4 button{width:100%}}
@media print{body.protect-print #app,body.protect-print header,body.protect-print aside,body.protect-print footer,body.protect-print .demo{display:none!important}body.protect-print:after{content:'Contenido protegido de SubeTest';display:block;font-size:20px}}
