/* Layout compatibility for the real application; visual tokens come from demo 14. */
.score{display:flex;align-items:baseline;justify-content:center;gap:10px;line-height:1.2;margin:24px 0;letter-spacing:-2px;font-variant-numeric:tabular-nums}.score>small{font-size:28px;font-weight:600;letter-spacing:0;line-height:1.2;color:var(--muted);background:transparent;border-radius:0;padding:0;white-space:nowrap}
#header .user-menu{color:var(--ink)}#header .user-menu a,#header .user-menu button{color:var(--ink);background:transparent;text-align:left}#header .user-menu a:hover,#header .user-menu button:hover{color:var(--ink);background:var(--bg)}#header .user-menu a:focus-visible,#header .user-menu button:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}
[hidden]{display:none!important}.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}a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}#header nav a{color:inherit;text-decoration:none;font-weight:600;padding:8px}.header-brand-img{display:block;width:clamp(175px,20vw,235px);height:64px;object-fit:contain;object-position:left center}.footer-brand-img{max-width:150px;max-height:45px;object-fit:contain}.staging-note{text-align:center;font-size:12px;padding:6px;background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line)}.side-link{display:flex;padding:12px 16px;margin:3px 0;text-decoration:none;color:var(--ink);border-radius:10px}.side-link.active{background:var(--soft);font-weight:700}#footer{border-top:1px solid var(--line);background:var(--surface);padding:40px max(24px,calc((100vw - 1200px)/2));margin-top:36px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer-main a{display:block;margin:10px 0;color:inherit;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.user-dropdown{position:relative}.user-dropdown summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none}.user-menu{position:absolute;right:0;top:36px;min-width:200px;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 30px #0002}.user-menu a,.user-menu button{display:block;width:100%;padding:10px;color:var(--ink);text-decoration:none}.access{max-width:460px;margin:12vh auto}.auth-panel{max-width:540px;margin:25px auto}.password-wrap{display:flex;position:relative;gap:4px}.password-wrap input{min-width:0;width:100%}.password-wrap button{flex-shrink:0}.pagination{margin:24px 0}.spread{justify-content:space-between}.question{scroll-margin-top:110px;padding:18px 0}.question-text{font-size:19px;margin:20px 0}.options{display:grid;gap:12px}.option{display:flex;width:100%;align-items:flex-start;text-align:left;gap:14px;padding:15px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.option-letter{flex:0 0 28px;font-weight:700}.option.selected{border-color:#099c96;background:#e2f6f3}.option.correct,.map-cell.correct{border-color:#14815d;background:#e3f6eb;color:#124d36}.option.wrong,.map-cell.wrong{border-color:#b93e50;background:#fff0f1;color:#8a1e32}.option:disabled{opacity:1}.explanation{margin:18px 0;padding:18px;border-left:4px solid #0faca9;background:var(--soft)}.question-top{display:flex;justify-content:space-between;align-items:center}.question-map{margin:14px 0}.question-map summary{cursor:pointer}.question-bottom{display:flex;justify-content:space-between;margin-top:20px}.comment{padding:16px 0;border-bottom:1px solid var(--line)}.comment.reply{margin-left:26px}.stars button{font-size:28px;color:#aa7900}.rank-0{border-top:3px solid #dcb22c}.chosen{color:#9b7300}.table-wrap{overflow-x:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0}.editor-question{scroll-margin-top:110px}.rich{min-height:70px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.formatbar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.answer-edit{display:flex;gap:10px;align-items:center;margin:12px 0}.answer-edit .rich{flex:1}.answer-edit input{width:auto}.editor-question .rich-group{margin-bottom:12px}.danger{color:#b42332}.grid .card{min-width:0}.legal-content{max-width:900px;overflow-wrap:anywhere}.question-map .answer-map{margin-top:14px}.map-cell.answered{background:#d4eeeb}.exam-card small{display:block;margin-top:12px}#app .toolbar input{min-width:0}.editor-actions{position:sticky;bottom:0;background:var(--surface);padding:14px;z-index:10}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid label{display:grid;gap:8px}.editor-options{margin:20px 0}fieldset{border:1px solid var(--line);border-radius:12px;margin:15px 0}.card{margin-bottom:16px}
[data-theme=dark] .option.selected{background:#173f49;color:#e6ffff}[data-theme=dark] .option.correct,[data-theme=dark] .map-cell.correct{background:#173b31;color:#b7efd7}[data-theme=dark] .option.wrong,[data-theme=dark] .map-cell.wrong{background:#472531;color:#ffbecb}[data-theme=dark] .danger{color:#ff9ba6}[data-theme=dark] .stars button,[data-theme=dark] .chosen{color:#f5d342}[data-theme=dark] .map-cell.answered{background:#21504c;color:#e6ffff}
@media(max-width:760px){.header-brand-img{width:175px;height:55px}#header{flex-wrap:wrap;height:auto;gap:14px}#header nav{order:3;width:100%;display:flex;justify-content:center;flex-wrap:wrap}.header-actions{margin-left:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:20px;flex-direction:column}.form-grid{grid-template-columns:1fr}.answer-edit{flex-wrap:wrap}.answer-edit .rich{min-width:70%}.shell #sidebar{overflow-x:auto}.toolbar{flex-wrap:wrap}.auth-panel{margin:12px 0}.question{scroll-margin-top:160px}}
.logo>.brand-word:first-child{display:inline;background:transparent;color:#43d7d0;width:auto;height:auto;margin:0;border-radius:0}#header .logo{letter-spacing:-1px}.visitor #sidebar{display:none}.visitor .shell{max-width:1280px}.user-menu{max-height:75vh;overflow-y:auto}.user-menu a:hover{background:var(--bg)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}.button.primary{padding:10px 16px;border-radius:9px;border:1px solid var(--teal)}#header a{color:inherit}#header .primary{color:#fff}

/* Restore approved demo14 home composition and footer. */
.visitor .shell{max-width:1440px}.exam-card{margin-bottom:0}.exam-card .updated{margin-top:12px;background:transparent}.exam-card .rating small{display:inline;background:transparent;margin:0}.exam-card .author-link{text-decoration:none}.exam-card .author-link svg{width:16px;height:16px}.home-explore{margin:25px}.home-intro .toolbar input{flex:1}.login-link{text-decoration:none;font-weight:600}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;background:#0faca9;border-radius:9px;color:#102a43;margin-right:10px}.logo{display:inline-flex;align-items:center}.rank-card4 .author-link{text-decoration:none}.rank-card4 .avatar{display:grid;place-items:center;flex-shrink:0;background:#dcebf1;color:var(--navy);font-weight:700}#footer{background:#102a43;color:#d1dfed;border:0;padding:46px 4% 22px;margin-top:0}#footer .footer-bottom{border-color:#ffffff24}#footer .footer-top nav a{background:transparent;border:0;color:#d1dfed;text-decoration:none;font-size:14px;font-weight:400;padding:6px 0;line-height:1.6}#footer .footer-top nav a:hover{color:#79e6d5;text-decoration:underline}#footer .footer-brand h2{margin-top:0}#footer .footer-brand .brand-mark{margin:0;width:38px;height:38px}.button.primary{box-shadow:0 4px 10px #008b8912;font-weight:650}.home-intro .category-pills{margin-top:0}
@media(max-width:760px){#footer .footer-top{grid-template-columns:1fr 1fr;gap:28px}#footer .footer-brand{grid-column:1/-1}.home-intro .toolbar{display:flex;flex-wrap:nowrap}.home-intro .toolbar input{width:0}.home-intro .toolbar button{flex-shrink:0}}
@media(min-width:761px) and (max-width:1000px){#header{flex-wrap:wrap;height:auto;gap:14px}#header nav{order:3;width:100%;display:flex;justify-content:center;flex-wrap:wrap}.header-actions{margin-left:auto}}

#featured-form .check{display:flex;align-items:center;gap:10px}#featured-form .check input{width:auto;margin:0;flex-shrink:0}
.detail .stats{flex-wrap:wrap}.detail .stats>div{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}.detail h1{overflow-wrap:anywhere}

.socials4{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.socials4 a{display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff)}#footer .socials4{margin-top:18px}#footer .socials4 a{margin:0;background:white}.social-row4{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px}.social-row4 legend{display:flex;align-items:center;gap:8px}.social-row4 .check,#identity-form .check,#ads-form .check{display:flex;align-items:center;gap:8px}.social-row4 input[type=checkbox],#identity-form input[type=checkbox],#ads-form input[type=checkbox]{width:auto;margin:0}.social-row4 input[type=color]{width:64px;height:44px;padding:3px}#header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-ad{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin:24px 0;border:1px dashed var(--line);padding:20px}.live-ad a{overflow-wrap:anywhere;color:var(--teal)}
#header .header-actions .socials4{display:flex;width:auto;order:0;margin:0;padding:0;border:0;gap:6px}#header .header-actions .socials4 a{padding:8px;color:inherit}#header .header-actions{justify-content:flex-end}#header .logo{max-width:100%;overflow-wrap:anywhere;white-space:normal}

img.avatar{object-fit:cover}.profile-avatar{width:88px;height:88px;font-size:32px;margin-bottom:18px}.author-avatar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#profile-form .check{display:flex;align-items:center;gap:8px}#profile-form input[type=checkbox]{width:auto;margin:0}#my-points .stats{flex-wrap:wrap}#my-points .stats>div{min-width:100px}#header .user-dropdown summary .avatar{flex-shrink:0}

.import-answer{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;margin:12px 0}.import-answer input{width:auto}.import-answer textarea{width:100%}@media(max-width:600px){.import-answer{grid-template-columns:1fr}}

.live-alert{padding:24px;border-radius:16px;overflow-wrap:anywhere}.live-alert img{display:block;max-width:100%;max-height:220px;object-fit:contain;margin:0 auto 16px}.live-alert .alert-symbol4{font-size:32px}.live-alert .button{margin-top:16px}#alert-form [hidden]{display:none}#alert-form .grid>*{min-width:0}#alert-form input,#alert-form select{max-width:100%}

.maintenance-message{white-space:pre-wrap;overflow-wrap:anywhere}.maintenance-view{max-width:760px;margin:32px auto;text-align:center}.maintenance-view h1{overflow-wrap:anywhere}.maintenance-icon svg{width:40px;height:40px}.maintenance-flag{background:#fff4d8!important;color:#634700!important;white-space:normal}#maintenance-form input,#maintenance-form textarea{max-width:100%}#maintenance-form textarea{min-height:140px}

.protect-select #app .option,.protect-select #app .question-text,.protect-select #app .explanation{user-select:none;-webkit-user-select:none}#content-protection-form{max-width:760px}#content-protection-form select{max-width:100%}@media print{body.protect-print #modal,body.protect-print #toast{display:none!important}}
#content-protection-form .check{display:flex;align-items:flex-start;gap:10px;margin:14px 0}#content-protection-form .check input{width:auto;flex:none;margin-top:5px}

.security-sections{margin-top:24px}.security-sections .check,.recovery-codes .check{display:flex;gap:10px;margin:16px 0;align-items:flex-start}.security-sections .check input,.recovery-codes .check input{width:auto;flex:none}.security-sections input,.two-factor-panel input{max-width:100%;min-width:0}.two-factor-panel,.recovery-codes{max-width:760px}.recovery-codes textarea{width:100%;font-family:monospace;font-size:16px;line-height:1.7}#totp-secret{font-family:monospace;font-size:16px}.two-factor-panel dd{overflow-wrap:anywhere}
.analytics-chart{overflow-x:auto;max-width:100%}.analytics-chart svg{display:block;width:100%;min-width:560px;height:auto}.analytics-grid line{stroke:var(--line);stroke-width:1}.analytics-labels{font:11px Arial,sans-serif;fill:var(--muted)}.analytics-gross{fill:#b5dce2}.analytics-net{fill:#008b89}.analytics-line{fill:none;stroke:#008b89;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.analytics-dot{fill:#008b89;stroke:var(--surface);stroke-width:2}
.mail-preview{display:block;width:100%;height:430px;border:1px solid #dce5ee;border-radius:12px;background:#fff}
#cookie-preferences{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:580px;margin:auto;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);color:var(--text,#102a43);box-shadow:0 14px 45px #102a4340}#cookie-preferences h2{margin:0 0 6px;font-size:18px}#cookie-preferences p{margin:6px 0 10px;line-height:1.4;font-size:14px}#cookie-preferences .actions{display:flex;gap:8px;flex-wrap:wrap}#cookie-preferences .cookie-options label{display:block;margin:10px 0}#cookie-preferences input{width:auto;margin-right:8px}#cookie-preferences [hidden]{display:none}#cookie-settings{color:inherit;background:transparent;border:0;text-align:left;padding:6px 0;cursor:pointer;font:inherit;font-size:14px}#cookie-settings:hover{text-decoration:underline}@media(max-width:600px){#cookie-preferences{left:8px;right:8px;bottom:8px;max-height:75vh;overflow:auto}}
.live-ad img{display:block;max-width:min(100%,720px);max-height:220px;object-fit:contain}.live-ad a{display:flex;align-items:center;flex-direction:column;gap:8px}.ad-preview{display:block;max-width:min(100%,720px);max-height:220px;object-fit:contain;margin:14px 0}

.news-cover{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin:12px 0 18px}.news-cover-card{max-height:210px}.news-cover-preview{max-width:480px;max-height:260px}

/* Selector compacto de color, según la barra de la demo 14. */
.formatbar .editor-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:42px;margin:0;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--surface);color:var(--ink)}
.editor-color>span{font-weight:700;border-bottom:3px solid #19304a;line-height:1.2}
.formatbar .editor-color input[type=color]{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}
.editor-color:focus-within{outline:2px solid var(--ink);outline-offset:2px}

/* Revisión Word: texto flexible y control de borrado visible también en móvil. */
.import-answer{grid-template-columns:120px minmax(0,1fr) 42px;align-items:start}.import-answer .icon-button{padding:7px}.import-answer .icon-button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:600px){.import-answer{grid-template-columns:minmax(0,1fr) 42px}.import-answer label{grid-column:1/-1}}

.question-top-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.question-top-actions [data-move]{font-size:20px;line-height:1}.question-top-actions [data-move]:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:600px){.question-top{align-items:flex-start;gap:8px}.question-top-actions{justify-content:flex-end}}

.answer-order-actions{display:flex;gap:4px;align-items:center}.answer-order-actions [data-move-answer]{font-size:20px;line-height:1}.answer-order-actions [data-move-answer]:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:600px){.answer-edit{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px}.answer-edit .rich{min-width:0}.answer-order-actions{grid-column:2;justify-content:flex-end}}

.file-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.file-picker-name{font-size:14px;color:var(--muted);overflow-wrap:anywhere;min-width:0}.file-picker button{flex-shrink:0}

/* Responsive navigation, administration tables and exam controls. */
.admin-menu-toggle{display:none}#admin-navigation{width:100%;min-width:0}
.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.table-wrap{max-width:100%;min-width:0;overscroll-behavior-x:contain}.table-wrap:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.table-wrap td{overflow-wrap:anywhere}.table-wrap td .actions{flex-wrap:wrap}.table-wrap td button,.table-wrap td a.button{min-height:44px;min-width:44px}
.option>span:last-child{min-width:0;overflow-wrap:anywhere}.question-text,.explanation{overflow-wrap:anywhere}.question-text img,.explanation img{max-width:100%;height:auto}
@media(max-width:1000px){
 .shell #sidebar{position:static;width:100%;display:block;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);background:var(--surface,#fff);overflow:visible}
 body:not(.visitor) .shell{display:block}
 .admin-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;text-align:left;background:var(--soft);color:var(--ink)}
 .admin-menu-toggle svg{flex-shrink:0}.admin-menu-toggle[aria-expanded=false]+#admin-navigation{display:none}
 .admin-menu-toggle[aria-expanded=true]+#admin-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:10px}
 #admin-navigation .aside-title{display:none}#admin-navigation .side-link{min-width:0;min-height:44px;margin:0;padding:10px 12px;align-items:center;overflow-wrap:anywhere}
 #admin-navigation .side-bottom{grid-column:1/-1;padding:12px}
 #app .exam-controls{top:8px}
}
@media(max-width:760px){
 #header{padding:14px 16px 8px;gap:10px}#header .header-actions{min-width:0;max-width:100%;flex-wrap:wrap}
 #header .user-dropdown summary{min-height:44px;gap:7px}#header .account-name{max-width:110px}#header .account-role{display:none}
 #header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;min-width:0;gap:2px;margin:0;padding:6px 0;overscroll-behavior-x:contain}
 #header nav a{white-space:nowrap;flex-shrink:0;font-size:14px;min-height:44px;display:flex;align-items:center;padding:8px}
 #header .user-menu{top:calc(100% + 6px);max-width:calc(100vw - 32px);max-height:65dvh}#header .user-menu a,#header .user-menu button{min-height:44px}
 #app .table-wrap::before{content:'Desliza la tabla para ver todas las columnas';display:block;padding:10px 12px;font-size:12px;color:var(--muted)}
 #app .table-wrap table{min-width:580px}#app .table-wrap th,#app .table-wrap td{padding:12px;max-width:280px}
 #app .toolbar>*{max-width:100%}#app .toolbar select{min-width:0;flex:1 1 180px}
 #app .exam-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}
 #app .exam-controls .finish-exam-button{grid-column:1/-1;width:100%;min-height:44px;font-size:14px}
 .question-map .answer-map{max-height:40dvh;overflow-y:auto;overscroll-behavior-y:contain;padding:4px}
 .question-map summary{min-height:44px;cursor:pointer}.question-bottom{gap:10px}.question-bottom button{min-height:44px;flex:1;min-width:0}
 #app .question-text{font-size:18px}.option{padding:12px;gap:8px;min-height:48px}
 #app .page-head h1,#app .detail h2{overflow-wrap:anywhere}#app .detail .card{padding:18px}
}
@media(max-width:380px){#header .header-actions{width:100%;justify-content:flex-end}#header .account-name{max-width:200px}#admin-navigation .side-link{font-size:14px;padding:10px 8px}}
/* Public pages and exams have no administration sidebar. */
body.visitor .shell #sidebar{display:none}
@media(max-width:600px){#header nav:not(.socials4){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;overflow:visible}#header nav:not(.socials4) a{justify-content:center;white-space:normal;text-align:center}}

/* Editor y confirmaciones accesibles en pantallas pequeñas. */
#modal{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
#modal .modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#modal .modal-heading h2{min-width:0}
#modal [data-close]{flex-shrink:0;min-width:44px;min-height:44px}
#modal .actions{flex-wrap:wrap;gap:8px}
#modal .actions button{min-height:44px}
#editor-form .rich-group,#editor-form .rich{min-width:0;max-width:100%;overflow-wrap:anywhere}
#editor-form .rich img{max-width:100%;height:auto}
#editor-form .formatbar button,#editor-form .formatbar .editor-color{min-width:44px;min-height:44px}
#editor-form .icon-button,#editor-form [data-add-answer]{min-width:44px;min-height:44px}
@media(max-width:760px){
 #editor-form input:not([type=radio]):not([type=checkbox]):not([type=color]),#editor-form select,#editor-form textarea,#editor-form .rich,#modal input,#modal select,#modal textarea{font-size:16px}
 #editor-form .rich{white-space:normal}
 #editor-form .answer-edit{grid-template-columns:44px minmax(0,1fr)}
 #editor-form .answer-edit input[type=radio]{width:24px;height:24px;margin:10px;cursor:pointer}
 #editor-form .answer-order-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:2}
 #editor-form .question-top-actions{display:flex;flex-wrap:wrap;gap:6px}
 #editor-form details>summary{min-height:44px;padding:12px 0;cursor:pointer}
 #editor-form .sticky-actions{position:static;display:flex;flex-wrap:wrap;gap:8px}
 #editor-form .sticky-actions button{flex:1 1 130px;min-height:48px}
 #editor-form .sticky-actions .muted{flex-basis:100%}
 #modal{padding:18px}
 #modal .actions button{flex:1 1 110px}
}

/* Revisión Word: campos y acciones cómodos al tacto. */
#import-preview [data-import-question]{min-width:0;overflow-wrap:anywhere}
#import-preview .icon-button,#import-preview [data-import-add-answer],#import-preview [data-add],#import-preview [data-cancel]{min-width:44px;min-height:44px}
#import-preview .actions{flex-wrap:wrap;gap:8px}
#import-preview .import-answer{grid-template-columns:120px minmax(0,1fr) 44px}
#import-preview .import-answer label{min-height:44px;display:flex;align-items:center;gap:8px}
#import-preview .import-answer input[type=radio]{width:24px;height:24px;flex-shrink:0;margin:0}
@media(max-width:760px){
 #import-preview textarea{font-size:16px;min-height:88px;resize:vertical}
 #import-preview .import-answer{grid-template-columns:minmax(0,1fr) 44px;gap:8px}
 #import-preview .import-answer label{grid-column:1/-1}
 #import-preview [data-add],#import-preview [data-cancel]{width:100%;white-space:normal}
 #import-preview [data-import-question]{padding:16px}
}

.google-confirm-panel .google-account-email{padding:12px;background:var(--soft);border-radius:10px;overflow-wrap:anywhere;font-weight:600}
.google-confirm-panel .actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
.google-confirm-panel button.primary{width:100%;min-height:48px;white-space:normal}
.google-callback-error{max-width:560px;margin:60px auto;padding:28px}
.google-callback-error .callback-brand{display:inline-block;margin-bottom:20px;font-size:26px;font-weight:800;color:var(--ink);text-decoration:none}
.google-callback-error p{overflow-wrap:anywhere;line-height:1.6}
@media(max-width:600px){.google-callback-error{margin:24px 12px;padding:20px}.google-confirm-panel input{font-size:16px}}

/* Botones de Google compartidos por acceso y vinculación. */
#app .google-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1px solid #747775;border-radius:12px;background:#fff;color:#1f1f1f;font-weight:600;font-size:15px;line-height:20px;box-shadow:0 2px 5px #19304a08;transition:background .15s,box-shadow .15s;white-space:normal}
#app .google-button:hover{background:#f8faff;box-shadow:0 3px 10px #19304a14}
#app .google-button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
#app .google-button .google-button-icon{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain;background:#fff;border-radius:50%}
#app .google-button span{min-width:0}
#app .google-button[data-busy="1"],#app form[data-busy="1"] .google-button{opacity:.65;cursor:progress}
.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--muted);font-size:13px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line)}
@media(prefers-reduced-motion:reduce){#app .google-button{transition:none}}

/* Demo 14: consistent public, account and administration surfaces. */
:root{--soft:#edf8f7;--surface:#fff;--radius:18px;--shadow:0 4px 22px #142f4c06}
[data-theme=dark]{--soft:#153e43;--surface:#1a293a;--shadow:0 4px 22px #0002}
#app{min-width:0;min-height:65vh}
#app a:not(.primary):not(.google-button):not(.icon-button):not(.mine-tabs a){color:var(--teal)}
#app a.button:not(.primary){border:1px solid var(--line);background:var(--surface);padding:10px 16px;border-radius:11px;color:var(--ink);font-weight:600}
#app a.button:hover{border-color:var(--teal)}
#app .page-head{align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px;gap:20px}
#app .page-head h1{font-size:clamp(27px,3vw,36px);letter-spacing:-1px;line-height:1.2;margin-bottom:8px}
#app .page-head p{margin:0;max-width:650px}
#app .page-head .actions:empty{display:none}
#app .card{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
#app .card>h2:first-child{font-size:21px;letter-spacing:-.4px;margin-top:0}
#app .toolbar:not(.home-intro .toolbar){padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:12px;margin-bottom:24px;align-items:center}
#app .toolbar input[type=search]{flex:1 1 260px}
#app .toolbar select{flex:1 1 160px;min-width:0}
#app .toolbar>.field{margin:0}
#app .field{font-size:14px;font-weight:650;margin-bottom:20px;gap:8px}
#app .field input,#app .field textarea,#app .field select{font-weight:400;min-height:46px;border-radius:11px;padding:12px 14px}
#app .field small{display:block;font-weight:400;color:var(--muted);line-height:1.55;background:transparent;padding:0;border-radius:0}
#app .field small.danger{color:#b42332}
#app input:disabled{background:var(--bg);opacity:1;color:var(--muted)}
#app .check{display:flex;align-items:flex-start;gap:10px;line-height:1.55;font-size:14px;margin:15px 0}
#app .check input{flex:0 0 18px;width:18px;height:18px;margin:2px 0;accent-color:var(--teal)}
#app .password-wrap{display:block;position:relative}
#app .password-wrap input{padding-right:54px}
#app .password-wrap>button{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:8px;width:40px;min-height:40px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted)}
#app .auth-panel{padding:36px;max-width:520px;margin:36px auto;border-top:4px solid var(--teal)}
#app .auth-panel>h1{font-size:30px;letter-spacing:-.8px;margin:0 0 26px}
#app .auth-panel form>.primary{width:100%;min-height:48px;margin-top:6px}
#app .auth-panel>p:last-child{border-top:1px solid var(--line);padding-top:20px;margin-bottom:0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:14px}
#app .auth-panel .info{font-size:14px;padding:14px;margin-bottom:24px}
.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:24px}
.section-heading h2{margin:0;font-size:21px;letter-spacing:-.4px}
.section-heading p{font-size:14px;margin:4px 0 0}
.section-symbol{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:var(--soft);color:var(--teal)}
.account-banner{display:flex;align-items:center;gap:24px;padding:30px 32px;margin-bottom:26px;border:1px solid #bddfdf;border-radius:20px;background:linear-gradient(115deg,#e9f8f6,#f5f9fd)}
.account-banner .profile-avatar{margin:0;width:76px;height:76px;font-size:30px;border:4px solid var(--surface)}
.account-banner h2{font-size:29px;margin:4px 0 6px;letter-spacing:-.7px;overflow-wrap:anywhere}
.account-banner p{margin:0;color:var(--muted);font-size:14px}
.account-banner .eyebrow{font-size:11px;letter-spacing:.13em}
.account-plan{margin-left:auto;white-space:nowrap;padding:8px 14px;background:var(--surface);border:1px solid #bddfdf;border-radius:999px;font-size:13px;font-weight:700;color:var(--teal)}
.profile-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}
.profile-layout .card{padding:28px}
.profile-card>.profile-avatar{margin:0 0 22px;width:64px;height:64px;font-size:24px}
.profile-layout #my-points .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.profile-layout #my-points .stats>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:13px}
.profile-layout #my-points .stats strong{color:var(--teal);font-size:32px}
.profile-layout #my-points>p{font-size:13px}
.security-card>p{overflow-wrap:anywhere;font-size:14px}
.access-status{display:flex;align-items:center;gap:8px;color:var(--teal);padding:12px;border-radius:10px;background:var(--soft)}
.account-option{border:1px solid var(--line);border-radius:12px;padding:15px;margin:20px 0}
.account-option summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650}
.account-option summary::after{content:'+';font-size:20px;margin-left:auto;color:var(--muted)}
.account-option[open] summary::after{content:'−'}
.account-option .google-button-icon{width:20px;height:20px;background:white;border-radius:50%}
.account-option p{font-size:13px;overflow-wrap:anywhere}
.account-option form{margin-top:20px}
#password-form{padding-top:20px;border-top:1px solid var(--line);margin-top:22px}
#password-form h3{margin:0 0 20px;font-size:17px}
.account-danger{border-color:color-mix(in srgb,var(--line),#b42332 25%)!important}
.account-danger summary{cursor:pointer;font-size:15px;font-weight:600;color:#b42332}
.account-danger p{font-size:13px;line-height:1.7}
#app .category-item{display:flex;align-items:center;gap:16px;text-align:left;padding:24px;font-weight:650;min-height:100px}
#app .category-item>span:last-child{margin-left:auto;color:var(--muted)}
#category-filter{max-width:620px;margin-bottom:26px;min-height:48px}
#app .exam-detail{max-width:1060px;margin:auto}
#app .back-link{margin-bottom:24px;background:transparent!important;border:0!important;padding-left:0!important;font-size:14px}
#app .detail-cover{padding:36px;border-top:4px solid var(--teal)}
#app .detail-cover h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;line-height:1.2;margin:18px 0}
#app .detail-cover>.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 20px}
#app .detail-cover>.stats>div{background:var(--bg);padding:20px;border:1px solid var(--line);border-radius:12px;font-size:13px;min-width:0}
#app .detail-cover>.stats strong{font-size:22px;letter-spacing:-.5px;margin-bottom:6px}
#app .detail-cover>.actions{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
#app .detail-cover>.actions>.primary{min-width:200px;min-height:48px}
#app .question-text{font-size:20px;line-height:1.65;font-weight:600}
#app .option{padding:18px;border-radius:13px;align-items:center;line-height:1.6}
#app .option-letter{display:grid;place-items:center;flex:0 0 34px;height:34px;background:var(--bg);border:1px solid var(--line);border-radius:9px;font-size:14px}
#app .option.selected .option-letter{background:var(--teal);color:white;border-color:var(--teal)}
#app .option.correct .option-letter,#app .option.wrong .option-letter{background:transparent;color:inherit;border-color:currentColor}
#app .explanation{border-radius:0 12px 12px 0;line-height:1.75}
#app .question-bottom{padding-top:22px;border-top:1px solid var(--line);gap:12px}
#app .question-map summary{font-size:15px;font-weight:650}
#app .exam-controls{padding:16px 0}
#app .comment{padding:22px 0}
#app .comment>strong{font-size:15px}
#app .comment>small{color:var(--muted)}
#app .empty{width:100%;padding:48px 24px;text-align:center;grid-column:1/-1;border-style:dashed}
#header .user-menu{padding:8px;width:260px;top:calc(100% + 12px);box-shadow:0 16px 48px #071c3226}
#header .user-menu a,#header .user-menu button{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px;border:0;border-radius:8px;margin:0}
#header .user-menu svg{color:var(--teal);flex-shrink:0}
body[data-page=admin] .shell{max-width:1600px;grid-template-columns:248px minmax(0,1fr)}
body[data-page=admin] #sidebar{padding:24px 12px;background:var(--surface);border-right:1px solid var(--line)}
body[data-page=admin] #app{padding:32px}
#admin-navigation .aside-title{font-size:15px;letter-spacing:.02em;padding:0 14px 20px;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:12px}
.nav-group{display:block;font-size:10px;letter-spacing:.12em;font-weight:750;color:var(--muted);padding:20px 14px 8px}
#admin-navigation .side-link{display:flex;align-items:center;gap:12px;padding:10px 13px;margin:2px 0;font-size:13px;border-radius:9px;line-height:1.35;min-height:42px}
#admin-navigation .side-link svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}
#admin-navigation .side-link.active{background:var(--soft);color:var(--teal);box-shadow:inset 3px 0 var(--teal)}
#admin-navigation .side-link.active svg{color:var(--teal)}
#admin-navigation .side-link:hover{background:var(--bg)}
#admin-navigation .side-bottom{border-top:1px solid var(--line);padding:20px 14px;margin-top:20px;font-size:13px}
.admin-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#142f4c;border-radius:20px;padding:30px 32px;color:#fff;margin-bottom:24px}
.admin-welcome h2{font-size:30px;letter-spacing:-.8px;margin:8px 0 10px;color:#fff}
.admin-welcome p{margin:0;max-width:550px;color:#c4d7e5;font-size:14px}
.admin-welcome .eyebrow{color:#7de1d4;font-size:11px}
.admin-welcome-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:20px;background:#ffffff0a;color:#7de1d4;flex-shrink:0}
.admin-welcome-icon svg{width:36px;height:36px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}
#app .metric-card{display:flex;align-items:center;gap:16px;padding:22px;margin:0;min-width:0}
.metric-card strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.metric-card p{margin:8px 0 0;font-size:12px;color:var(--muted)}
.dashboard-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dashboard-section>p{font-size:13px}
#app .dashboard-link{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.dashboard-link>span:nth-child(2){flex:1}
.dashboard-link strong{display:block;font-size:14px}
.dashboard-link small{display:block;font-size:12px;color:var(--muted);margin-top:3px;background:transparent;padding:0;border-radius:0}
.dashboard-link:hover strong{color:var(--teal)}
#app .table-wrap{padding:0;overflow:hidden;overflow-x:auto;border:1px solid var(--line);background:var(--surface);border-radius:16px}
#app table{width:100%;border-collapse:collapse;font-size:13px}
#app th{background:var(--bg);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:16px 18px;white-space:nowrap}
#app td{padding:18px;border-bottom:1px solid var(--line);line-height:1.6}
#app tr:last-child td{border-bottom:0}
#app tbody tr:hover{background:color-mix(in srgb,var(--soft) 45%,var(--surface))}
#app td button{font-size:12px;padding:8px 11px;min-height:36px}
#app td .actions{gap:6px;flex-wrap:wrap}
#modal{padding:30px;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #071c3233;max-width:min(620px,calc(100vw - 32px))}
#modal h2{font-size:24px;letter-spacing:-.5px;line-height:1.3;padding-right:36px}
#modal::backdrop{background:#071c32a6;backdrop-filter:blur(4px)}
[data-theme=dark] .account-banner{background:linear-gradient(115deg,#193d42,#1a293a);border-color:var(--line)}
[data-theme=dark] .account-plan{border-color:var(--line)}
[data-theme=dark] #app .field small.danger,[data-theme=dark] .account-danger summary{color:#ffadb4}
@media(max-width:1150px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-sections{grid-template-columns:1fr}}
@media(max-width:1000px){body[data-page=admin] .shell{grid-template-columns:1fr}body[data-page=admin] #sidebar{padding:12px 20px;border-right:0;border-bottom:1px solid var(--line)}body[data-page=admin] #app{padding:26px 20px}.profile-layout{grid-template-columns:1fr 1fr;gap:18px}.profile-layout .card{padding:22px}}
@media(max-width:720px){#app .page-head{align-items:flex-start;gap:16px;padding-bottom:20px}.profile-layout{grid-template-columns:1fr}.account-banner{padding:22px;gap:16px;flex-wrap:wrap}.account-banner>div{flex:1;min-width:0}.account-banner .profile-avatar{width:58px;height:58px;flex:0 0 58px}.account-banner h2{font-size:24px}.account-plan{margin-left:0}.account-banner .eyebrow{font-size:9px}.dashboard-metrics{gap:12px}#app .metric-card{padding:18px 14px;gap:10px}.metric-card .section-symbol{width:34px;height:34px;flex-basis:34px}.metric-card strong{font-size:26px}.admin-welcome{padding:24px}.admin-welcome-icon{display:none}.admin-welcome h2{font-size:27px}#app .auth-panel{padding:26px 22px;margin:18px auto}#app .detail-cover{padding:24px}#app .detail-cover>.stats{gap:8px}#app .detail-cover>.stats>div{padding:12px 9px}#app .detail-cover>.stats strong{font-size:17px}#app .option{padding:14px;gap:12px}#app .question-text{font-size:18px}#app .toolbar:not(.home-intro .toolbar){padding:14px}#app .toolbar>button{min-height:44px}#app .field input,#app .field select,#app .field textarea{font-size:16px}#app .category-item{padding:18px}.dashboard-section{padding:22px}#app .password-wrap>button{min-height:44px;width:44px}}
@media(max-width:380px){.dashboard-metrics{grid-template-columns:1fr}#app .detail-cover>.stats{grid-template-columns:1fr}#app .detail-cover>.stats>div{display:flex;align-items:center;justify-content:space-between}#app .detail-cover>.stats strong{margin:0}.account-banner{padding:18px}.account-banner p{font-size:12px}}
@media(max-width:720px){.account-banner>div{flex:1 1 calc(100% - 80px)}.account-plan{margin-left:74px;flex:0 0 auto}}

/* Paridad de controles: comunidad, fichas, examen y formularios. */
#app .exam-controls{padding:18px 22px;gap:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 5px 20px #102d4508}
.exam-counter{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.exam-counter strong{font-size:20px;color:var(--ink);line-height:1.3}
body label.choice-label,#app label.choice-label,#modal label.choice-label{display:flex;align-items:flex-start;gap:10px;line-height:1.5;min-height:24px}
body label.choice-label>input[type=checkbox],body label.choice-label>input[type=radio],#app label.choice-label>input,#modal label.choice-label>input{box-sizing:border-box;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;max-height:18px;padding:0;margin:3px 0 0;accent-color:var(--teal);vertical-align:middle}
.choice-text{display:block;flex:1;min-width:0;font-size:14px;line-height:24px}.choice-text a{display:inline}
.favorite-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:9px;color:var(--muted)}.favorite-toggle.chosen,.rating-choice.chosen{color:#b77900;background:#fff5d5;border-color:#efd690}.favorite-toggle:hover{color:#b77900}
.author-profile{display:flex;align-items:center;gap:22px}.author-profile>.profile-avatar{flex-shrink:0;margin:0}.author-profile>div{flex:1;min-width:0}.author-profile .page-head{margin:0 0 14px}.author-profile .page-head h1{overflow-wrap:anywhere}.author-profile .page-head .actions{display:none}
.rating{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rating-stars{display:inline-flex;gap:2px;vertical-align:middle;color:#b77900}.rating-star{display:inline-block;position:relative;width:17px;height:19px}.rating-star svg{width:17px;height:19px;max-width:none}.rating-fill{position:absolute;left:0;top:0;height:19px;overflow:hidden}.rating-stars .rating-star .rating-fill svg{display:block}.stars{display:flex;gap:8px;margin:14px 0 24px}.stars .rating-choice{display:grid;place-items:center;width:44px;height:44px;padding:8px;border-radius:12px}.stars .rating-choice:hover{color:#b77900;background:#fff5d5}.comment>p{white-space:pre-wrap}.comment.reply{margin-left:24px;border-left:3px solid var(--teal);padding-left:18px}
.question-top{gap:16px;flex-wrap:wrap}.question-top .actions{gap:8px}.question-top [data-copy-question]{display:inline-flex;align-items:center;gap:8px;font-size:13px}.pro-badge{font-size:10px!important;padding:2px 5px!important}.question-bottom{padding-top:22px;border-top:1px solid var(--line);margin-top:24px}
.detail-section-title{font-size:17px;margin:30px 0 15px}.exam-description{white-space:pre-wrap;line-height:1.75;color:var(--muted)}.detail-cover .stats{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:22px 12px;gap:16px}.detail-cover .stats strong{font-size:24px}.exam-settings{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0;color:var(--muted);font-size:14px}.exam-settings>span{display:inline-flex;align-items:center;gap:8px}.exam-settings svg{width:18px;height:18px;color:var(--teal)}.detail-actions{padding-top:22px;border-top:1px solid var(--line);gap:12px}.detail-actions>a.primary{min-width:180px;display:inline-flex;align-items:center;justify-content:center;min-height:48px}.share-trigger{display:inline-flex;align-items:center;gap:8px}.share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.share-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:100px;text-decoration:none!important;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:16px}.share-option svg{width:28px;height:28px;color:var(--teal)}.share-option:hover{background:var(--soft);border-color:var(--teal)}.share-option.whatsapp svg{color:#128c52}
.word-guide{margin:20px 0;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--bg)}.word-guide summary{color:var(--teal)}.word-guide li{margin:10px 0}.word-example{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.7;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.word-guide ol{padding-left:22px}
@media(max-width:600px){#app .exam-controls{padding:16px;gap:12px}#app .exam-controls .finish-exam-button{grid-column:1/-1}.author-profile{gap:14px;flex-wrap:wrap}.author-profile>.profile-avatar{width:56px;height:56px;font-size:22px}.author-profile .page-head h1{font-size:24px}.detail-cover .stats{display:grid;grid-template-columns:1fr;padding:16px;text-align:left}.detail-cover .stats>div{display:flex;justify-content:space-between;gap:14px;align-items:center}.detail-cover .stats strong{font-size:19px}.detail-actions>a.primary{width:100%}.question-top .actions{width:100%;justify-content:flex-end}.comment.reply{margin-left:10px}.exam-card .card-top{align-items:flex-start;flex-wrap:wrap;gap:8px}}
#app .exam-controls{position:static;inset:auto;transform:none}
.detail-layout-live{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:26px;align-items:start}.detail-layout-live>div{min-width:0}.detail-side{display:block;width:auto;max-width:none;min-width:0;padding:0;border:0;background:transparent}.detail-side .card{margin-bottom:22px}.detail-side h2{font-size:23px;line-height:1.3;margin:18px 0 12px}.copy-exam-card{background:linear-gradient(145deg,var(--surface),var(--soft));border-top:4px solid var(--teal)}.pro-copy-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;white-space:normal;text-align:left}.study-guide p{font-size:14px;line-height:1.65}.detail-signup .primary{display:flex;justify-content:center}.word-downloads{margin:18px 0;gap:10px;flex-wrap:wrap}.word-downloads a{white-space:normal}
@media(max-width:1050px){.detail-layout-live{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-side .card{margin:0}}
@media(max-width:600px){.detail-side{display:block}.detail-side .card{margin:20px 0}.detail-cover{padding:22px!important}.word-downloads{display:grid}.word-downloads a{text-align:center}.share-options{gap:10px}.share-option{min-height:90px}}
#app .exam-detail{max-width:1280px}.exam-facts-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;border-top:1px solid var(--line);padding-top:24px;margin:24px 0;font-size:14px}.exam-facts-live>span{display:flex;gap:8px;align-items:center;min-width:0}.exam-facts-live svg{flex:0 0 18px;width:18px;height:18px;color:var(--teal)}.rating-panel,.comments-panel{margin-top:22px}.stars .rating-choice{background:transparent;border:0;box-shadow:none;color:#aebecb;padding:4px;width:38px;min-width:38px;height:42px}.stars .rating-choice svg{width:29px;height:29px}.stars .rating-choice.chosen{background:transparent;color:#bc8500}.stars .rating-choice:hover,.stars .rating-choice:focus-visible{background:var(--soft);color:#bc8500}.share-options{display:flex;flex-wrap:wrap}.share-options .share-option{width:76px;min-height:78px;flex:1 0 76px;font-size:12px;padding:12px 6px}.share-options .share-option svg{width:25px;height:25px}.detail-rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:600px){.exam-facts-live{grid-template-columns:1fr;gap:14px}.detail-side{margin-top:0}.share-options .share-option{flex:1 0 70px}.exam-detail .detail-cover h1{font-size:27px}}
#app .marketing-help{display:block;margin:3px 0 0;padding:0;background:none;color:var(--muted);font-size:12px;line-height:1.5}
#modal{padding:0;border-radius:22px}#modal .modal-heading{align-items:center;padding:22px 24px;margin:0;background:var(--soft);border-bottom:1px solid var(--line)}#modal .modal-heading h2{flex:1;margin:0;font-size:22px;line-height:1.3}#modal .dialog-emblem{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--teal);color:white}#modal [data-close]{border-radius:50%}#modal>form,#modal>section,#modal>div:not(.modal-heading),#modal>p,#modal>label,#modal>h3{margin:22px 24px}#modal>a.button{margin:0 24px 24px}#modal>button{margin:0 24px 24px}#modal form{padding:0}.contact-grid-live{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;align-items:start}.contact-side-live .card{margin-bottom:22px}.support-live{background:var(--navy)!important;color:white!important}.support-live h2,.support-live p{color:white!important}.support-live a{color:#71e2d0}.contact-side-live details{padding:16px 0}.report-trigger{border:0;background:transparent;color:var(--muted);font-size:14px;padding:10px 0}.legal-content{max-width:900px;line-height:1.8}.legal-content h2,.legal-content h3{margin-top:30px}
@media(max-width:720px){.contact-grid-live{grid-template-columns:1fr}#modal .modal-heading{padding:18px;gap:10px}#modal .modal-heading h2{font-size:19px}#modal .dialog-emblem{width:34px;height:34px;flex-basis:34px}#modal>form,#modal>section,#modal>div:not(.modal-heading),#modal>p,#modal>label,#modal>h3{margin:18px}}

/* Contener también las etiquetas accesibles dentro de tablas desplazables. */
.table-wrap,.icon-button{position:relative}

.empty-state-live{grid-column:1/-1;padding:32px!important;text-align:center}.empty-state-live .section-symbol{margin:0 auto 12px}.empty-state-live p{max-width:540px;margin:12px auto 20px}
@media(max-width:600px){#modal .share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#modal .share-options .share-option{width:auto;min-width:0;min-height:78px}#modal .share-option span{word-break:normal;overflow-wrap:normal}}
/* Navegación móvil compacta, con accesos visibles y menú de cuenta. */
#header .primary-navigation a{display:flex;align-items:center;gap:7px;border-radius:10px;transition:background .15s,color .15s}
#header .primary-navigation a svg{display:none}
#header .primary-navigation a.active{background:#ffffff14;color:#7ce9da;box-shadow:inset 0 -2px #40d4be}
#header .primary-navigation a:focus-visible{outline:2px solid #7ce9da;outline-offset:2px}
#header .account-menu-heading{font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--muted);padding:12px 12px 8px}
#header .user-menu a.active{background:var(--soft);color:var(--teal);font-weight:750}
#header .user-menu #logout{border-top:1px solid var(--line);border-radius:0;margin-top:6px;padding-top:12px;color:var(--muted)}
@media(max-width:760px){
 #header{padding:12px 16px 8px;gap:8px 10px;align-items:center}
 #header .logo{font-size:21px;letter-spacing:-.5px}
 #header .header-actions{gap:8px;max-width:100%;min-width:0}
 #header .user-dropdown summary{min-height:44px;padding:5px 8px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff09;gap:7px}
 #header .user-dropdown summary .avatar{width:28px;height:28px;font-size:12px}
 #header .account-name{max-width:90px;font-size:12px}
 #header .user-dropdown summary>svg{width:18px;height:18px;margin-left:3px}
 #header .user-menu{width:280px;max-width:calc(100vw - 32px);padding:8px;border-radius:16px;top:calc(100% + 8px)}
 #header .primary-navigation:not(.socials4){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;order:3;width:100%;padding:7px 0 0;margin:0;border-top:1px solid #ffffff14;overflow:visible}
 #header .primary-navigation:not(.socials4) a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;min-height:54px;font-size:11px;line-height:1.2;font-weight:600;white-space:nowrap;border-radius:10px;color:#d4e2ec;text-align:center}
 #header .primary-navigation a svg{display:block;width:19px;height:19px;flex-shrink:0;opacity:.85}
 #header .primary-navigation:not(.socials4) a.active{color:#8bf0e0;background:#1bcbb315;box-shadow:inset 0 -2px #40d4be}
 #header .primary-navigation a.active svg{opacity:1}
 #header .login-link{font-size:12px;padding:8px 4px}
 #header .header-actions>.primary{font-size:12px;padding:9px 10px;min-height:40px}
 .staging-note{font-size:10px;padding:4px 8px}
}
@media(max-width:380px){#header .header-actions{width:auto;margin-left:auto}#header .account-name{max-width:70px}#header .primary-navigation:not(.socials4) a{font-size:10px}}
#header .user-dropdown{padding:0;margin:0;border:0}
/* Centrar las estrellas en sus filas y ampliar herramientas del editor. */
#app .actions.spread{align-items:center}#app .favorite-star6.favorite-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:middle;margin-top:0;margin-bottom:0}
#app .favorite-toggle svg{display:block;flex-shrink:0}#app .author-profile #follow{align-self:center}
.highlight-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:4px 6px;border:1px solid var(--line);border-radius:10px}
.formatbar .highlight-swatch{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:2px solid var(--surface);border-radius:7px;background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.formatbar .highlight-swatch:hover{background:var(--swatch);box-shadow:0 0 0 2px var(--teal)}.highlight-swatch:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.highlight-custom>span{background:#fff19a;color:#19304a;padding:0 3px}.formatbar [data-rich-link] svg{display:block}
#app .explanation{font-size:15px;line-height:1.65;background:#edf8f3;border:0;border-radius:9px;padding:20px;color:var(--ink)}#app .explanation.bad{background:#fff1f1}#app .explanation>strong{display:block;font-size:14px;margin-bottom:8px}#app .explanation div,#app .explanation p{font-size:inherit;line-height:inherit}
[data-theme=dark] #app .explanation{background:#173e32;color:#b6eed6}[data-theme=dark] #app .explanation.bad{background:#4d2831;color:#ffd2d8}
.test-view-count{display:inline-flex;align-items:center;gap:5px;margin-left:12px;white-space:nowrap}.test-view-count svg{width:15px;height:15px}
.exam-card .updated{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;line-height:1.5;padding:0}
.exam-card .updated .test-update-date,.exam-card .updated .test-view-count{display:inline-flex;align-items:center;margin:0;padding:0;line-height:inherit;background:transparent}
.exam-card .updated .test-view-count svg{display:block;flex-shrink:0}
.renewal-cancelled{display:inline-flex;align-items:center;gap:7px;margin:6px 0;padding:7px 12px;border:1px solid #e7bf69;border-radius:10px;background:#fff4d8;color:#80520c;font-weight:750;line-height:1.4}
.renewal-cancelled svg{width:18px;height:18px;flex-shrink:0}
.verified-status{color:var(--teal);font-weight:650}
.payment-list{list-style:none;padding:0;margin:20px 0 0}
.payment-item{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.payment-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#008b8910;color:var(--teal)}
.payment-icon svg{width:22px;height:22px}
.payment-details{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;font-size:15px}
.payment-date,.payment-refund{font-size:13px;color:var(--muted)}
.payment-amount{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}
.payment-amount>strong{font-size:20px;color:var(--ink);white-space:nowrap}
.payment-status{display:inline-flex;border-radius:7px;padding:4px 8px;font-size:12px;font-weight:650;line-height:1.4;background:#e6f6ee;color:#256647}
.payment-status.refunded{background:#fff2d7;color:#80520c}
.payment-status.no-charge{background:#edf1f5;color:#526779}
.payment-empty{padding:18px 0 0;color:var(--muted);font-size:14px}
.payment-empty p{margin:0 0 8px}
[data-theme=dark] .renewal-cancelled,[data-theme=dark] .payment-status.refunded{background:#473919;color:#ffdc8d;border-color:#786032}
[data-theme=dark] .payment-status.paid{background:#173f37;color:#a0e2c9}
[data-theme=dark] .payment-status.no-charge{background:#243d50;color:#c0d1df}
[data-theme=dark] .payment-amount>strong{color:#e6f0f7}
@media(max-width:480px){.payment-item{gap:10px;flex-wrap:wrap}.payment-icon{width:34px;height:34px}.payment-details{font-size:14px}.payment-amount>strong{font-size:18px}.payment-status{font-size:11px}.payment-amount{max-width:45%}}
.plan-connection{display:flex;align-items:center;gap:18px;background:var(--soft)!important}.plan-connection>div{flex:1;min-width:0}.plan-connection h2{font-size:18px!important;margin:0 0 8px!important}.plan-connection p{margin:0}.plan-editor-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.plan-editor-heading h2{flex:1;margin:0!important}.plan-toggle-row{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.plans-save-actions{position:relative;isolation:isolate;margin-top:18px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.plans-save-actions>button{position:relative;cursor:pointer;touch-action:manipulation}.plan-toggle-row .choice-label{margin:0!important}
@media(max-width:600px){.plan-connection{align-items:flex-start;flex-wrap:wrap}.plan-connection>.section-symbol{display:none}.plan-connection>.button{width:100%}.plan-editor-heading{flex-wrap:wrap}.plan-editor-heading h2{font-size:20px!important}.plans-save-actions{display:grid;grid-template-columns:1fr;padding:12px}}

/* Revisión de noticias, editor y examen */
.news-reading{max-width:900px;margin:0 auto}.news-reading .readable{max-width:none;width:100%;box-sizing:border-box}.news-reading .page-head{width:100%}
#app .report-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:600}#app .report-trigger:hover{background:var(--soft)}
.exam-tags{margin-top:24px!important;display:flex;gap:8px;flex-wrap:wrap}.word-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:20px 0 24px}.word-upload-actions input{flex:1;min-width:220px}.word-upload-actions button{flex-shrink:0}.word-upload-actions input::file-selector-button{margin-right:14px}
#app .editor-question [data-add-answer]{margin:8px 0 24px}#app .editor-question>details{margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}
#app .option.selected:not(.correct):not(.wrong){background:#edf4ff;border-color:#3576d4;color:#193c73}#app .option.selected:not(.correct):not(.wrong) .option-letter{background:#3576d4;color:#fff;border-color:#3576d4}
[data-theme=dark] #app .option.selected:not(.correct):not(.wrong){background:#173253;border-color:#78aaff;color:#dfebff}
#app .exam-controls-sticky{position:sticky;top:12px;z-index:20;box-shadow:0 6px 24px #102d4520;margin-bottom:16px}#results-map{scroll-margin-top:24px}#results-map summary{font-weight:700}
.formatbar{align-items:center}.color-menu{position:relative;margin:0!important;padding:0!important;border:0!important}.color-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;background:var(--surface);color:var(--ink)}.color-menu summary::-webkit-details-marker{display:none}.color-menu[open] summary{background:var(--soft)}.color-palette{position:absolute;top:calc(100% + 8px);left:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:220px;max-width:calc(100vw - 60px);padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 10px 30px #102d4530}.formatbar .color-menu:not([open]) .color-palette{display:none}.color-palette .highlight-swatch{width:30px;height:30px}.color-palette .editor-color{margin:0}.color-menu:last-child .color-palette{left:auto;right:0}
@media(max-width:600px){#app .exam-controls-sticky{top:8px;padding:12px;gap:8px}.news-reading .page-head h1{font-size:28px}.word-upload-actions{align-items:stretch}.word-upload-actions button{width:100%}.question{scroll-margin-top:160px}}
@media(max-width:600px){.formatbar{position:relative}.formatbar .color-menu{position:static}.formatbar .color-menu .color-palette{left:0;right:auto;top:calc(100% + 8px);width:220px;box-sizing:border-box}}

/* Segunda revisión: examen y selección */
#app .exam-status-sticky{position:sticky;top:12px;z-index:20;background:var(--surface);border-radius:16px;box-shadow:0 6px 24px #102d4520;margin-bottom:18px}#app .exam-status-sticky .exam-controls{margin-bottom:0;position:static;box-shadow:none}#app .exam-status-sticky .progress{margin:0 12px;height:6px;border-radius:0 0 6px 6px}#app .exam-status-sticky{padding-bottom:10px}
#app .option.blank-correct,#app .map-cell.blank{background:#edf4ff;border-color:#3576d4;color:#193c73}#app .explanation.blank{background:#edf4ff;border-color:#3576d4;color:#193c73}#app .option.blank-correct .option-letter{background:#3576d4;color:white}
[data-theme=dark] #app .option.blank-correct,[data-theme=dark] #app .map-cell.blank,[data-theme=dark] #app .explanation.blank{background:#173253;border-color:#78aaff;color:#dfebff}
#my-points .stats small{display:block;margin-top:8px;font-size:13px}.session-actions{gap:16px;margin-top:16px}.formatbar [data-block]{width:auto;max-width:160px;padding:8px}.news-reading h2{font-size:24px;margin-top:26px}.news-reading h3{font-size:21px;margin-top:24px}.news-reading h4{font-size:18px;margin-top:22px}
@media(max-width:600px){#app .exam-status-sticky{top:8px}#app .exam-status-sticky .exam-controls{padding:12px;gap:8px}.question-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.question-top>.actions{width:auto!important;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.question-top [data-copy-question]{font-size:12px;padding:8px;gap:5px}.question-top [data-copy-question] svg{width:17px}.question-top .pill{font-size:12px;white-space:nowrap}.question-top [data-favorite]{padding:8px;min-width:36px}.session-actions button{width:100%}.question{scroll-margin-top:175px}}

.payment-notice{border:1px solid #deb557;background:var(--surface)}.payment-notice h2{font-size:21px}.payment-notice .muted{margin-top:16px}.payment-notice button{margin:8px 0}

#app .subscription-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;align-items:center}#app .subscription-actions>.button,#app .subscription-actions>button{margin:0;min-height:46px}
@media(max-width:600px){#app .subscription-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#app .subscription-actions>.button,#app .subscription-actions>button{width:100%;justify-content:center;text-align:center}}
/* PRO plans: shared presentation for purchasing and renewal changes. */
#app .pro-intro-modern{margin-bottom:28px;padding:38px;gap:32px;background:linear-gradient(120deg,#142f4c,#125361)}
#app .pro-intro-modern h1{max-width:650px;font-size:clamp(30px,3.5vw,46px);letter-spacing:-1px}
#app .pro-intro-modern .pro-summary .button{color:#fff;border-color:#ffffff50;background:#ffffff12;margin-top:12px}
#app .pro-current-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:4px solid var(--teal)}
#app .pro-current-banner h2{margin:0 0 6px;font-size:22px}#app .pro-current-banner p{margin:0}
#app .pro-price-note{font-size:13px;color:var(--muted);max-width:240px;text-align:right}
#app .modern-prices{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch}
#app .plan-card,#app .plan-option{min-width:0;margin-bottom:0;padding:26px;display:flex;flex-direction:column;border-radius:18px;overflow-wrap:anywhere}
#app .plan-card-top{flex-wrap:wrap;align-items:flex-start;gap:10px}#app .plan-card-top h3{font-size:21px;line-height:1.3}#app .plan-card-top .pill{max-width:100%;white-space:normal}
#app .plan-amount{font-size:clamp(32px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin-top:24px}#app .plan-period{font-size:14px;line-height:1.6;margin:8px 0 18px}
#app .monthly-equivalent{font-size:14px;min-height:42px}#app .plan-promotion{min-height:70px;margin:16px 0 20px}
#app .plan-savings11{color:#b52d40;background:#fff1f2;padding:12px;border-radius:10px;font-size:15px;font-weight:700;line-height:1.5}#app .plan-savings11 span{display:block;font-size:12px;font-weight:400;margin-top:3px}
#app .plan-card-actions{margin-top:auto}#app .plan-card-actions>.button,#app .plan-card-actions>button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;white-space:normal}
#app .plan-current-label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px;color:var(--teal);font-weight:700;border-radius:10px;background:var(--soft)}#app .plan-is-current{border:2px solid var(--teal)}#app .plan-renewal{font-size:12px;line-height:1.6;margin:14px 0 0}
#app .pro-benefits-modern{margin:44px 0 30px}#app .pro-benefits-modern>h2{font-size:28px;margin:0 0 8px}#app .pro-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
#app .pro-benefit{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}#app .pro-benefit .feature-icon{flex-shrink:0}#app .pro-benefit h3{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}#app .pro-benefit p{font-size:14px;color:var(--muted);line-height:1.65;margin:0}
#app .plan-change-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}#app .plan-change-heading h2{margin:0 0 6px;font-size:24px}#app .plan-change-heading p{margin:0}#app .plan-change-heading .feature-icon{flex-shrink:0}
#app .plan-change-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin-top:24px}#app .plan-pending{padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:14px}#app .plan-pending h3{margin-top:0}#app .plan-pending button{margin-top:10px}
[data-theme=dark] #app .plan-savings11{background:#492b36;color:#ffc0ca}
@media(max-width:760px){#app .pro-intro-modern{padding:26px;gap:20px}#app .pro-current-banner{align-items:flex-start;flex-direction:column}#app .pro-price-note{text-align:left;max-width:none}#app .pro-benefit-grid{grid-template-columns:1fr}#app .pro-benefits-modern>h2{font-size:24px}#app .plan-change-heading{align-items:flex-start}}
@media(max-width:600px){#app .plan-card,#app .plan-option{padding:22px}#app .modern-prices,#app .plan-change-grid{grid-template-columns:minmax(0,1fr)}#app .pro-intro-modern{padding:24px}#app .pro-intro-modern h1{font-size:32px}#app .pro-benefit{padding:20px;gap:12px}#app .pro-current-banner>.button{width:100%;justify-content:center}}
#app .modern-prices:has(>.plan-card:only-child){max-width:440px;margin-inline:auto}
#app .pro-intro-modern .pro-summary a.button{color:#fff!important;background:#ffffff12!important;border-color:#ffffff60!important}
#app .pro-intro-modern .pro-summary a.button:hover{background:#ffffff25!important;color:#fff!important}

#app .result-timing{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:18px;margin:22px 0;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:14px}#app .result-timing span{display:flex;align-items:center;gap:8px}#app .google-password-option{margin-bottom:20px}@media(max-width:600px){#app .result-timing{flex-direction:column;align-items:center;gap:14px}}

#app .trial-offer{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);margin-bottom:16px}#app .trial-offer strong{color:var(--teal);font-size:18px}#app .trial-offer p{font-size:13px;line-height:1.6;margin:8px 0}#app .trial-offer small{display:block;font-size:12px;line-height:1.6;color:var(--ink);background:transparent;padding:0;border-radius:0}

/* Revisión general de octubre: seguridad, repasos y examen */
#header{position:relative;z-index:100;isolation:isolate;overflow:visible}.user-dropdown,.user-menu{z-index:110}.shell,#app{position:relative;z-index:auto}#app .exam-status-sticky{z-index:20;overflow:hidden;padding-bottom:0;border:1px solid var(--line)}#app .exam-status-sticky .exam-controls{border:0;border-radius:0}#app .exam-status-sticky .progress{margin:0;width:100%;height:7px;border-radius:0}#app .exam-status-sticky .progress i{border-radius:0}.exam-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.exam-title-row h2{margin:0;line-height:1.35;flex:1}.exam-title-row button{flex-shrink:0;margin:0}.security-status{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #a7dcd1;border-radius:12px;background:#edf8f5;color:#1a6557;line-height:1.4}.security-status svg,.security-status>span{width:24px;height:24px;flex-shrink:0}.security-status p{font-size:14px;margin:4px 0 0}.security-card #verification-status{margin:18px 0 22px}.security-card #verify{margin-bottom:16px}.security-card .account-option{margin-top:20px}.security-card #password-form{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}#app .hero{padding-top:22px;padding-bottom:22px;margin-bottom:22px}.presentation-story{max-width:1000px;margin:26px auto;border-left:5px solid var(--teal);padding:26px 32px}.presentation-copy{line-height:1.75;font-size:16px}.presentation-copy p:last-child{margin-bottom:0}.presentation-story .eyebrow{display:block;margin-bottom:14px;color:var(--teal);font-weight:700}.category-actions{margin-bottom:18px}.available-questions{padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:16px 0 22px}.pro-study-preview{max-width:900px;padding:36px;margin:20px auto}.pro-study-preview>.section-symbol{margin:0 auto 20px;width:64px;height:64px}.pro-study-preview h1{margin-top:20px}.study-preview-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;text-align:left}.study-preview-steps>div{border:1px solid var(--line);border-radius:14px;padding:20px}.study-preview-steps svg{display:block;margin-bottom:12px;color:var(--teal)}.study-preview-steps strong{display:block;margin-bottom:10px}.study-preview-steps p{font-size:14px;margin:0}.pro-study-preview>.muted{margin-top:18px}.author-profile #follow{display:inline-flex;align-items:center;justify-content:center;align-self:center;line-height:1;margin:0!important}#toast{position:fixed;bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px));left:50%;right:auto;transform:translateX(-50%);max-width:min(600px,calc(100vw - 32px));background:#123447;color:#fff;border:1px solid #51ccc0;border-radius:14px;padding:16px 22px;box-shadow:0 8px 30px #0004;z-index:2000}#totp-qr{display:block;margin:20px auto;background:#fff;border-radius:12px;width:240px;max-width:100%;height:auto}.comment-delete{display:inline-flex;align-items:center;gap:8px;margin:10px 0}.comment-delete svg{width:16px;height:16px}[data-theme=dark] .security-status{background:#163e38;color:#c7f5e9;border-color:#38786c}@media(max-width:600px){.exam-title-row{align-items:flex-start;gap:14px;flex-wrap:wrap}.exam-title-row h2{flex-basis:100%;font-size:22px}.exam-title-row button{margin-left:auto}.study-preview-steps{grid-template-columns:1fr}.pro-study-preview{padding:24px 20px}.presentation-story{padding:22px}.security-status{align-items:flex-start}#toast{bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px));font-size:14px}}

.adsense-slot{width:100%;max-width:100%;min-width:0;overflow:hidden;margin:24px 0;clear:both}.adsense-slot>ins{min-height:100px;width:100%}
/* Actualización de diseño y administración · 4 octubre */
#app .home-intro{padding-top:22px!important;padding-bottom:24px!important;margin-top:0!important;margin-bottom:14px!important}
body[data-page=home] .shell{padding-top:16px!important}
.home-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:40px;padding:40px;border-radius:24px;background:linear-gradient(115deg,#17314d,#10535e);color:#fff;margin:28px 0 36px;align-items:center}
.home-story .eyebrow{color:#72e6dd}.home-story h2{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:18px 0}.home-story .presentation-copy{max-width:68ch;font-size:16px;line-height:1.75;color:#e0edf4;overflow-wrap:anywhere}.home-story .presentation-copy p{margin:0 0 14px}.home-story .presentation-copy h2,.home-story .presentation-copy h3,.home-story .presentation-copy h4{color:#fff}.home-story .pro-highlights{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:14px}.home-story .pro-highlights span{display:flex;gap:8px;align-items:center}.home-story svg{flex-shrink:0;color:#72e6dd}.home-story-action{padding:28px;background:#ffffff08;border:1px solid #ffffff30;border-radius:20px}.home-story-action .feature-icon{background:#ffffff0d;color:#72e6dd}.home-story-action h3{font-size:23px;line-height:1.3;margin:20px 0 12px;color:#fff}.home-story-action p{line-height:1.7;color:#d7e7ef}.home-story-action .button{display:inline-flex;margin-top:12px}.home-story-action>a:not(.primary){display:block;color:#b8f1e9;margin-top:18px}
.study-banner{display:flex;align-items:center;gap:20px;padding:28px 30px;background:linear-gradient(110deg,#17314d,#10505a);border-radius:20px;color:#fff;margin-bottom:26px}.study-banner h2{font-size:clamp(22px,2.3vw,30px);margin:6px 0 10px;color:#fff}.study-banner p{color:#d2e7ef;margin:0;line-height:1.6}.study-banner .eyebrow{color:#72e6dd;font-size:12px}.study-banner .pill{margin-left:auto;background:#21c6b7;color:#082b40;flex-shrink:0}.study-banner-icon{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;background:#ffffff15;border:1px solid #ffffff20;border-radius:18px;color:#79e8dc}.study-banner-icon svg{width:30px;height:30px}.study-category-picker{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.study-category-picker legend{color:var(--teal);font-weight:700;padding:0 10px}.available-questions{border-left:4px solid var(--teal);background:color-mix(in srgb,var(--teal) 6%,var(--surface))}.pro-study-preview{background:linear-gradient(135deg,#e4f8f4,var(--surface) 60%);border-color:#99dbd2}.pro-study-preview .study-preview-steps>div{background:var(--surface);border-color:#a7dcd8}.pro-study-preview .section-symbol{background:#cdf1ea;color:#087f7d}.pro-study-preview .pill{background:#123447;color:#fff}
.alias-truncate{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.account-name.alias-truncate{max-width:180px}.author-link{display:flex;gap:8px;align-items:center;max-width:100%;min-width:0}.author-link svg{flex-shrink:0}.author-link .alias-truncate{max-width:100%}.author-profile{display:flex;align-items:flex-start;gap:20px}.author-profile-copy{flex:1;min-width:0}.author-title-line{display:flex;align-items:center;gap:14px;min-width:0}.author-title-line h1{font-size:clamp(24px,3vw,38px);line-height:1.25;margin:0;max-width:calc(100% - 58px)}.author-title-line #follow{width:44px;height:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;transform:none!important;margin:0!important}.author-title-line #follow svg{display:block;width:25px;height:25px}.author-profile-copy>p{margin:12px 0;overflow-wrap:anywhere}
.verification-steps{counter-reset:verify;list-style:none;display:grid;gap:12px;margin:18px 0 26px;padding:0}.verification-steps li{counter-increment:verify;display:flex;align-items:center;gap:12px;padding:12px 14px;background:color-mix(in srgb,var(--teal) 7%,var(--surface));border:1px solid var(--line);border-radius:12px;line-height:1.5;font-size:14px}.verification-steps li:before{content:counter(verify);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;flex-shrink:0}.two-factor-panel form>button,.two-factor-panel .actions,.security-card #verify{margin-top:12px;margin-bottom:24px}.two-factor-panel .verification-steps+form{padding-top:22px;border-top:1px solid var(--line)}.recovery-codes #copy-recovery{margin:16px 0 22px}.recovery-codes .choice-label{margin-bottom:24px}.recovery-codes #recovery-done{margin-top:14px}
.benefit-edit{padding:22px;border:1px solid var(--line);border-radius:16px;margin-bottom:20px;background:var(--surface)}.benefit-edit-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.benefit-edit-heading .icon-button{margin-left:auto}.benefit-edit-heading .feature-icon{width:44px;height:44px}.answer-edit>.rich-group{min-width:0;flex:1}.answer-edit>.rich-group>.formatbar{flex-wrap:wrap}.answer-edit>.rich-group>label{font-size:12px}.rich-group .formatbar select{width:auto;max-width:180px;min-height:36px;font-size:13px}.rich-group .formatbar button{flex-shrink:0}.ads-txt-line{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
[data-theme=dark] .pro-study-preview{background:linear-gradient(135deg,#153d43,var(--surface) 60%);border-color:#326567}[data-theme=dark] .pro-study-preview .study-preview-steps>div{border-color:#326567}
#header .login-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:1px solid #ffffff35;border-radius:12px;color:#d8eff1;flex-shrink:0}#header .login-icon svg{width:23px;height:23px}#header .login-icon:hover{background:#ffffff12}
@media(max-width:760px){
 body.guest #header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:14px 14px 6px}
 body.guest #header>.logo{grid-column:1;grid-row:1;width:auto!important;max-width:100%!important;min-width:0;margin:0!important;justify-self:start;font-size:22px}
 body.guest #header>.logo .header-brand-img{width:100%!important;max-width:180px!important;max-height:52px!important;height:auto!important;object-fit:contain}
 body.guest #header>.header-actions{grid-column:2;grid-row:1;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;gap:7px;flex-wrap:nowrap!important}
 body.guest #header>.header-actions>.socials4{display:none}
 body.guest #header>.header-actions>.primary{font-size:12px;padding:11px 10px;min-height:44px;white-space:nowrap;border-radius:12px}
 body.guest #header .login-icon{width:40px;min-height:44px}
 body.guest #header>.primary-navigation{grid-column:1/-1;grid-row:2;width:100%!important;order:unset!important;justify-content:space-between;min-width:0}
 body.guest #header>.primary-navigation>a{flex:1;min-width:0;padding:8px 4px;font-size:11px;white-space:nowrap}
 body.guest #header>.primary-navigation>a svg{width:22px;height:22px}
 #app .home-intro{padding-top:14px!important;padding-bottom:20px!important;margin-bottom:8px!important}.home-intro h1{margin:18px 0!important}.home-intro>p{margin:14px 0 22px!important}
 .home-story{grid-template-columns:1fr;gap:22px;padding:26px 22px;border-radius:20px}.home-story-action{padding:22px}.home-story .presentation-copy{font-size:15px}.home-story .pro-highlights{gap:12px}.study-banner{padding:22px 18px;gap:14px;align-items:flex-start;flex-wrap:wrap}.study-banner>div{flex:1;min-width:180px}.study-banner-icon{width:48px;height:48px}.study-banner>.pill{margin-left:62px}.author-profile{gap:14px;padding:20px}.author-profile>.profile-avatar{width:54px;height:54px}.author-title-line{gap:8px}.author-title-line h1{font-size:24px}.author-title-line #follow{width:40px;min-height:40px;height:40px}.verification-steps li{padding:10px 12px}.answer-edit>.rich-group{width:100%}
}
@media(max-width:360px){body.guest #header>.logo .header-brand-img{max-width:140px!important}body.guest #header>.header-actions>.primary{font-size:11px;padding:10px 8px}body.guest #header{gap:8px}.home-story{padding:22px 18px}}
.author-profile+h2{overflow-wrap:anywhere}.author-title-line h1{flex:1;min-width:0}.author-profile-copy{max-width:100%}

.category-copy{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:left}.category-copy>span:first-child{overflow-wrap:anywhere}.category-count{font-size:13px;font-weight:400;line-height:1.4}
/* Portada compacta: actuar sobre el contenedor real de la introducción. */
.shell:has(#app .home-intro){padding-top:0!important;margin-top:0!important}
#app:has(.home-intro){padding-top:8px!important}
#app .home-intro{padding-top:8px!important;margin-top:0!important}
@media(max-width:760px){#app:has(.home-intro){padding-top:6px!important}#app .home-intro{padding-top:6px!important}}

/* Autenticador: seis cifras y acciones separadas. */
.otp-field{border:0;padding:0;margin:0 0 20px;min-width:0}.otp-field legend{font-weight:700;margin-bottom:14px}.otp-digits{display:flex;gap:10px;max-width:100%;margin-bottom:12px}.otp-digits .otp-digit{width:48px;min-width:0;height:58px;text-align:center;font-size:25px;font-weight:700;padding:8px;border:1px solid #b8cdd5;border-radius:10px;background:#f5fafb;color:#173447}.otp-digits .otp-digit:focus{border-color:#008e88;outline:3px solid #ccece9;outline-offset:2px}.otp-recovery-toggle{color:#008780;background:transparent;border:0;padding:8px 0;margin-bottom:16px;text-decoration:underline;text-underline-offset:4px}.two-factor-login .otp-submit{margin-bottom:26px}.two-factor-login .otp-return{border-top:1px solid #d7e2e8;padding-top:24px;margin-top:0}.otp-field[hidden],.recovery-field[hidden]{display:none}@media(max-width:420px){.otp-digits{gap:6px}.otp-digits .otp-digit{flex:1;width:36px;height:50px;font-size:22px}.two-factor-login .otp-submit .primary{width:100%}}

.payment-subscription{display:block;margin-top:10px;padding:10px 12px;border-radius:8px;background:#edf7f7;color:#17545a;font-size:14px;line-height:1.5}.payment-details .payment-refund{line-height:1.5}.payment-item .payment-status{white-space:normal;text-align:center}@media(max-width:480px){.payment-item{flex-wrap:wrap}.payment-item .payment-details{min-width:0;flex:1}.payment-item .payment-amount{margin-left:auto;max-width:100%}}
/* Formularios administrativos y privados compartidos. */
#private-invites form{display:grid;gap:16px;margin:20px 0}#private-invites li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;overflow-wrap:anywhere}#refund-form{display:grid;gap:16px}#refund-form .actions{flex-wrap:wrap}.detail-cover .author-avatar{flex-wrap:wrap;gap:8px}.detail-cover .author-avatar>a:not(.button){min-width:0;max-width:calc(100% - 75px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-layout-live>div{min-width:0}#tag-filters{flex-wrap:wrap}#tag-filters input{min-width:160px;flex:1}

.shared-exams .card{min-width:0}.shared-exams p,.shared-exams h2{overflow-wrap:anywhere}

.subscription-thanks{max-width:760px;margin:24px auto;padding:40px;text-align:center;border-top:5px solid #008c87;background:linear-gradient(145deg,#fff,#eef9f8)}.thanks-emblem{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;margin:0 auto 22px;background:#d8eeed;color:#008780}.thanks-emblem svg{width:36px;height:36px}.subscription-thanks h1{margin:14px 0;font-size:clamp(26px,4vw,40px)}.thanks-plan{display:grid;gap:10px;background:#102e43;color:#e8f6f7;border-radius:16px;padding:24px;margin:24px 0}.thanks-plan span{color:#b3d7db}.thanks-plan strong{font-size:20px;overflow-wrap:anywhere}.subscription-thanks .thanks-note{padding:16px;border-radius:12px;background:#dff2ef;line-height:1.6}.subscription-thanks .actions{margin-top:24px;gap:14px;flex-wrap:wrap}@media(max-width:480px){.subscription-thanks{padding:26px 18px;margin:14px auto}.subscription-thanks .actions .button,.subscription-thanks .actions button{width:100%}}

[data-theme=dark] .subscription-thanks{background:linear-gradient(145deg,#102e43,#153e4d);color:#e8f6f7}[data-theme=dark] .subscription-thanks .thanks-note{background:#214f55;color:#e8f6f7}

/* Redes del pie: fila independiente de las columnas de enlaces. */
#footer .footer-brand nav.socials4{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;width:auto}
#footer .footer-brand nav.socials4 a{display:inline-flex;flex:0 0 42px;width:42px;height:42px;min-height:42px;box-sizing:border-box;margin:0;align-items:center;justify-content:center}

.socials4 a.social-background-white,#footer .socials4 a.social-background-white{background:#fff!important}
.socials4 a.social-background-transparent,#footer .socials4 a.social-background-transparent{background:transparent!important;border-color:transparent}
.social-order-controls{justify-content:flex-end;margin-bottom:12px}.social-order-controls button{min-width:80px}

.admin-exam-summary,.admin-exam-comments{overflow-wrap:anywhere}.admin-exam-comments .comment{scroll-margin-top:110px}

.admin-user-accesses{overflow-wrap:anywhere}.access-history{padding:0;list-style:none;display:grid;gap:12px}.access-history li{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.access-history li span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.access-history code{font-size:13px;overflow-wrap:anywhere}

.editor-pro-options{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft);margin-bottom:18px}.editor-pro-options h3{margin:0}.editor-pro-options fieldset{border:0;padding:0;margin:18px 0}.editor-pro-options :disabled{cursor:not-allowed;color:var(--muted);background:var(--surface);opacity:.72}.editor-pro-options .actions p{flex:1;min-width:180px}.editor-pro-options .grid{min-width:0}

#private-invites.authorized-panel{border-top:3px solid var(--teal);overflow-wrap:anywhere}.authorized-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.authorized-heading>div{flex:1;min-width:160px}.authorized-heading h2{margin:0 0 6px}.authorized-heading p{margin:0;color:var(--muted)}.authorized-info{padding:14px;border-radius:12px;background:var(--soft);line-height:1.6}#private-invites #exam-invite{padding:18px;border:1px solid var(--line);border-radius:12px}#exam-invite h3,.authorized-list-heading h3{margin:0}.authorized-copy{align-items:flex-start;gap:10px}.authorized-copy input{flex-shrink:0;margin-top:4px}.authorized-copy small{display:block;margin-top:6px;line-height:1.5;color:var(--muted)}.authorized-users{padding:0;list-style:none;display:grid;gap:12px}#private-invites .authorized-users li{padding:14px;border:1px solid var(--line);border-radius:12px;justify-content:space-between}.authorized-person{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.authorized-person>div{min-width:0}.authorized-person strong{display:block;overflow-wrap:anywhere}.authorized-status{display:flex;gap:6px;align-items:center;font-size:13px;margin-top:6px;color:var(--muted)}.authorized-status.active{color:var(--teal)}.authorized-revoke{flex-shrink:0}.authorized-empty{display:flex;align-items:center;gap:14px;padding:18px;border:1px dashed var(--line);border-radius:12px;background:var(--soft)}.authorized-empty p{margin:0}.authorized-empty small{display:block;color:var(--muted);margin-top:6px;line-height:1.5}@media(max-width:480px){.authorized-revoke{width:100%}.authorized-heading{gap:10px}#private-invites #exam-invite{padding:14px}}
.comments-panel .comment{overflow-wrap:anywhere}

.authorized-list-heading{margin:24px 0 14px}.authorized-list-heading p{color:var(--muted);font-size:14px;margin:6px 0 0}#private-invites .authorized-guest{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:var(--surface);border-left:4px solid var(--teal);box-shadow:0 3px 12px #102f4408}#private-invites .authorized-guest.paused{border-left-color:#c59b4c}.authorized-guest .avatar{width:44px;height:44px;flex-shrink:0}.authorized-permission{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted)}.authorized-permission svg{width:15px;height:15px}.authorized-status.paused{color:#805b1d}#private-invites .authorized-revoke{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;border:1px solid #e4c8ca;background:#fff7f7;color:#963c46;padding:10px 14px}#private-invites .authorized-revoke:hover{background:#ffeded;border-color:#c27a83}.authorized-feedback,.authorized-callout{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;margin:16px 0;line-height:1.55}.authorized-feedback{background:#fff5e6;border:1px solid #ead1a0;color:#694919}.authorized-feedback p{margin:6px 0 0}.authorized-feedback>span{flex-shrink:0;margin-top:2px}.authorized-callout{background:var(--soft);border:1px solid var(--line)}.authorized-callout h3{margin:0}.authorized-callout p{margin:8px 0 14px}.authorized-callout .section-symbol{flex-shrink:0}@media(max-width:480px){.authorized-person{flex-basis:100%}.authorized-feedback,.authorized-callout{gap:10px;padding:14px}.authorized-callout .section-symbol{width:32px;height:32px}}
#private-invites small{background:transparent!important;padding:0;border-radius:0}

.stats-filter-fields{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.stats-filter-fields .field{flex:1;min-width:160px;margin:0}.stats-filter-fields button{margin:0;min-height:46px}.stats-filters>p{margin-bottom:0;font-size:13px}.stats-period-heading{margin:28px 0 18px}.stats-period-heading h2{margin:12px 0}.stats-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats-charts-grid>.card{min-width:0}.stats-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.stats-legend span{display:flex;align-items:center;gap:8px}.stats-legend i{width:14px;height:4px;border-radius:3px}.stats-chart polyline{fill:none;stroke-width:2.5}.stats-chart .stats-line-primary{stroke:var(--teal);fill:var(--teal)}.stats-chart .stats-line-secondary{stroke:#6980c5;fill:#6980c5}.stats-legend .stats-line-primary{background:var(--teal)}.stats-legend .stats-line-secondary{background:#6980c5}.stats-chart .analytics-grid text{stroke:none;fill:var(--muted);font-size:12px}.stats-series-table summary{cursor:pointer;font-weight:700}.stats-top-list{list-style:none;padding:0;margin:18px 0 0}.stats-top-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.stats-top-list li>div{min-width:0}.stats-top-list a.button{padding:0;border:0;background:transparent;color:var(--teal);text-align:left;justify-content:flex-start;box-shadow:none}.stats-top-list small,.stats-period-metrics small{display:block;color:var(--muted);background:transparent!important;font-size:12px;margin-top:6px}.stats-top-list strong{flex-shrink:0;text-align:right;color:var(--teal)}.stats-empty{padding:18px;border:1px dashed var(--line);background:var(--soft);border-radius:12px;color:var(--muted)}.stats-data-note{background:var(--soft);line-height:1.6}.stats-data-note h3{margin-top:0}.stats-data-note p:last-child{margin-bottom:0}@media(max-width:850px){.stats-charts-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats-filter-fields{display:grid;grid-template-columns:1fr}.stats-filter-fields .field{min-width:0}.stats-filter-fields button{width:100%}.stats-period-heading h2{font-size:23px}.stats-top-list li{align-items:flex-start}}

.stats-current-metrics small{display:block;color:var(--muted);background:transparent!important;font-size:12px;margin-top:6px}.stats-data-note{width:auto;max-width:none;column-count:1}@media(max-width:480px){.stats-period-metrics,.stats-current-metrics{grid-template-columns:1fr}.stats-period-metrics .metric-card,.stats-current-metrics .metric-card{min-height:80px;align-items:center}.stats-data-note{column-count:1}}
.stats-chart svg{min-width:0}

.stats-reset-notice{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:var(--soft);border:1px solid var(--line);line-height:1.5}.stats-reset-notice svg{flex-shrink:0}.stats-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
/* Centro real de la navegación de escritorio, con columnas laterales iguales. */
@media(min-width:1001px){
 #header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:auto;min-height:80px}
 #header>.logo{grid-column:1;justify-self:start;margin:0;min-width:0}
 #header>.primary-navigation{grid-column:2;justify-self:center;justify-content:center;order:0;width:auto;margin:0;flex-wrap:nowrap}
 #header>.header-actions{grid-column:3;justify-self:end;min-width:0;max-width:100%;margin-left:0}
 #header>.header-actions>.socials4{max-width:100%;flex-wrap:wrap;justify-content:flex-end}
 #header>.maintenance-flag{grid-column:1/-1;justify-self:end}
}

.mine-tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:14px;margin:0 0 24px}.mine-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:650;line-height:1.4}.mine-tabs a.active{background:var(--teal);color:#fff;box-shadow:0 3px 8px #008b8918}.mine-tabs a:not(.active):hover{background:var(--surface)}.mine-tabs a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.mine-tabs svg{flex-shrink:0}.shared-intro{margin:0 0 24px}.shared-intro h2{margin:0 0 10px}.shared-intro p{margin:0;line-height:1.6}@media(max-width:480px){.mine-tabs a{flex:1;padding:10px 8px;font-size:13px}.mine-tabs a svg{width:18px;height:18px}.mine-tabs a span{min-width:0}}
/* Planes PRO: máximo tres tarjetas por fila. */
#app .modern-prices{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .modern-prices:has(>.plan-card:only-child){grid-template-columns:minmax(0,1fr)}
@media(min-width:601px){#app .modern-prices:has(>.plan-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1000px){#app .modern-prices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#app .modern-prices{grid-template-columns:minmax(0,1fr)}}

/* Estadísticas: controles y botón del filtro alineados. */
#app .stats-filter-fields .field{margin:0}
#app .stats-filter-fields>button{align-self:flex-end;min-height:46px;margin:0;border-radius:8px}

/* Mis test: contraste explícito frente a estilos generales de enlaces. */
#app .mine-tabs{gap:8px;padding:8px}
#app .mine-tabs a{min-height:46px;color:var(--ink);border:1px solid transparent;box-sizing:border-box}
#app .mine-tabs a.active{background:#007f7b;color:#fff;border-color:#007f7b;box-shadow:0 3px 8px #007f7b24}
#app .mine-tabs a span,#app .mine-tabs a svg{color:inherit}
#app .mine-tabs a:not(.active):hover{background:var(--surface);border-color:var(--line);color:var(--ink)}
#app .mine-tabs a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media(max-width:480px){#app .mine-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#app .mine-tabs a{min-width:0;text-align:center;gap:6px}#app .mine-tabs a span{overflow-wrap:anywhere}}

.pro-grace-notice{display:flex;align-items:flex-start;gap:18px;padding:24px;margin:0 0 24px;border:1px solid #d8b663;border-left:5px solid #b68a27;border-radius:16px;background:var(--surface);color:var(--ink)}.pro-grace-symbol{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#fff2ce;color:#795a13}.pro-grace-symbol svg{width:24px;height:24px}.pro-grace-notice .pill{background:#fff2ce;color:#795a13}.pro-grace-notice h2{margin:14px 0 10px;font-size:22px;line-height:1.35}.pro-grace-notice p{margin:10px 0;line-height:1.65}.pro-grace-notice .actions{margin-top:18px}@media(max-width:600px){.pro-grace-notice{padding:18px;gap:12px}.pro-grace-notice h2{font-size:19px}.pro-grace-symbol{flex-basis:34px;height:34px}.pro-grace-notice .primary{width:100%}}

/* Consent controls remain readable on small screens. */
#cookie-preferences{max-height:85vh;overflow:auto}#cookie-preferences .check{align-items:flex-start;gap:8px;margin:9px 0;font-size:14px;line-height:1.4}#cookie-preferences .check input{flex-shrink:0;margin:3px 0 0}#cookie-preferences .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#cookie-preferences .actions button{min-height:44px;padding:9px 8px;font-size:13px;line-height:1.25;min-width:0;white-space:normal}#cookie-preferences .muted{font-size:12px;margin:8px 0 4px}@media(max-width:480px){#cookie-preferences{padding:14px;max-width:none}#cookie-preferences .actions{grid-template-columns:1fr;gap:6px}#cookie-preferences .actions button{font-size:14px}}

.access-session-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.access-session-status{padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700}.access-session-status.active{background:#d7f4ea;color:#086547}.access-session-status.expired{background:#fff0cc;color:#805500}.access-session-status.closed,.access-session-status.unknown{background:#e8edf3;color:#42546b}.access-history .actions{margin-top:6px;gap:10px}.access-history .actions button{min-height:42px}

#app .mine-invites{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:12px 0 2px;padding:8px 12px;border:1px solid var(--teal);border-radius:10px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:650;line-height:1.4;text-align:left}#app .mine-invites svg{flex:0 0 20px;width:20px;height:20px;color:var(--teal)}#app .mine-invites span{overflow-wrap:anywhere}#app .mine-invites:hover{border-color:var(--ink)}
[data-mine-permissions] .authorized-guest{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;background:var(--surface)}[data-mine-permissions] .authorized-guest.paused{border-left-color:#c59b4c}[data-mine-permissions] .authorized-status.paused{color:var(--muted)}[data-mine-permissions] h3{overflow-wrap:anywhere}[data-mine-permissions] .authorized-revoke{display:inline-flex;align-items:center;justify-content:center;gap:8px}[data-mine-permissions] .authorized-empty{display:block}

#app .support-live a.button.primary,#app .support-live a.button.primary:hover,#app .support-live a.button.primary:focus-visible{color:#fff}#app .support-live a.button.primary svg{color:inherit;stroke:currentColor}

.user-role-control{display:flex;align-items:center;gap:8px;min-width:190px}.user-role-control select{width:145px;min-width:0;min-height:40px;padding:8px;font-size:13px}.user-role-control button{display:grid;place-items:center;min-width:40px;min-height:40px;padding:8px}.user-role-control svg,.god-role svg{width:18px;height:18px}.god-role{display:inline-flex;align-items:center;gap:7px;background:var(--soft);color:var(--ink);white-space:nowrap}

#grant-form .grant-controls{display:grid;grid-template-columns:minmax(220px,1fr) 170px auto;align-items:start;gap:18px}#grant-form .field{margin:0;line-height:24px}#grant-form .field input{width:100%;min-height:46px;box-sizing:border-box}#grant-form .grant-submit{min-height:46px;margin:32px 0 0;white-space:nowrap;align-self:start}#grant-form .grant-note{margin:18px 0 0;font-size:13px}#grant-form #grant-user-hint{margin:8px 0;font-size:13px}#grant-form .grant-user-results{display:grid;gap:8px}#grant-form .grant-user-results button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);overflow-wrap:anywhere;white-space:normal}#grant-form .grant-user-results span{font-size:13px;color:var(--muted)}#grant-form .grant-user-selected{background:var(--soft);color:var(--ink);border-left:3px solid var(--teal);padding:10px 12px;border-radius:8px;overflow-wrap:anywhere;font-size:13px;margin:10px 0 0}@media(max-width:720px){#grant-form .grant-controls{grid-template-columns:minmax(0,1fr)}#grant-form .grant-submit{margin:0;width:100%}}

.contact-captcha{margin:24px 0 18px;padding:16px 18px;border:1px solid var(--teal);border-left:4px solid var(--teal);border-radius:14px;background:var(--soft);color:var(--ink)}.contact-captcha legend{padding:0 7px;font-weight:700;color:var(--teal);font-size:14px}.captcha-heading{display:flex;align-items:center;gap:12px;margin:0 0 14px}.captcha-heading p{margin:0;font-size:13px;line-height:1.6}.captcha-symbol{display:grid;place-items:center;flex:0 0 34px;height:34px;color:var(--teal)}.captcha-symbol svg{width:26px;height:26px}.captcha-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.contact-captcha .field{margin:0}.contact-captcha .field input{width:140px;min-height:44px;margin:0;background:var(--surface);color:var(--ink)}.captcha-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:0;padding:10px 12px;font-size:13px;background:var(--surface);color:var(--ink)}.captcha-controls button svg{width:18px;height:18px}@media(max-width:480px){.contact-captcha{padding:14px}.captcha-controls{gap:10px}.captcha-controls .field{flex:1;min-width:120px}.contact-captcha .field input{width:100%}.captcha-controls button{flex:1}}

.editor-tags-field .tag-recommendations{display:flex;flex-wrap:wrap;gap:8px;padding:10px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.editor-tags-field .tag-recommendations[hidden]{display:none}.tag-recommendations button{margin:0;padding:8px 12px;font-size:14px;color:var(--ink);background:var(--surface);white-space:normal;overflow-wrap:anywhere}.tag-recommendations button:hover,.tag-recommendations button:focus-visible{border-color:var(--teal);color:var(--teal)}

.pro-verification-intro{display:flex;align-items:center;gap:16px}.pro-verification-intro .thanks-emblem{flex-shrink:0;margin:0}.pro-verification-intro p{margin:0;overflow-wrap:anywhere}.pro-verification ol{padding-left:24px;line-height:1.7;margin:22px 0}.pro-verification .actions{gap:12px;margin:20px 0 16px}.pro-verification [data-pro-verify-status]{padding:12px 14px;background:var(--soft);border-radius:10px;font-size:14px;color:var(--ink);margin:0}@media(max-width:480px){.pro-verification .actions{display:grid}.pro-verification .actions button{width:100%;white-space:normal}}

.user-actions-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin:0;padding:8px 12px;white-space:nowrap}.user-actions-trigger span{font-weight:700;letter-spacing:2px;font-size:16px}.user-actions-popover{position:fixed;inset:auto;margin:0;padding:8px;width:250px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 12px 36px #0003}.user-actions-popover p{margin:0 0 6px;padding:8px 10px;font-size:13px;font-weight:700;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.user-actions-popover button{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:10px 12px;border:0;border-radius:8px;text-align:left;white-space:normal;background:transparent;color:var(--ink);font-size:14px}.user-actions-popover button:hover,.user-actions-popover button:focus-visible{background:var(--soft)}.user-actions-popover button.danger{color:#c33948}.user-actions-popover button svg{width:18px;height:18px;flex-shrink:0}

#app .mine-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}#app .mine-card-actions>.icon-button{margin:0;flex-shrink:0}#app .mine-card-actions .mine-invites{display:inline-flex;flex:0 1 auto;width:auto;min-height:38px;max-width:100%;margin:0 0 0 auto;padding:6px 10px;gap:7px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:none}#app .mine-card-actions .mine-invites svg{flex:0 0 17px;width:17px;height:17px;color:var(--teal)}#app .mine-card-actions .mine-invites-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:var(--surface);color:var(--teal);font-weight:800}#app .mine-card-actions .mine-invites:hover,#app .mine-card-actions .mine-invites:focus-visible{border-color:var(--teal);color:var(--teal)}

/* Antispam: alinear el botón con Resultado, sin margen heredado del formulario. */
#app .contact-captcha .captcha-controls .field,#modal .contact-captcha .captcha-controls .field{display:grid;gap:8px;margin:0;line-height:1.4}.contact-captcha .captcha-controls{align-items:flex-end}.contact-captcha .captcha-controls .field input{height:44px;min-height:44px;box-sizing:border-box;margin:0}.contact-captcha .captcha-controls button{height:44px;min-height:44px;box-sizing:border-box;margin:0;white-space:nowrap;flex:0 0 auto}
/* Página de campañas: presentación PRO con una ruta de conversión clara. */
body.conversion-page #sidebar{display:none}body.conversion-page .shell{display:block;max-width:1320px}body.conversion-page #app{max-width:1280px;padding:24px}body.conversion-page #header .primary-navigation,body.conversion-page #header .social-links{display:none}#app .sales-page{--sales-navy:#102d43;--sales-aqua:#56dfd0;color:var(--ink)}#app .sales-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;background:var(--sales-navy);color:#edf8fc;padding:clamp(28px,5vw,64px);border-radius:28px;position:relative;overflow:hidden}#app .sales-eyebrow{display:block;font-size:11px;line-height:1.6;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal)}#app .sales-hero .sales-eyebrow{color:var(--sales-aqua)}#app .sales-hero h1{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-1.5px;color:#fff;margin:18px 0 22px}#app .sales-hero h1 em{font-style:normal;color:var(--sales-aqua)}#app .sales-lead{font-size:17px;line-height:1.75;color:#d0e1eb;margin:0 0 26px}#app .sales-hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#app .sales-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:750;white-space:normal;line-height:1.4}#app .sales-cta svg{flex-shrink:0}#app .sales-secondary{color:#d4f7f2;text-decoration:underline;font-size:14px;font-weight:600}#app .sales-cta-note{font-size:12px;color:#b9d0dd;line-height:1.6;margin:12px 0 26px}#app .sales-assurances{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#d0e8ee}#app .sales-assurances span{display:flex;align-items:center;gap:5px}#app .sales-assurances svg{width:16px;height:16px;color:var(--sales-aqua)}#app .sales-preview{background:#f8fcfe;color:#173248;border-radius:20px;padding:24px;box-shadow:0 24px 64px #0003;transform:rotate(1deg)}#app .sales-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:800}#app .sales-preview-head>span:first-child{display:flex;align-items:center;gap:8px}#app .sales-preview-badge{font-size:11px;border-radius:7px;padding:5px 8px;background:#d7f8f0;color:#006c68}#app .sales-preview-caption{font-size:11px;color:#607585;margin:10px 0 20px}#app .sales-preview-tabs{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid #dde8ee;flex-wrap:wrap}#app .sales-preview-tabs span{font-size:12px;padding:8px 10px;border-radius:8px;background:#edf3f6;color:#597080}#app .sales-preview-tabs .active{background:#d9f4ed;color:#006c68;font-weight:700}#app .sales-preview-question{padding:22px 0 18px}#app .sales-preview h3{font-size:19px;line-height:1.4;margin:10px 0 18px;color:#173248}#app .sales-preview-option{display:flex;align-items:center;gap:10px;padding:12px;margin:9px 0;border:1px solid #dbe5ec;border-radius:10px;font-size:13px;background:#fff;color:#173248}#app .sales-preview-option.chosen{background:#e9f2ff;border-color:#79a9da;color:#194e87}#app .sales-preview-tip{display:flex;align-items:center;gap:10px;border-top:1px solid #dde8ee;padding-top:16px;font-size:12px;line-height:1.5;color:#526d7e}#app .sales-section{margin:64px 0}#app .sales-section-heading{max-width:680px;margin-bottom:30px}#app .sales-page h2{font-size:clamp(25px,2.6vw,34px);line-height:1.2;letter-spacing:-.7px;margin:12px 0 16px;color:var(--ink)}#app .sales-page p{line-height:1.7}#app .sales-method{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;border-bottom:1px solid var(--line);padding:0 14px 42px}#app .sales-method p,#app .sales-section-heading>p{color:var(--muted);font-size:16px}#app .sales-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#app .sales-benefits article{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:26px}#app .sales-benefit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--teal);margin-bottom:20px}#app .sales-benefits h3{font-size:19px;line-height:1.35;margin:0 0 12px;color:var(--ink)}#app .sales-benefits p{font-size:14px;color:var(--muted);margin:0}#app .sales-steps{padding:32px;border-radius:22px;background:var(--soft)}#app .sales-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#app .sales-step-grid article>span{font-size:30px;font-weight:850;line-height:1;color:var(--teal)}#app .sales-step-grid h3{font-size:19px;color:var(--ink);margin:18px 0 10px}#app .sales-step-grid p{font-size:14px;color:var(--muted);margin:0}#app .sales-offer{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:40px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}#app .sales-offer>div:last-child{display:flex;align-items:flex-start;flex-direction:column}#app .sales-offer p{font-size:15px;color:var(--muted)}#app .sales-offer .sales-offer-terms{font-size:12px}#app .sales-offer>div:last-child p{font-size:12px;margin:12px 0}#app .sales-faq{max-width:850px;margin-left:auto;margin-right:auto}#app .sales-faq details{border-bottom:1px solid var(--line);padding:18px 0;margin:0}#app .sales-faq summary{font-weight:700;color:var(--ink);line-height:1.5}#app .sales-faq details p{font-size:14px;color:var(--muted);margin:16px 0 0}#app .sales-final{text-align:center;padding:40px 24px;background:var(--soft);border-radius:22px;margin-bottom:24px}#app .sales-final p{font-size:12px;color:var(--muted)}#app .sales-admin-preview{margin-top:24px}#app .sales-admin-preview .field input{width:100%;box-sizing:border-box}#app .sales-admin-preview .actions{margin:20px 0}
@media(max-width:1000px){#app .sales-hero{grid-template-columns:1fr;gap:32px}#app .sales-preview{max-width:520px;width:100%;box-sizing:border-box;transform:none}#app .sales-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}#app .sales-method{gap:28px}#app .sales-offer{grid-template-columns:1fr;gap:16px}}
@media(max-width:640px){body.conversion-page #app{padding:16px}#app .sales-hero{padding:28px 22px;border-radius:20px}#app .sales-hero h1{letter-spacing:-1px}#app .sales-lead{font-size:15px}#app .sales-preview{padding:18px}#app .sales-hero-actions{align-items:flex-start;flex-direction:column;gap:14px}#app .sales-hero-actions .sales-cta{width:100%}#app .sales-method,#app .sales-benefits,#app .sales-step-grid{grid-template-columns:1fr}#app .sales-method{padding:0 0 26px;gap:12px}#app .sales-section{margin:40px 0}#app .sales-benefits article{padding:22px}#app .sales-steps,#app .sales-offer{padding:24px}#app .sales-final{padding:28px 20px}}

#app .sales-hero a.sales-secondary{color:#c0f7ef!important}
#app .registration-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){#app .registration-benefits{grid-template-columns:1fr}}

/* Etiquetas públicas y navegación por tema. */
#app .exam-tags{align-items:center;margin:18px 0 24px!important}
#app a.exam-tag-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;color:var(--accent,#008c86)!important;text-decoration:none;border:1px solid currentColor;border-radius:20px;overflow-wrap:anywhere;max-width:100%}
#app .exam-tag-link svg{width:16px;height:16px;flex-shrink:0}
#app .exam-tag-link:hover{background:rgba(0,140,134,.12)}
#app .exam-tag-link:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.catalog-tag-filter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding:16px;border:1px solid rgba(0,140,134,.3);border-radius:14px;background:rgba(0,140,134,.08)}
.catalog-tag-filter>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}

/* Operación en una fila propia, sin solaparse con la respuesta. */
#app .contact-captcha .captcha-controls .captcha-answer-field,
#modal .contact-captcha .captcha-controls .captcha-answer-field{display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-items:start;gap:8px;min-width:0}
#app .contact-captcha [data-contact-question],#modal .contact-captcha [data-contact-question]{display:block;position:static;grid-column:1;grid-row:1;transform:none;margin:0;padding:0;white-space:normal;line-height:1.5;overflow-wrap:anywhere}
#app .contact-captcha .captcha-answer-field input,#modal .contact-captcha .captcha-answer-field input{display:block;position:static;grid-column:1;grid-row:2;transform:none;max-width:100%;margin:0}

/* Campañas: una acción principal con mayor presencia. */
#app .sales-page .sales-cta{min-height:58px;padding:16px 26px;font-size:18px;font-weight:800;background:#008c86!important;color:#fff!important;border:2px solid #008c86!important;box-shadow:0 8px 22px rgba(0,100,95,.22)}
#app .sales-hero .sales-cta{background:#65ead8!important;color:#083b38!important;border-color:#65ead8!important;box-shadow:0 8px 28px rgba(86,223,208,.2)}
#app .sales-page .sales-cta:hover{filter:brightness(1.08)}
#app .sales-page .sales-cta:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
#app .sales-hero .sales-cta:focus-visible{outline-color:#fff}
#app .sales-action-dock{display:none}
@media(max-width:640px){body.conversion-page{padding-bottom:calc(112px + env(safe-area-inset-bottom))}#app .sales-action-dock{display:flex;flex-direction:column;gap:5px;position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;height:auto;min-height:0;z-index:45;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -8px 24px #102d4314;text-align:center}#app .sales-action-dock .sales-cta{width:100%;min-height:50px;font-size:16px;padding:11px 16px}#app .sales-action-dock>span{font-size:11px;color:var(--muted)}#app .sales-page .sales-final .sales-cta,#app .sales-page .sales-offer .sales-cta{width:100%}#app .sales-page .sales-cta{font-size:17px}}

/* Cabecera de selección de planes: título y condiciones integrados. */
#app .pro-page .plan-heading{display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0 22px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 4px 18px #102d4306;scroll-margin-top:24px}
#app .plan-heading-symbol{display:grid;place-items:center;flex:0 0 48px;height:48px;background:var(--soft);color:var(--teal);border-radius:14px}
#app .plan-heading-symbol svg{width:25px;height:25px}
#app .plan-heading-copy{flex:1;min-width:220px}
#app .plan-heading-copy h2{font-size:clamp(23px,2.4vw,29px);line-height:1.2;margin:0 0 8px;letter-spacing:-.5px}
#app .plan-heading-copy p{margin:0;font-size:14px;line-height:1.6;max-width:620px}
#app .pro-page .pro-price-note{display:flex;align-items:center;gap:10px;max-width:none;margin:0;padding:12px 14px;background:var(--soft);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--ink);font-size:13px;line-height:1.45}
#app .pro-price-note>svg{width:21px;height:21px;flex-shrink:0;color:var(--teal)}
#app .pro-price-note>span{display:block;min-width:0}
#app .pro-price-note strong{display:block;font-size:13px;line-height:1.4}
#app .pro-price-note small{display:block;font-size:11px;line-height:1.5;margin:3px 0 0;padding:0;background:transparent;color:var(--muted);white-space:normal}
@media(max-width:640px){#app .pro-page .plan-heading{gap:12px;padding:18px;margin:24px 0 18px}#app .plan-heading-symbol{flex-basis:40px;height:40px;border-radius:12px}#app .plan-heading-copy{min-width:0;flex-basis:calc(100% - 52px)}#app .plan-heading-copy h2{font-size:23px}#app .pro-page .pro-price-note{width:100%;box-sizing:border-box;margin-top:4px}}

/* Previsualización de comunicaciones, antes de confirmar el envío. */
.campaign-compose-actions{gap:12px;margin-top:22px}.campaign-compose-actions svg{width:19px;height:19px;vertical-align:middle;margin-right:6px}
.mail-preview-meta{padding:14px 18px;background:var(--surface,#f1f7f8);border:1px solid var(--border,#dce5ee);border-radius:12px;margin-bottom:16px}.mail-preview-meta small{display:block;color:var(--muted,#637787);margin-bottom:6px}.mail-preview-meta h3{margin:0;overflow-wrap:anywhere}
.mail-preview-controls{gap:10px;margin-bottom:14px}.mail-preview-controls [aria-pressed="true"]{background:#00847f;color:#fff;border-color:#00847f}
.mail-preview-stage{background:#e9f0f4;padding:10px;border-radius:14px;overflow:hidden}.mail-preview-stage .mail-preview{height:510px;max-width:100%;margin:0 auto;border:1px solid #dce5ee;background:#fff}.mail-preview-stage.mobile .mail-preview{width:375px}
@media(max-width:480px){.mail-preview-stage{padding:4px}.mail-preview-stage .mail-preview{height:440px}.campaign-compose-actions{flex-wrap:wrap}.mail-preview-controls button{flex:1}}

#modal .mail-preview-controls button{margin:0;background:#ffffff;color:#123044;border:1px solid #b8d4d7}#modal .mail-preview-controls button[aria-pressed="true"],#modal .mail-preview-controls button[aria-pressed="true"]:hover{background:#007d78;color:#ffffff;border-color:#007d78}#modal .mail-preview-controls button[aria-pressed="false"]:hover{background:#e7f4f3;color:#123044}

/* Ilustración de pregunta: debajo del enunciado, centrada y proporcional. */
#app .question-illustration{display:block;width:auto;height:auto;max-width:min(100%,640px);max-height:420px;object-fit:contain;margin:20px auto 26px;background:#fff;border-radius:12px}
.question-image-tools{padding:14px 16px;border:1px dashed var(--line,#c7dce2);border-radius:12px;margin:12px 0 22px;background:var(--surface,#f4f8fa)}.question-image-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}.question-image-attach{display:inline-flex;align-items:center;gap:9px;margin:0}.question-image-attach svg{width:20px;height:20px;flex-shrink:0}.question-image-tools small{display:block;color:var(--muted,#637787)}.question-image-tools [data-question-image-status]:empty{display:none}.question-image-preview[hidden],.question-image-actions [hidden]{display:none!important}.question-image-tools [data-question-image-status]{margin:10px 0 0}.question-image-preview{padding:4px;overflow:hidden}.question-image-tools .pill{font-size:11px;padding:3px 7px}
@media(max-width:600px){#app .question-illustration{max-height:320px;margin:16px auto 20px}.question-image-tools{padding:12px}.question-image-attach{font-size:14px}}

/* Aviso de acceso manual PRO en Planes: fecha y condiciones fáciles de leer. */
#app .manual-pro-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;row-gap:18px;padding:24px 28px;margin:0 0 28px;background:linear-gradient(120deg,#f1faf8,#fff);border:1px solid #bcded8;border-radius:18px;color:#17364a}
.manual-pro-heading{display:flex;align-items:center;gap:14px;min-width:0}.manual-pro-symbol{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:#d5efea;border-radius:14px;color:#007b74}.manual-pro-symbol svg{width:25px;height:25px}.manual-pro-eyebrow{display:block;font-size:11px;line-height:1.4;letter-spacing:1.6px;font-weight:800;color:#007b74;margin-bottom:6px}#app .manual-pro-heading h2{margin:0;font-size:21px;line-height:1.3;letter-spacing:-.3px}
.manual-pro-until{align-self:center;display:grid;gap:6px;background:#fff;border:1px solid #c9e0dd;border-radius:12px;padding:12px 16px;max-width:330px}.manual-pro-until>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#4f6c78}.manual-pro-until svg{width:16px;height:16px}.manual-pro-until strong{font-size:14px;line-height:1.45;color:#17364a;overflow-wrap:anywhere}
#app .manual-pro-message{grid-column:1/-1;max-width:1000px;margin:0;font-size:15px;line-height:1.65}.manual-pro-message strong{font-weight:700;color:#17364a}.manual-pro-conditions{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding-top:14px;border-top:1px solid #cde3df;color:#506c77}.manual-pro-conditions>svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:#007b74}#app .manual-pro-conditions p{margin:0;font-size:13px;line-height:1.6}
[data-theme=dark] #app .manual-pro-banner{background:linear-gradient(120deg,#143c3b,#153346);color:#e4f3f3;border-color:#366a68}[data-theme=dark] .manual-pro-symbol{background:#215b55;color:#79e0d2}[data-theme=dark] .manual-pro-eyebrow{color:#79e0d2}[data-theme=dark] .manual-pro-until{background:#183b47;border-color:#47716e}[data-theme=dark] .manual-pro-until>span,[data-theme=dark] .manual-pro-conditions{color:#bad6da}[data-theme=dark] .manual-pro-until strong,[data-theme=dark] .manual-pro-message strong,[data-theme=dark] #app .manual-pro-heading h2{color:#e4f3f3}[data-theme=dark] .manual-pro-conditions{border-color:#366a68}[data-theme=dark] .manual-pro-conditions>svg{color:#79e0d2}
@media(max-width:700px){#app .manual-pro-banner{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;margin-bottom:22px}.manual-pro-until{max-width:none;justify-self:stretch}.manual-pro-heading{gap:12px}#app .manual-pro-heading h2{font-size:19px}.manual-pro-symbol{flex-basis:42px;width:42px;height:42px}.manual-pro-message,.manual-pro-conditions{grid-column:1}#app .manual-pro-message{font-size:14px}}

/* Devoluciones e información rápida de usuarios */
.refund-value{color:#b42336!important;font-weight:750}.refund-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:#ffe8ec;color:#a61d30;font-size:12px;font-weight:750;margin-top:6px;white-space:nowrap}.refund-badge svg{width:16px;height:16px}.payment-row-refunded{background:#fff5f6}.payment-row-refunded td:first-child{box-shadow:inset 3px 0 #d2495d}.payment-item-refunded{border-left:3px solid #d2495d;padding-left:12px;background:linear-gradient(90deg,#fff2f4,transparent)}.payment-item-refunded .payment-icon,.payment-status.refunded{background:#ffe8ec;color:#a61d30}.admin-user-link{display:inline-flex;align-items:center;gap:7px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--teal)!important;padding:5px 0!important;font-weight:750;max-width:240px;text-align:left;cursor:pointer}.admin-user-link span{overflow-wrap:anywhere}.admin-user-link svg{flex-shrink:0;width:18px;height:18px}.admin-user-link:hover span{text-decoration:underline}.admin-user-link:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.admin-user-summary-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.admin-user-summary-heading h2{margin:0 0 6px}.admin-user-summary-heading p{margin:0 0 10px;overflow-wrap:anywhere}.admin-user-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.admin-user-facts>div{padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.admin-user-facts dt{font-size:13px;color:var(--muted);margin-bottom:5px}.admin-user-facts dd{margin:0;font-weight:650;overflow-wrap:anywhere}[data-theme=dark] .refund-value{color:#ffb6c1!important}[data-theme=dark] .refund-badge,[data-theme=dark] .payment-status.refunded,[data-theme=dark] .payment-item-refunded .payment-icon{background:#502532;color:#ffd1da}[data-theme=dark] .payment-row-refunded{background:#30212c}[data-theme=dark] .payment-item-refunded{background:linear-gradient(90deg,#37212c,transparent)}@media(max-width:480px){.admin-user-facts{grid-template-columns:1fr}.admin-user-summary-heading{gap:10px}}

@media(max-width:480px){.payment-item .payment-amount{flex:0 0 calc(100% - 44px);max-width:calc(100% - 44px);margin-left:44px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.admin-user-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-user-facts>div{padding:10px}}@media(max-width:350px){.admin-user-facts{grid-template-columns:1fr}}

/* Mantener la identificación de devoluciones al pasar el cursor */
#app tbody tr.payment-row-refunded,#app tbody tr.payment-row-refunded:hover{background:#fff5f6}
[data-theme=dark] #app tbody tr.payment-row-refunded,[data-theme=dark] #app tbody tr.payment-row-refunded:hover{background:#30212c}

/* Tabla administrativa de pagos compacta */
#app .admin-payments-table{min-width:760px}#app .admin-payments-table th{padding:10px;font-size:10px;letter-spacing:.035em}#app .admin-payments-table td{padding:8px 10px;line-height:1.35;vertical-align:middle}#app .admin-payments-table .admin-user-link{max-width:150px;padding:3px 0!important;min-height:32px}#app .admin-payments-table .admin-user-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .admin-payments-table td>small{display:block;font-size:11px}.compact-payment-date{display:flex;flex-direction:column;gap:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-payment-date small{color:var(--muted);font-size:11px}.admin-payments-table .payment-money{white-space:nowrap;font-variant-numeric:tabular-nums}.compact-refund{display:flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-refund .refund-badge{margin:0;padding:3px 5px;font-size:10px;gap:3px}.compact-refund .refund-badge svg{width:13px;height:13px}#app .admin-payments-table .payment-table-actions{display:flex;flex-wrap:nowrap;gap:5px;margin:0}#app .admin-payments-table .payment-table-actions button{min-height:34px;width:34px;height:34px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.payment-table-note{font-size:12px;margin:12px 0 8px}

#app .admin-payments-table .compact-payment-date small{background:transparent;padding:0;border:0;border-radius:0}

/* Mi suscripción: estado y fechas con identidad SubeTest */
#app .subscription-overview{background:linear-gradient(120deg,#e9f8f5,#f6fafc);border-color:#b9dfd9;border-top:4px solid #008b85;padding:26px}.subscription-overview-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.subscription-overview-symbol{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:15px;background:#008b85;color:white;box-shadow:0 5px 12px #008b8517}.subscription-overview-symbol svg{width:27px;height:27px}.subscription-overview-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.6px;color:#087a73;margin-bottom:5px}#app .subscription-overview-heading h2{margin:0;font-size:clamp(21px,2.2vw,28px);line-height:1.25;color:#173e52}.subscription-plan-label{display:inline-flex;margin:0 0 14px;padding:5px 10px;border:1px solid #b7dfd8;border-radius:7px;background:#d6eee8;color:#17615b;font-size:12px;font-weight:750}.subscription-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.subscription-periods>div{background:#ffffffd9;border:1px solid #c8e3de;border-radius:12px;padding:16px}.subscription-periods dt{display:flex;align-items:center;gap:7px;font-size:13px;color:#38716e;margin-bottom:8px}.subscription-periods dt svg{width:17px;height:17px;flex-shrink:0}.subscription-periods dd{margin:0;color:#183b50;font-size:17px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}#app .subscription-overview .subscription-actions{border-top:1px solid #bfddd7;padding-top:18px;margin-top:20px;gap:12px}#app .subscription-overview .subscription-actions button,#app .subscription-overview .subscription-actions a{min-height:44px}.subscription-overview>p{color:var(--ink);font-size:14px;line-height:1.6}[data-theme=dark] #app .subscription-overview{background:linear-gradient(120deg,#123b3e,#172e43);border-color:#2e6365;border-top-color:#36cabc}[data-theme=dark] .subscription-overview-eyebrow{color:#8de2d4}[data-theme=dark] #app .subscription-overview-heading h2{color:#e7f5f5}[data-theme=dark] .subscription-periods>div{background:#112b3ae6;border-color:#315b65}[data-theme=dark] .subscription-periods dt{color:#9fcec9}[data-theme=dark] .subscription-periods dd{color:#e7f2f7}[data-theme=dark] .subscription-plan-label{background:#174b4b;border-color:#35716d;color:#b5f0e5}[data-theme=dark] #app .subscription-overview .subscription-actions{border-top-color:#315e63}@media(max-width:600px){#app .subscription-overview{padding:20px}.subscription-periods{grid-template-columns:1fr;gap:10px}.subscription-periods>div{padding:13px}.subscription-periods dd{font-size:16px}.subscription-overview-heading{gap:12px}.subscription-overview-symbol{flex-basis:44px;height:44px}.subscription-overview .subscription-actions>*{flex:1 1 100%;justify-content:center}}

#app .question-image-actions input[data-question-image-file]{display:none!important}

/* Noticias: nueve por página, tres columnas en escritorio. */
#app .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#app .news-grid>.card{margin-bottom:0;display:flex;flex-direction:column}#app .news-grid>.card>.button{align-self:flex-start;margin-top:auto}#app .news-grid>.empty{grid-column:1/-1}@media(max-width:1000px){#app .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#app .news-grid{grid-template-columns:minmax(0,1fr)}}

/* Botones de privacidad y cookies en verde corporativo. */
#cookie-preferences button{background:#00847f!important;color:#fff!important;border:1px solid #00847f!important;box-shadow:none}#cookie-preferences button:hover{background:#006c68!important;border-color:#006c68!important;color:#fff!important}#cookie-preferences button:focus-visible{outline:3px solid #52d5c4;outline-offset:3px}

/* Renovaciones de pagos: azul, con devoluciones en rojo prioritario. */
#app tbody tr.payment-row-renewal,#app tbody tr.payment-row-renewal:hover{background:#eaf4ff}#app .payment-row-renewal td:first-child{box-shadow:inset 3px 0 #74b4e9}#app .payment-kind{display:block;font-size:11px;font-weight:650;margin-top:3px}#app .payment-kind-renewal{color:#225c91}[data-theme=dark] #app tbody tr.payment-row-renewal,[data-theme=dark] #app tbody tr.payment-row-renewal:hover{background:#18364d}[data-theme=dark] #app .payment-kind-renewal{color:#9aceff}

#app .admin-plan-label{display:flex;align-items:center;gap:5px;max-width:220px;color:var(--muted);font-size:12px;line-height:1.35;margin:2px 0 0}#app .admin-plan-label svg{width:13px;height:13px;flex-shrink:0}#app .admin-plan-label span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Historial: etiquetas claras y estado de suscripción neutro. */
.payment-date strong,.payment-refund strong{font-size:inherit;font-weight:750}.payment-subscription{background:#f1f4f7;color:#334b5e;border:1px solid #dce4eb}.payment-subscription strong{font-size:inherit}[data-theme=dark] .payment-subscription{background:#263746;color:#d5e1ea;border-color:#425565}

/* Mi cuenta: resumen de suscripción con estados diferenciados. */
#app .account-subscription{--status:#087d78;--tint:#e8f7f3;--edge:#b9ded6;background:linear-gradient(135deg,var(--tint),var(--paper,#fff));border:1px solid var(--edge);border-top:4px solid var(--status);padding:24px}
.account-subscription-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.account-subscription-symbol{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:var(--status);color:#fff}.account-subscription-symbol svg{width:25px;height:25px}#app .account-subscription-heading h2{margin:0 0 6px;font-size:23px;line-height:1.25}.account-subscription-status{display:inline-flex;color:var(--status);font-size:12px;font-weight:800}#app .account-subscription h3{margin:0 0 10px;font-size:18px;line-height:1.4}#app .account-subscription>p{font-size:14px;line-height:1.65;margin:0 0 16px}.account-subscription-plan{display:block;font-size:14px;font-weight:750;overflow-wrap:anywhere;margin-bottom:12px}.account-subscription-date{display:grid;gap:6px;padding:14px;border-radius:11px;background:#ffffffb8;border:1px solid var(--edge);margin-bottom:18px}.account-subscription-date>span,.account-subscription-date small{font-size:12px}.account-subscription-date strong{font-size:16px;overflow-wrap:anywhere}#app .account-subscription .actions{margin-top:18px;padding-top:16px;border-top:1px solid var(--edge);gap:10px}#app .account-subscription .actions a{min-height:44px;white-space:normal;text-align:center}
[data-theme=dark] #app .account-subscription{background:linear-gradient(135deg,#123b3e,#172e43);--status:#008b85;--edge:#315e63;color:#e4eef4}[data-theme=dark] .account-subscription-status{color:#e5eef4}[data-theme=dark] .account-subscription-date{background:#112c3bb8}
@media(max-width:600px){#app .account-subscription{padding:20px}#app .account-subscription .actions a{flex:1 1 100%;justify-content:center}}

/* Test compartidos: autor, permiso y acción con jerarquía clara. */
#app .shared-exams{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#app .shared-exam-card{display:flex;flex-direction:column;padding:24px;border-top:4px solid #008b85}.shared-exam-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}.shared-exam-private,.shared-exam-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;padding:6px 9px;border-radius:7px;background:var(--soft);color:var(--ink)}.shared-exam-top svg{width:15px;height:15px}.shared-exam-status{background:#e4f6f0;color:#136d54}#app .shared-exam-card h2{font-size:21px;line-height:1.4;margin:0 0 20px}.shared-exam-author{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.shared-exam-author>div{flex:1;min-width:80px}.shared-exam-author small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.shared-exam-author strong{display:block;font-size:14px;overflow-wrap:anywhere}.shared-exam-author .avatar{width:36px;height:36px;flex:0 0 36px}.shared-exam-profile{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;padding:9px 11px;min-height:40px}.shared-exam-profile:hover{border-color:var(--teal);color:var(--teal)}.shared-exam-profile:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.shared-exam-profile svg{width:16px;height:16px}.shared-exam-date{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0}.shared-exam-date svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.shared-exam-date strong{font-weight:550}.shared-exam-bottom{margin-top:auto;padding-top:16px}.shared-exam-bottom p{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 14px}.shared-exam-bottom p svg{flex:0 0 18px}.shared-exam-bottom .primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}#app .shared-exam-card--paused{border-top-color:#9b783f}.shared-exam-card--paused .shared-exam-status{background:#fff2db;color:#81551c}[data-theme=dark] .shared-exam-status{background:#174a43;color:#b8f0db}[data-theme=dark] .shared-exam-card--paused .shared-exam-status{background:#4b3b24;color:#f6d8a3}.shared-exams>.empty-state-live{grid-column:1/-1}@media(max-width:750px){#app .shared-exams{grid-template-columns:1fr}#app .shared-exam-card{padding:20px}}

/* Oferta temporal: primer periodo rebajado, renovación transparente. */
#app .plan-has-offer{border:2px solid #009d8c;background:linear-gradient(160deg,#eafaf4,var(--surface));box-shadow:0 8px 24px #008b8512}.plan-offer-badge{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;margin:8px 0 16px;border-radius:10px;background:#087c70;color:#fff;font-size:13px;font-weight:800}.plan-offer-badge svg{width:18px;height:18px;flex-shrink:0}.plan-offer-original{display:flex;justify-content:center;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:7px}.plan-offer-original del{font-size:18px;font-weight:650}.plan-offer-deadline{font-size:12px;line-height:1.6;color:var(--ink);padding:10px;border-radius:9px;background:var(--soft);margin:12px 0}.plan-offer-editor{border-color:#b5dcd4;background:var(--soft);padding:18px}.plan-offer-editor legend{font-weight:750;padding:0 8px}.plan-offer-editor>.check{margin-bottom:18px}[data-theme=dark] #app .plan-has-offer{background:linear-gradient(160deg,#153e3f,var(--surface));border-color:#36c5b5}

#app .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#app .catalog-grid>.empty{grid-column:1/-1}@media(max-width:1050px){#app .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#app .catalog-grid{grid-template-columns:1fr}}

/* Planes PRO: precio, promoción y ahorro con mayor presencia. */
#app .modern-prices{gap:22px}#app .plan-card{position:relative;padding:25px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 22px #16344b08}#app .plan-card-top{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-height:60px}#app .plan-card-top h3{font-size:21px;margin:0;font-weight:800}#app .plan-card-top .pill{font-size:11px;padding:5px 9px;width:fit-content}#app .plan-pricing-panel{padding:16px 18px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}#app .plan-price-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);min-height:22px}#app .plan-price-caption del{font-size:15px;margin-left:4px}#app .plan-price-caption>b{color:#087c70;font-weight:800}#app .plan-card .plan-amount{font-size:clamp(38px,3.5vw,49px);font-weight:850;line-height:1.12;letter-spacing:-1.6px;margin:9px 0 0;color:var(--ink)}#app .plan-card .plan-period{font-size:13px;margin:7px 0 0;line-height:1.5;color:var(--muted)}#app .plan-card .monthly-equivalent{min-height:0;margin-top:10px;padding:0;border:0;font-size:12px}#app .plan-card .plan-promotion{min-height:0;margin:14px 0}#app .plan-savings11{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #f2b9c2;background:#fff0f3;color:#b51e39;border-radius:13px;font-size:14px;line-height:1.4}#app .plan-savings11 .plan-saving-percent{display:flex;align-items:baseline;gap:1px;font-size:32px;font-weight:850;line-height:1;white-space:nowrap}#app .plan-saving-percent small{font-size:15px}#app .plan-savings11 span{font-size:11px;margin-top:5px;color:inherit}.plan-included-note{font-size:12px;color:var(--muted)}#app .plan-feature-summary{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}#app .plan-feature-summary li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:var(--ink)}#app .plan-feature-summary svg{flex:0 0 16px;width:16px;height:16px;color:#008b85}#app .plan-card-actions>.primary{background:#008b85;color:#fff!important;border-color:#008b85;min-height:49px;font-weight:800;border-radius:11px;box-shadow:0 4px 10px #008b8518}#app .plan-card-actions>.primary:hover{background:#006f6b;border-color:#006f6b}#app .plan-card .plan-renewal{margin-top:12px;font-size:11px;line-height:1.65}#app .plan-has-offer{border:2px solid #008b85;padding-top:63px;background:linear-gradient(150deg,#edf9f5,var(--surface));box-shadow:0 10px 28px #008b8518}#app .plan-offer-ribbon{position:absolute;left:-1px;right:-1px;top:-1px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:20px 20px 0 0;background:#087c70;color:#fff;font-size:13px;font-weight:800;min-height:44px}#app .plan-offer-ribbon svg{width:18px;height:18px;flex-shrink:0}#app .plan-offer-ribbon strong{margin-left:auto;border-radius:6px;padding:3px 8px;background:#c92341;color:#fff;font-size:14px}#app .plan-has-offer .plan-pricing-panel{background:#fff;border-color:#b9dfd6}#app .plan-has-offer .plan-amount{color:#087c70}#app .plan-offer-deadline{display:flex;align-items:flex-start;gap:7px;background:transparent;padding:0;border:0;font-size:11px;margin:0 0 12px;color:var(--muted)}#app .plan-offer-deadline svg{flex:0 0 15px;width:15px;height:15px;margin-top:2px}[data-theme=dark] #app .plan-card{background:var(--surface);box-shadow:0 6px 20px #0002}[data-theme=dark] #app .plan-has-offer{background:linear-gradient(150deg,#163d3e,var(--surface))}[data-theme=dark] #app .plan-has-offer .plan-pricing-panel{background:#173442;border-color:#35665e}[data-theme=dark] #app .plan-has-offer .plan-amount,[data-theme=dark] #app .plan-price-caption>b{color:#77dfca}[data-theme=dark] #app .plan-savings11{background:#442633;border-color:#804050;color:#ffb4c2}@media(max-width:600px){#app .plan-card{padding:22px}#app .plan-has-offer{padding-top:62px}#app .plan-card-top{min-height:0}.plan-offer-ribbon{padding-inline:18px}}

/* Cabecera de escritorio; la navegación móvil conserva su presentación. */
#header .user-dropdown summary>.account-chevron{display:none}
@media(min-width:1001px){
 #header{position:relative;z-index:60;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;min-height:84px;padding:14px 28px;background:#062f43;color:#e5f3f8;overflow:visible}
 #header>.logo{grid-row:1;grid-column:1;max-width:240px;width:100%;justify-self:start}
 #header>.logo .header-brand-img{max-width:100%!important;width:auto!important;height:auto!important;max-height:52px!important;object-fit:contain}
 #header>.primary-navigation{grid-row:1;grid-column:2;display:flex;align-items:center;justify-content:center;gap:7px;border:0;padding:0;margin:0;width:auto;flex-wrap:nowrap}
 #header .primary-navigation>a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:14px 12px;font-size:14px;font-weight:650;line-height:1.3;color:#c4d8e3;white-space:nowrap;border-radius:12px;transition:background .15s,color .15s}
 #header .primary-navigation>a svg{display:block;width:21px;height:21px;flex:0 0 21px}
 #header .primary-navigation>a:hover{background:#ffffff0d;color:#fff}
 #header .primary-navigation>a.active{background:#054555;color:#71ebdc;box-shadow:inset 0 -3px #00c8bc}
 #header>.header-actions{grid-row:1;grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;max-width:100%;min-width:0;justify-self:end;flex-wrap:nowrap}
 #header .user-dropdown{min-width:0;max-width:100%;position:relative}
 #header .user-dropdown summary{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:52px;box-sizing:border-box;border:1px solid #ffffff38;border-radius:14px;background:#ffffff05;color:#fff;cursor:pointer;list-style:none}
 #header .user-dropdown summary::-webkit-details-marker{display:none}
 #header .user-dropdown summary:hover,#header .user-dropdown[open] summary{background:#ffffff0c;border-color:#6cdcd2}
 #header .user-dropdown summary .avatar{width:34px;height:34px;flex:0 0 34px;font-size:13px}
 #header .account-name{max-width:140px;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #header .account-role{display:none}
 #header .user-dropdown summary>svg:not(.account-chevron){display:block;width:24px;height:24px;flex:0 0 24px}
 #header .user-dropdown summary>.account-chevron{display:none}
 #header .user-menu{right:0;left:auto;top:calc(100% + 10px);width:280px;max-width:calc(100vw - 40px);max-height:min(680px,calc(100dvh - 120px));padding:10px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 50px #001b3533;z-index:100;overflow-y:auto}
 #header .account-menu-heading{font-size:10px;letter-spacing:1.3px;color:var(--muted);padding:8px 12px}
 #header .user-menu a,#header .user-menu button{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:14px;min-height:44px;padding:11px 12px;line-height:1.4;border-radius:9px}
 #header .user-menu a:hover,#header .user-menu a.active{background:var(--soft);color:var(--teal)}
 #header .user-menu a[href="/mis-test"],#header .user-menu a[href="/administracion"]{margin-top:8px;border-top:1px solid var(--line);border-radius:0;padding-top:16px}
 #header .user-menu svg{width:21px;height:21px;flex:0 0 21px;color:var(--teal)}
 #header .user-menu #logout{margin-top:8px;border-top:1px solid var(--line);padding-top:14px;border-radius:0}
 #header .header-actions>.primary{font-size:15px;white-space:nowrap;padding:12px 14px}
 #header:has(.header-actions>.socials4 a)>.header-actions{flex-wrap:wrap}
 #header .header-actions>.socials4{flex-basis:100%;justify-content:flex-end}
 body.conversion-page #header{grid-template-columns:minmax(0,1fr) auto}
 body.conversion-page #header>.header-actions{grid-column:2}
}
@media(min-width:1001px) and (max-width:1250px){
 #header{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 24px 8px}
 #header>.logo{max-width:230px}
 #header>.header-actions{grid-column:2}
 #header>.primary-navigation{grid-row:2;grid-column:1/-1;justify-self:center;width:100%;border-top:1px solid #ffffff16;padding-top:8px}
 #header .primary-navigation>a{padding:12px 20px}
}

#editor-form .editor-save-top{margin-top:20px}

@media(min-width:1001px){#app .shared-exams{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Cambios de plan: contraste claro en ambos temas. */
#app .plan-card-actions>button.primary[data-plan-change]:not(:disabled){background:#008b85!important;border-color:#008b85!important;color:#fff!important;opacity:1}
#app .plan-card-actions>button.primary[data-plan-change]:not(:disabled):hover{background:#006f6b!important;border-color:#006f6b!important}
#app .plan-card-actions>button.primary[data-plan-change]:focus-visible{outline:3px solid #26b99c;outline-offset:3px}

/* Pantalla independiente de recuperación del acceso con Google. */
.google-callback-page{min-height:100vh;margin:0;padding:48px 20px;background:radial-gradient(ellipse at 50% 0,#def3ef 0,transparent 65%),#f3f7fa;color:#17364b}
.google-callback-page .google-callback-error{max-width:620px;width:100%;margin:0 auto;padding:0;border:1px solid #d7e5ec;border-radius:24px;overflow:hidden;box-shadow:0 16px 45px #17364b0d;background:#fff}
.callback-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 30px;background:#062f43;border-bottom:4px solid #00bbae}
.google-callback-error .callback-brand{display:inline-flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:30px;font-weight:800;letter-spacing:-.7px;text-decoration:none}
.callback-brand img{display:block;max-width:235px;width:100%;height:54px;object-fit:contain;object-position:left center}
.callback-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#00bbae;color:#fff;flex-shrink:0}.callback-brand-accent{color:#00d4c0}
.callback-header-label{font-size:12px;font-weight:650;color:#c4e8e7;padding:7px 10px;border:1px solid #356274;border-radius:8px;background:#ffffff09}
.callback-content{padding:32px}.callback-status-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#a46713;background:#fff1d8;border:1px solid #f1d9b2;margin-bottom:20px}
.google-callback-error h1{font-size:clamp(25px,4vw,32px);line-height:1.25;margin:0 0 20px;color:#17364b;letter-spacing:-.5px}
.google-callback-error .callback-alert{margin:0 0 18px;padding:14px 16px;border:1px solid #efdbbd;border-left:4px solid #d79830;border-radius:10px;background:#fff8ed;color:#75501d;font-size:15px;line-height:1.6}
.google-callback-error .callback-help{font-size:15px;line-height:1.7;color:#526b7c;margin:0 0 26px}.callback-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.google-callback-error .callback-actions .primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#007f76;border:1px solid #007f76;color:#fff;font-size:15px;font-weight:750;min-height:48px;padding:13px 18px;border-radius:11px;text-decoration:none;box-shadow:0 5px 14px #007f761a}
.google-callback-error .callback-actions .primary:hover{background:#00665e;border-color:#00665e}.callback-home{color:#426174;font-size:14px;font-weight:650;text-decoration:none}.callback-home:hover{text-decoration:underline}.callback-actions a:focus-visible,.callback-brand:focus-visible{outline:3px solid #26b99c;outline-offset:4px}
@media(max-width:600px){.google-callback-page{padding:24px 12px}.google-callback-page .google-callback-error{margin:0 auto;border-radius:18px}.callback-header{padding:22px;gap:12px}.callback-content{padding:24px 22px}.callback-brand img{max-width:205px;height:46px}.callback-header-label{font-size:11px}.callback-actions{flex-direction:column;align-items:stretch;gap:16px}.callback-home{text-align:center}.google-callback-error .callback-actions .primary{width:100%}}

/* Misma llamada a la acción en planes normales, prueba y oferta. */
#app .plan-card-actions>button.primary[data-checkout]:not(:disabled){background:#008b85!important;border-color:#008b85!important;color:#fff!important;opacity:1}
#app .plan-card-actions>button.primary[data-checkout]:not(:disabled):hover{background:#006f6b!important;border-color:#006f6b!important}
#app .plan-card-actions>button.primary[data-checkout]:focus-visible{outline:3px solid #26b99c;outline-offset:3px}

/* Test públicos del perfil: tres tarjetas por fila en ordenador. */
#app .author-exams-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .author-exams-grid>.empty{grid-column:1/-1}
@media(max-width:1000px){#app .author-exams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){#app .author-exams-grid{grid-template-columns:minmax(0,1fr)}}

/* Planes más compactos y con identidad verde en ambos temas. */
#app .plan-card{padding:20px;border-top:4px solid #008b85;background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 8%,var(--surface)),var(--surface));border-radius:18px}
#app .plan-card-top{min-height:0;margin-bottom:12px;gap:6px}
#app .plan-pricing-panel{padding:12px 14px}
#app .plan-card .plan-promotion{margin:10px 0}
#app .plan-card .plan-renewal{margin-top:9px;line-height:1.45}
#app .plan-savings11{padding:11px 12px}
#app .plan-has-offer{padding-top:57px}
[data-theme=dark] #app .plan-card{background:linear-gradient(145deg,#163d3e,var(--surface))}
.billing-reset-panel{margin-block:18px;background:var(--soft);border-top:3px solid var(--teal)}
.billing-reset-panel p{max-width:850px;font-size:14px;line-height:1.6}

/* Localizar preguntas pendientes en la revisión Word. */
#import-preview .import-needs-correction{border:2px solid #c75b16;background:color-mix(in srgb,var(--surface,#fff) 93%,#f59e0b 7%);scroll-margin-top:110px}#import-preview .import-review-status{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:6px;font-size:12px;line-height:1.4;background:var(--surface,#fff);color:var(--text,#102a43)}#import-preview .import-needs-correction .import-review-status{background:#a84210;color:#fff}#import-preview .import-pending-navigation{padding:14px;border:1px solid #c75b16;border-radius:10px;margin:12px 0}#import-preview .import-pending-navigation .actions{margin-top:10px;gap:8px;flex-wrap:wrap}#import-preview .import-pending-navigation button{font-size:14px;padding:8px 12px}#import-preview [hidden]{display:none}

/* Alinear la ayuda con los botones de guardar el test. */
#editor-form .sticky-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}#editor-form .sticky-actions>.muted{align-self:center;margin:0;line-height:1.45}@media(max-width:760px){#editor-form .sticky-actions>.muted{flex-basis:100%;margin-top:2px}}

/* Responder no significa acertar: azul hasta recibir la corrección. */
.map-cell.answered{background:#e8f2ff;color:#174a80;border-color:#8bb7e5}[data-theme=dark] .map-cell.answered{background:#193b5e;color:#c7e2ff;border-color:#527ea9}

/* Consistent loading states, including the first HTML response. */
.page-loading{max-width:640px;margin:24px auto;padding:32px 24px;text-align:center;background:linear-gradient(145deg,#fff,#edf9f7);border-top:4px solid #008780;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}
.page-loading h2{margin:0;color:#173747;font-size:clamp(22px,3vw,28px)}.page-loading p{margin:0;color:#526b78;line-height:1.6}.page-loading .section-eyebrow{color:#007f79;letter-spacing:.14em;font-weight:700;font-size:12px}
.page-loading-spinner{display:inline-block;width:36px;height:36px;border:3px solid #c7e9e5;border-top-color:#008780;border-radius:50%;animation:subetest-loading .9s linear infinite;flex-shrink:0}
.subscription-thanks[data-subscription-thanks]{min-height:360px}.subscription-thanks.pending .thanks-emblem{background:#d8eeed}.subscription-thanks [data-thanks-title],.subscription-thanks [data-thanks-description]{overflow-wrap:anywhere}
@keyframes subetest-loading{to{transform:rotate(360deg)}}
[data-theme=dark] .page-loading{background:linear-gradient(145deg,#102e43,#153e4d);border-color:#00bdb0}[data-theme=dark] .page-loading h2{color:#e8f6f7}[data-theme=dark] .page-loading p{color:#b5d2d9}[data-theme=dark] .page-loading .section-eyebrow{color:#65dfd4}[data-theme=dark] .page-loading-spinner{border-color:#2a605f;border-top-color:#5fdfd4}
@media(max-width:480px){.page-loading{margin:16px auto;padding:26px 18px;min-height:210px}.subscription-thanks[data-subscription-thanks]{min-height:330px}}
@media(prefers-reduced-motion:reduce){.page-loading-spinner{animation:none}}

/* Stable initial account space while the session is resolved. */
#header .header-account-loading{width:216px;min-height:44px;flex-shrink:0}
#header .header-account-placeholder{display:block;width:100%;height:44px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff06}
@media(max-width:760px){#header .header-account-loading{width:145px;margin-left:auto}#header .header-account-placeholder{height:44px}}
@media(max-width:380px){#header .header-account-loading{width:100%;height:44px}}

/* Opaque first-load screen; public HTML remains available without JavaScript. */
#route-loading-notice{position:fixed;right:20px;bottom:24px;z-index:1100;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);color:var(--ink,#173747);box-shadow:0 6px 24px #102a4320;font-weight:600}
#route-loading-notice .page-loading-spinner{width:20px;height:20px;border-width:2px}
.route-pending #app,.route-pending #header,.route-pending #sidebar{pointer-events:none}
@media(max-width:600px){#route-loading-notice{right:12px;bottom:20px}}

/* Featured plans keep a distinct border and badge at every viewport size. */
#app .plan-card.plan-featured,#app .plan-option.plan-featured{border:2px solid #008b85;border-top:5px solid #008b85;background:linear-gradient(145deg,#e2f6f3,var(--surface));box-shadow:0 8px 26px #008b8524}
#app .plan-recommended-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:#007b76;color:#fff;border-radius:10px;padding:9px 12px;margin:0 0 16px;font-weight:700;font-size:14px;line-height:1.4}
#app .plan-recommended-badge svg{width:18px;height:18px;flex-shrink:0}
[data-theme=dark] #app .plan-card.plan-featured,[data-theme=dark] #app .plan-option.plan-featured{border-color:#43d6c5;background:linear-gradient(145deg,#164c4a,var(--surface));box-shadow:0 8px 26px #0004}
[data-theme=dark] #app .plan-recommended-badge{background:#43d6c5;color:#102e43}
@media(max-width:600px){#app .plan-card.plan-featured,#app .plan-option.plan-featured{width:auto;max-width:100%;box-sizing:border-box}#app .plan-recommended-badge{margin-bottom:12px}}

/* Gold recommendation badge with navy text in both themes. */
#app .plan-recommended-badge,[data-theme=dark] #app .plan-recommended-badge{background:#f5cb58;color:#19334c;border:1px solid #e8b93e}
#app .plan-recommended-badge svg{color:#19334c}

/* Word import actions: identical contrast in light and dark themes. */
#app #word-import.word-review-action{background:#007b76!important;border-color:#007b76!important;color:#fff!important}
#app #word-import.word-review-action:hover:not(:disabled){background:#00635f!important;border-color:#00635f!important}
#app #import-preview .word-discard-action{background:#b42332!important;border-color:#b42332!important;color:#fff!important}
#app #import-preview .word-discard-action:hover:not(:disabled){background:#921b29!important;border-color:#921b29!important}
#app #word-import.word-review-action:focus-visible,#app #import-preview .word-discard-action:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#app #word-import.word-review-action:disabled,#app #import-preview .word-discard-action:disabled{opacity:.55;cursor:not-allowed}

/* Report action: restrained red gradient, with explicit dark-theme contrast. */
#app .report-trigger{background:linear-gradient(135deg,#fff1f2,#ffe0e5);border-color:#e5a0aa;color:#9f1239}
#app .report-trigger:hover{background:linear-gradient(135deg,#ffe4e8,#fecdd6);border-color:#be4561;color:#881337}
#app .report-trigger:focus-visible{outline:3px solid #be4561;outline-offset:3px}
[data-theme=dark] #app .report-trigger{background:linear-gradient(135deg,#481e2b,#602239);border-color:#aa536d;color:#ffe4e9}
[data-theme=dark] #app .report-trigger:hover{background:linear-gradient(135deg,#602239,#762b45);border-color:#f08aa7;color:#fff}
[data-theme=dark] #app .report-trigger:focus-visible{outline-color:#fda4bb}

.subscription-state{display:inline-block;border-radius:8px;padding:6px 10px;font-weight:700;white-space:nowrap;background:#edf1f5;color:#334155}.subscription-state-active{background:#d9f4e7;color:#16613e}.subscription-state-cancelled,.subscription-state-pending{background:#fff0ce;color:#795000}.subscription-state-failed{background:#ffe2e7;color:#9f1239}
[data-theme=dark] .subscription-state{background:#2d3949;color:#e2e8f0}[data-theme=dark] .subscription-state-active{background:#164b36;color:#bbf7d0}[data-theme=dark] .subscription-state-cancelled,[data-theme=dark] .subscription-state-pending{background:#503c15;color:#fde68a}[data-theme=dark] .subscription-state-failed{background:#571e32;color:#ffe4e9}

.verification-link-expired{max-width:760px;margin:32px auto;padding:clamp(24px,5vw,48px)}.verification-link-expired h1{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:20px 0}.verification-link-symbol{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:#e0f3f0;color:#007d78;margin-bottom:20px}.verification-link-symbol svg{width:32px;height:32px}.verification-link-help{border-top:1px solid #dce7ed;border-bottom:1px solid #dce7ed;padding:24px 0;margin:24px 0}.verification-link-help h2{font-size:21px}.verification-link-expired a{overflow-wrap:anywhere}[data-theme=dark] .verification-link-symbol{background:#164441;color:#8de4db}[data-theme=dark] .verification-link-help{border-color:#3b4d5c}

.account-delete-label{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}.account-delete-label svg{width:20px;height:20px;flex-shrink:0}

.catalog-filters-toggle{display:none!important}.catalog-extra-filters{display:contents}
@media(max-width:700px){
#search-form.catalog-search-compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:14px!important}
#search-form.catalog-search-compact>input{grid-column:1/-1;width:100%;min-width:0;margin:0}
#search-form.catalog-search-compact>.catalog-filters-toggle{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;grid-column:1;grid-row:2;min-width:0;width:100%;margin:0}
.catalog-filters-toggle svg{width:18px;height:18px;flex-shrink:0}.catalog-filter-chevron{margin-left:auto;transition:transform .15s}.filters-open .catalog-filter-chevron{transform:rotate(180deg)}
#search-form.catalog-search-compact>button[type=submit],#search-form.catalog-search-compact>button.primary{grid-column:2;grid-row:2;margin:0;width:auto}
#search-form.catalog-search-compact>.catalog-extra-filters{display:none;grid-column:1/-1;min-width:0}
#search-form.catalog-search-compact.filters-open>.catalog-extra-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#search-form.catalog-search-compact .catalog-extra-filters select{width:100%;min-width:0;margin:0}
}

#editor-form .editor-tag-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin:14px 0;border:1px solid #e5c47d;border-left:4px solid #bc841c;border-radius:14px;background:#fff8e8;color:#725018;font-size:14px;line-height:1.6;text-align:left;box-shadow:0 3px 12px rgba(75,57,20,.04)}
#editor-form .editor-tag-alert[hidden]{display:none!important}.editor-tag-alert-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#f7e6bc;color:#805708}.editor-tag-alert-icon svg{width:18px;height:18px}.editor-tag-alert-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.editor-tag-alert-copy strong{font-size:15px;color:inherit}
[data-theme=dark] #editor-form .editor-tag-alert{background:#332b1e;border-color:#806337;border-left-color:#dba64c;color:#f4dbac}[data-theme=dark] .editor-tag-alert-icon{background:#594324;color:#ffe0a0}
@media(max-width:700px){#editor-form .editor-tag-alert{padding:14px 12px;gap:10px}}

#app .question-image-tools>small{display:block;background:transparent!important;color:#526678!important;padding:0!important;margin:10px 0 0;border:0;border-radius:0;font-size:13px;line-height:1.6;opacity:1}
[data-theme=dark] #app .question-image-tools>small{background:transparent!important;color:#c3d2df!important}

#import-preview [data-import-question]> .actions>h4{display:flex;align-items:center;flex-wrap:wrap;gap:10px;line-height:1.5}
#import-preview .import-review-status[data-state]{display:inline-flex;align-items:center;gap:7px;margin-left:0;padding:6px 11px;border:1px solid;border-radius:999px;font-size:12px;font-weight:750;line-height:1.4;vertical-align:middle}
#import-preview .import-review-status[data-state=ready]{background:#e9f7ef;border-color:#acd9bd;color:#17633c}
#import-preview .import-review-status[data-state=pending]{background:#fff0f1;border-color:#edb5bc;color:#a02136}
#import-preview .import-review-status svg{width:16px;height:16px;flex:0 0 16px}.import-status-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;font-size:11px;font-weight:850;line-height:1;flex:0 0 16px}
#import-preview .import-ready{border-left:4px solid #3b9b66}
#import-preview .import-needs-correction{border:1px solid #e5b5bb;border-left:4px solid #c33e52;background:var(--surface,#fff)}
#import-preview .import-pending-navigation{border-color:#e5b5bb;border-left:4px solid #c33e52;background:var(--surface,#fff)}
[data-theme=dark] #import-preview .import-review-status[data-state=ready]{background:#193d30;border-color:#3b7058;color:#b7edca}
[data-theme=dark] #import-preview .import-review-status[data-state=pending]{background:#492632;border-color:#88505e;color:#ffccd5}
[data-theme=dark] #import-preview .import-needs-correction,[data-theme=dark] #import-preview .import-pending-navigation{border-color:#78505a;border-left-color:#e27688}
@media(max-width:600px){#import-preview .import-review-status[data-state]{font-size:11px;padding:5px 9px}}

/* Test detail actions: readable labels and consistent touch targets. */
#app .detail-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
#app .detail-actions .detail-secondary-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border:1px solid #c5dbdf;border-radius:12px;background:#f0f7f8;color:#234b5a;font-size:14px;font-weight:650;line-height:1.35;text-decoration:none;white-space:normal;text-align:center}
#app .detail-actions .detail-secondary-action svg{width:19px;height:19px;flex-shrink:0;color:currentColor}
#app .detail-actions .detail-secondary-action:hover{background:#e1f1f2;border-color:#008780}
#app .detail-actions .detail-secondary-action:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
[data-theme=dark] #app .detail-actions .detail-secondary-action{background:#183b4d;border-color:#426272;color:#d5eef0}
[data-theme=dark] #app .detail-actions .detail-secondary-action:hover{background:#224c5c;border-color:#5bcfc5}
@media(max-width:600px){#app .detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#app .detail-actions>a.primary{grid-column:1/-1;width:100%;box-sizing:border-box}#app .detail-actions .detail-secondary-action{width:100%;min-width:0;padding:12px 8px;font-size:13px}#app .detail-actions .detail-word-action{grid-column:1/-1;grid-row:3}}

/* Center the map disclosure label and remove the empty line below it. */
#app .question-map>summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;padding:0;text-align:center;list-style:none;line-height:1.4;cursor:pointer}
#app .question-map>summary::-webkit-details-marker{display:none}
#app .question-map>summary::before{content:"";width:8px;height:8px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
#app .question-map[open]>summary::before{transform:rotate(45deg)}
#app .question-map>summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:6px}

#app .question-map{padding:10px 16px;min-height:0}
#app .question-map>summary{min-height:36px}
#app .personal-category-list .list-row{display:flex;align-items:center;gap:10px;min-width:0}
#app .personal-category-list .list-row>span{flex:1;min-width:0;overflow-wrap:anywhere}
#app .personal-drag-handle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;padding:0;font-size:27px;line-height:1;cursor:grab;touch-action:none;user-select:none;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:9px}
#app .personal-category-dragging{outline:2px solid var(--teal);box-shadow:0 5px 15px #00878026}
#app .personal-category-dragging .personal-drag-handle{cursor:grabbing}
@media(max-width:600px){#app .personal-category-list{grid-template-columns:1fr}#app .personal-category-list .list-row{flex-wrap:wrap}#app .personal-category-list .list-row>.actions{width:100%;justify-content:flex-end}}

#app .personal-category-list{grid-template-columns:1fr}
#app .personal-category-placeholder{opacity:.3;border:2px dashed var(--teal)}
#app .personal-category-sorting{user-select:none}
#app .personal-category-sorting button:not(.personal-drag-handle){pointer-events:none}
.personal-category-ghost{display:flex;align-items:center;gap:10px;padding:20px;background:var(--surface);color:var(--ink);border:2px solid var(--teal);border-radius:14px;box-shadow:0 10px 30px #0003;overflow:hidden}
.personal-category-ghost>span{flex:1;min-width:0;overflow-wrap:anywhere}
.personal-category-ghost .personal-drag-handle{font-size:27px;flex-shrink:0}
@media(max-width:600px){.personal-category-ghost{flex-wrap:wrap}.personal-category-ghost>.actions{width:100%;justify-content:flex-end}}

/* Compact, left-aligned question and answer map disclosure. */
#app .question-map{padding:8px 16px;min-height:0}
#app .question-map>summary{justify-content:flex-start;text-align:left;min-height:32px;margin:0;padding:0}

#app .personal-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .personal-category-list .list-row{flex-wrap:wrap}
#app .personal-category-list .list-row>.actions{width:100%;justify-content:flex-end}
@media(max-width:600px){#app .personal-category-list{grid-template-columns:1fr}}

.personal-category-ghost,.personal-category-ghost *{pointer-events:none!important}

/* Compact category cards on phones: handle beside the name, tools below. */
@media(max-width:600px){
 #app .personal-category-list{gap:12px}
 #app .personal-category-list .list-row{display:grid!important;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px!important;margin:0;min-height:0;text-align:left}
 #app .personal-category-list .list-row>.personal-drag-handle{grid-column:1;grid-row:1;width:40px;min-width:40px;height:44px;margin:0;padding:0}
 #app .personal-category-list .list-row>span{grid-column:2;grid-row:1;width:auto;font-size:14px;line-height:1.45;text-align:left;margin:0}
 #app .personal-category-list .list-row>.actions{grid-column:1/-1;grid-row:2;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:auto;margin:0;padding:0}
 #app .personal-category-list .list-row>.actions>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;height:44px;padding:0!important;margin:0;border-radius:10px}
 #app .personal-category-list .list-row>.actions>button svg{width:19px;height:19px}
}

/* Desktop category cards keep name and tools on one row. */
@media(min-width:601px){
 #app .personal-category-list .list-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px!important;text-align:left}
 #app .personal-category-list .list-row>span{margin:0;line-height:1.4;text-align:left}
 #app .personal-category-list .list-row>.actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;width:auto;gap:6px;margin:0;padding:0}
 #app .personal-category-list .list-row>.actions>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:44px;min-height:44px;padding:0!important;margin:0}
 #app .personal-category-list .list-row>.actions>button svg{width:19px;height:19px}
}

/* Public question headings, without answers or explanations. */
#app .question-titles>summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;line-height:1.5;padding:4px 0;list-style:none}#app .question-titles>summary::-webkit-details-marker{display:none}#app .question-titles>summary:before{content:'+';display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:var(--soft);color:var(--teal)}#app .question-titles[open]>summary:before{content:'−'}#app .question-titles>summary span{color:var(--muted);font-size:14px}#app .question-titles>summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}#app .question-titles ol{padding-left:26px;margin-bottom:0}#app .question-titles li{padding:16px 0 16px 6px;border-top:1px solid var(--line);line-height:1.65;overflow-wrap:anywhere}#app .question-titles li::marker{color:var(--teal);font-weight:700}#app .question-titles .question-text p:first-child{margin-top:0}#app .question-titles .question-text p:last-child{margin-bottom:0}#app .editor-basic-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:18px 0}#app .editor-basic-toggles .check{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;line-height:1.5;color:var(--text)}#app .editor-basic-toggles input[type=checkbox]{width:auto;flex:none;margin:0}#app .question-titles-setting{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;margin:0}#app .question-titles-info{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);font-family:Georgia,serif;font-size:16px;font-weight:700;cursor:pointer}#app .question-titles-info:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:600px){#app .question-titles-card{padding:20px}#app .question-titles>summary{font-size:15px}}

/* Compact disclosure for the public question list. */
#app .question-titles-card{padding:0;overflow:hidden;border-radius:16px;box-shadow:0 3px 14px #12344705}#app .question-titles>summary{display:flex;align-items:center;gap:12px;padding:20px 22px;margin:0;border:0;background:transparent;transition:background .15s;min-height:0}#app .question-titles>summary:hover{background:var(--soft)}#app .question-titles>summary:before{display:none}#app .question-titles>summary:after{content:'';width:8px;height:8px;flex:none;margin-left:6px;margin-right:3px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}#app .question-titles[open]>summary:after{transform:rotate(225deg)}#app .question-titles>summary .question-titles-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--soft);color:var(--teal);flex:none}#app .question-titles-icon svg{width:21px;height:21px}#app .question-titles>summary .question-titles-label{flex:1;color:var(--text);font-size:16px;font-weight:700}#app .question-titles>summary .question-titles-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:3px 9px;border-radius:20px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:700;flex:none}#app .question-titles[open]>summary{border-bottom:1px solid var(--line)}#app .question-titles>p.muted{margin:0;padding:18px 24px 8px;font-size:13px;line-height:1.6}#app .question-titles>ol{list-style:none;counter-reset:public-question;margin:0;padding:0 24px 12px}#app .question-titles>ol>li{counter-increment:public-question;display:flex;align-items:flex-start;gap:14px;padding:17px 0;border:0}#app .question-titles>ol>li+li{border-top:1px solid var(--line)}#app .question-titles>ol>li:before{content:counter(public-question);display:grid;place-items:center;flex:none;min-width:28px;height:28px;padding:0 4px;border-radius:8px;background:var(--soft);color:var(--teal);font-size:12px;font-weight:700}#app .question-titles .question-text{min-width:0;flex:1;font-size:14px;line-height:1.7}#app .question-titles>summary:focus-visible{outline-offset:-4px;border-radius:14px}@media(max-width:600px){#app .question-titles>summary{padding:16px;gap:10px}#app .question-titles>summary .question-titles-label{font-size:14px}#app .question-titles>summary .question-titles-icon{width:34px;height:34px}#app .question-titles>ol{padding:0 16px 8px}#app .question-titles>p.muted{padding:16px 16px 6px}#app .question-titles>ol>li{gap:10px}}