@font-face{font-family:CVSans;src:url('./fonts/body.woff2') format('woff2');font-display:swap}
:root{--paper:#f7f5ed;--ink:#213e34;--green:#245746;--muted:#58665d;--line:#dedfd5;--white:#fffefa;--tint:#eaf0e6;--error:#9e3026;font-family:CVSans,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}body{margin:0}::selection{background:#d3e6bb;color:#173b2e}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9b6220;outline-offset:4px}input,textarea{caret-color:var(--green)}.skip{position:absolute;left:15px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.topbar{max-width:1280px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand svg{width:29px;height:32px;margin-right:9px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linejoin:round}.brand>span:not(.brand-dot){font-weight:400}.brand-dot{color:#a5612a}.free{font-size:13px;color:var(--muted)}.workspace{max-width:1184px;margin:56px auto 64px;display:grid;grid-template-columns:390px minmax(0,1fr);gap:64px;padding:0 32px}.guide{padding-top:13px}.guide h1{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1.16;letter-spacing:-1.3px;margin:0 0 22px}.guide h1 em{font-weight:400;color:var(--green)}.guide>p{color:var(--muted);font-size:15px;margin:0 0 35px}ol{list-style:none;margin:0;padding:0}.step{display:flex;gap:13px;align-items:center;padding:10px 0;color:var(--muted);font-size:14px}.step-num{width:27px;height:27px;border-radius:50%;border:1px solid #b8c1b5;display:grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums}.step.current{font-weight:650;color:var(--green)}.current .step-num{background:var(--green);color:white;border-color:var(--green)}.step.done .step-num{background:#e1e9d9;border-color:#c5d4bb;color:var(--green)}.privacy{display:flex;gap:12px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line);max-width:310px}.privacy svg{width:19px;height:22px;flex-shrink:0;stroke:var(--muted);fill:none;stroke-width:1.5}.privacy p{font-size:12px;color:var(--muted);margin:0;line-height:1.65}.privacy strong{font-weight:600;color:var(--ink)}.editor{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:32px 38px;box-shadow:0 12px 38px #293b2510;min-width:0;align-self:start}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}.progress{height:4px;background:#e8eae2;border-radius:4px;margin-bottom:31px;overflow:hidden}.progress span{display:block;height:100%;width:16.66%;background:var(--green);transition:width .25s ease-out}h2{font-size:28px;line-height:1.2;letter-spacing:-.65px;margin:0 0 10px;font-weight:650}h3{font-size:16px;margin:24px 0 8px}.intro{color:var(--muted);font-size:14px;margin:0 0 26px;max-width:55ch}.field{display:block;margin-bottom:19px}.field>span,.field-label{display:block;font-size:14px;font-weight:600;margin:0 0 7px}.optional{font-weight:400;color:var(--muted);font-size:12px}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;border:1px solid #b9c2b5;background:#fffefa;color:var(--ink);border-radius:7px;padding:12px 14px;min-height:48px;max-width:100%}input::placeholder,textarea::placeholder{color:#687366;opacity:1}textarea{resize:vertical;min-height:115px;line-height:1.6}.hint{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:6px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tip{background:var(--tint);padding:15px 17px;border-radius:7px;font-size:13px;line-height:1.6;margin:22px 0}.tip strong{display:block;margin-bottom:3px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:27px;border-top:1px solid var(--line);padding-top:23px}.primary,.secondary,.small-btn{border-radius:7px;min-height:48px;padding:11px 23px;border:1px solid transparent;font-weight:600;font-size:14px}.primary{background:var(--green);color:white;display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.primary:hover{background:#173f31}.secondary{background:transparent;color:var(--green);border-color:#bdc9b6}.secondary:hover,.small-btn:hover{background:var(--tint)}.small-btn{min-height:40px;padding:8px 13px;background:var(--tint);color:var(--green);font-size:12px}.error{color:var(--error);font-size:14px;margin:10px 0 0}.error:empty{display:none}.choices{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 24px}.choice{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #c4ccbd;border-radius:7px;font-size:13px;cursor:pointer}.choice:has(input:checked){background:var(--tint);border-color:var(--green)}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.photo-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:21px}.photo-row img{width:68px;height:78px;object-fit:cover;border-radius:5px}.photo-row .field{flex:1;margin:0;min-width:190px}.preview{background:#fff;padding:27px;border:1px solid #d8ddd5;color:#24342d;overflow-wrap:anywhere;font-family:Arial,sans-serif;line-height:1.5;box-shadow:0 5px 17px #28372c0a}.cv-head{display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:2px solid var(--green);padding-bottom:17px;margin-bottom:19px}.cv-head h3{font-size:24px;margin:0 0 5px;color:var(--green)}.cv-head p{margin:3px 0;font-size:11px;white-space:pre-line}.cv-head img{width:64px;height:78px;object-fit:cover}.cv-section h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--green);margin:19px 0 7px}.cv-section p{font-size:12px;white-space:pre-line;margin:0}.review-controls{margin:20px 0}.confirmation{font-size:13px;display:flex;gap:9px;align-items:start;margin-top:22px}.confirmation input{margin-top:2px}.notice{font-size:12px;color:var(--muted);line-height:1.6}footer{max-width:1184px;padding:20px 32px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}fieldset{border:0;margin:0;padding:0}legend{font-size:14px;font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(min-width:1300px){.workspace{margin-top:67px}}@media(max-width:1000px){.workspace{gap:30px;grid-template-columns:310px minmax(0,1fr)}.guide h1{font-size:35px}.editor{padding:28px}}@media(max-width:760px){.topbar{padding:19px 22px}.brand{font-size:23px}.free{font-size:11px}.workspace{display:block;margin:28px auto 35px;padding:0 18px}.guide{padding:0}.guide h1{font-size:33px;line-height:1.12;margin-bottom:13px}.guide h1 br{display:none}.guide>p{font-size:14px;margin-bottom:24px}.guide>p br{display:none}.guide ol,.privacy{display:none}.editor{padding:24px 21px;border-radius:12px}.progress{margin-bottom:26px}h2{font-size:25px}.intro{margin-bottom:24px}.row{grid-template-columns:1fr;gap:0}footer{padding:18px 22px;display:block;font-size:11px}footer span{display:block;margin-top:6px}.preview{padding:19px}.primary{gap:13px;padding:11px 18px}.actions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.mobile-privacy{display:none}@media(max-width:760px){.mobile-privacy{display:block;max-width:42ch;font-size:12px;margin:8px 0 14px}.free,footer{font-size:12px}.cv-head p{font-size:12px}}
.entry{border-top:1px solid var(--line);padding:22px 0;margin:24px 0}.entry legend{padding-right:12px;color:var(--green)}.entry .choice{margin-bottom:18px}.bulk{margin:20px 0 30px;padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--green)}.bulk textarea{margin:12px 0}.writing-tools{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.suggestion{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.suggestion p{white-space:pre-line}.original{color:var(--muted)}.review-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tip ul{padding-left:19px;margin:8px 0}.tip li+li{margin-top:8px}.bulk input,.bulk textarea{font-size:16px}

.link-btn{background:none;border:0;padding:0;margin-top:6px;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:inherit;font-weight:600;cursor:pointer}
.resume{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:26px}.resume .small-btn{margin-top:10px;background:var(--white)}
.share-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:18px 0 6px;padding:12px 18px;border-radius:10px;border:0;background:#1f7a4d;color:#fff;font-weight:650;font-size:16px}
.share-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.share-btn:hover{background:#18653f}

/* ─── Vista previa en vivo: la hoja ─── */
.sheet{display:none}.sheet-fab{display:none}
.sheet-label{font-size:12px;color:var(--muted);margin:0 0 12px}
.sheet-frame{container-type:inline-size}
.paper{--cv:#245746;background:#fff;color:#28322c;font-family:Helvetica,Arial,sans-serif;font-size:1.85cqw;line-height:1.5;padding:11.4cqw 10.5cqw;min-height:141.4cqw;overflow-wrap:anywhere;box-shadow:0 1px 2px #213e3414,0 22px 44px -18px #213e3459}
.paper-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2em;border-bottom:.24cqw solid var(--cv);padding-bottom:2.6cqw;margin-bottom:5.2cqw}
.paper-name{font-size:2.09em;line-height:1.2;font-weight:700;color:var(--cv);margin:0 0 .25em}
.paper-job{font-size:1.09em;margin:0 0 .3em}
.paper-contact{font-size:.91em;margin:0}
.paper-photo{width:13.3cqw;height:16cqw;object-fit:cover;flex-shrink:0}
.paper-section{margin:0 -.7em 1.2em;padding:.45em .7em;border-radius:.35em}
.paper-section h4{font-size:1em;font-weight:700;color:var(--cv);margin:0 0 .35em}
.paper-section p{margin:0;white-space:pre-line}
.paper .ghost,.paper .is-ghost p{color:#a4ada3}.paper .is-ghost h4{color:#8da096}
.sheet .is-active{background:#eef3e7;transition:background .4s ease-out}
.sheet .paper-head.is-active{box-shadow:0 0 0 .7em #eef3e7;border-radius:.2em}
.inline-sheet{margin:22px 0 4px}
@media(min-width:1000px){
 .workspace{max-width:1320px;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:40px}
 .guide{display:none}
 .sheet{display:block;position:sticky;top:20px;align-self:start}
 .sheet>.sheet-frame{max-height:calc(100vh - 70px);overflow:auto;padding:4px 14px 34px;margin:0 -14px;scrollbar-width:thin}
 .inline-sheet{display:none}
}
@media(min-width:1240px){
 .workspace{max-width:1440px;grid-template-columns:250px minmax(0,1fr) minmax(340px,420px);gap:44px}
 .guide{display:block}.guide h1{font-size:33px}.guide h1 br,.guide>p br{display:none}
 .privacy{max-width:none}
}
@media(max-width:999px){
 body:not([data-step="0"]):not([data-step="6"]) .sheet-fab{display:flex}
 body{padding-bottom:84px}
}
.sheet-fab{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:5;align-items:center;gap:9px;min-height:48px;padding:11px 20px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:14px;box-shadow:0 10px 26px -8px #213e3499;white-space:nowrap}
.sheet-fab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.sheet-dialog{width:100%;max-width:620px;height:100dvh;max-height:100dvh;margin:0 auto;padding:0;border:0;background:var(--paper);color:var(--ink)}
.sheet-dialog::backdrop{background:#213e3466}
.sheet-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line)}
.sheet-dialog-head h2{font-size:19px;margin:0}
.sheet-dialog>.sheet-frame{padding:18px 16px 40px}
@media(max-width:760px){body:not([data-step="0"]) .guide{display:none}}
/* ─── Correcciones de escritura en línea ─── */
.inline-fix{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:-8px 0 20px;padding:10px 13px;border-left:3px solid #c08a2e;background:#fbf3e2;font-size:13px;border-radius:0 6px 6px 0}
.inline-fix q{font-weight:600;quotes:'“' '”'}
.inline-fix-actions{display:flex;align-items:center;gap:14px;width:100%;margin-top:4px}
.inline-fix .link-btn{margin:0;color:var(--muted);font-weight:500}

/* ─── Sugerencias tocables ─── */
.task-chips .chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.task-chips .hint{margin-top:-6px}
.chip{min-height:40px;padding:8px 14px;border:1px dashed #a9b7a6;border-radius:999px;background:transparent;color:var(--ink);font-size:13px;text-align:left}
.chip::before{content:'+ ';color:var(--green);font-weight:700}
.chip[aria-pressed="true"]{border-style:solid;border-color:var(--green);background:var(--tint)}
.chip[aria-pressed="true"]::before{content:'✓ '}
.add-skill{display:flex;align-items:flex-end;gap:10px;margin:-6px 0 24px}.add-skill .field{flex:1;margin:0}.add-skill .small-btn{min-height:48px}

/* ─── Plantilla con columna en la vista previa ─── */
.paper--columna{display:grid;grid-template-columns:31.4cqw minmax(0,1fr);padding:0}
.paper-side{background:var(--cv-tint);padding:9.5cqw 4.4cqw 6cqw 5.7cqw}
.paper-side .paper-photo{display:block;width:16.2cqw;height:19.4cqw;margin-bottom:5.2cqw}
.paper-side .paper-section{margin-inline:-.5em;padding-inline:.5em}
.paper-main{padding:11.4cqw 6.6cqw 6cqw 5.7cqw;min-width:0}
.paper--columna .paper-head{margin-bottom:5.2cqw}
.sheet .paper-side .is-active{background:#ffffffb3}

/* ─── Elegir cómo se ve ─── */
.design-pick{margin:26px 0 6px;padding-top:22px;border-top:1px solid var(--line)}
.design-pick legend{font-size:16px;font-weight:650;margin-bottom:12px;float:left;width:100%}
.tpl-options{display:flex;gap:12px;clear:both}
.tpl{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px 10px;border:1px solid #c4ccbd;border-radius:9px;font-size:13px;cursor:pointer;flex:1;max-width:160px}
.tpl:has(input:checked){border-color:var(--green);background:var(--tint);box-shadow:inset 0 0 0 1px var(--green)}
.tpl:has(input:focus-visible){outline:3px solid #9b6220;outline-offset:3px}
.tpl input{position:absolute;opacity:0;pointer-events:none}
.tpl-thumb{position:relative;display:block;width:58px;height:82px;background:#fff;box-shadow:0 1px 3px #213e3426;overflow:hidden}
.tpl-thumb i{position:absolute;display:block;height:3px;border-radius:2px;background:#cfd5cc}
.tpl-thumb--clasica i:nth-child(1){left:7px;top:8px;width:28px;height:5px;background:var(--cv)}
.tpl-thumb--clasica i:nth-child(2){left:7px;top:20px;width:44px;height:1.5px;background:var(--cv)}
.tpl-thumb--clasica i:nth-child(3){left:7px;top:28px;width:40px;box-shadow:0 8px 0 #cfd5cc,0 16px 0 #cfd5cc,0 28px 0 #cfd5cc,0 36px 0 #cfd5cc}
.tpl-thumb--clasica i:nth-child(4){left:7px;top:52px;width:14px;height:3px;background:var(--cv)}
.tpl-thumb--columna::before{content:'';position:absolute;inset:0 auto 0 0;width:19px;background:var(--cv-tint)}
.tpl-thumb--columna i:nth-child(1){left:24px;top:8px;width:26px;height:5px;background:var(--cv)}
.tpl-thumb--columna i:nth-child(2){left:24px;top:20px;width:28px;height:1.5px;background:var(--cv)}
.tpl-thumb--columna i:nth-child(3){left:24px;top:28px;width:26px;box-shadow:0 8px 0 #cfd5cc,0 16px 0 #cfd5cc,0 28px 0 #cfd5cc}
.tpl-thumb--columna i:nth-child(4){left:4px;top:10px;width:11px;height:13px;background:#d8ddd5;box-shadow:0 22px 0 -4px var(--cv),0 32px 0 -4px #cfd5cc}
.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.swatch{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 13px 6px 8px;border:1px solid #c4ccbd;border-radius:999px;font-size:13px;cursor:pointer}
.swatch input{position:absolute;opacity:0;pointer-events:none}
.swatch-dot{width:22px;height:22px;border-radius:50%;background:var(--sw)}
.swatch:has(input:checked){border-color:var(--sw);box-shadow:inset 0 0 0 1px var(--sw);font-weight:600}
.swatch:has(input:checked) .swatch-dot{box-shadow:inset 0 0 0 3px #fff}
.swatch:has(input:focus-visible){outline:3px solid #9b6220;outline-offset:3px}

/* ─── Foto ─── */
.photo-block{display:flex;gap:16px;align-items:center;margin-bottom:6px}
.photo-thumb{width:72px;height:86px;object-fit:cover;border-radius:6px;flex-shrink:0}
.photo-empty{display:grid;place-items:center;background:var(--tint);border:1px dashed #b9c2b5}
.photo-empty svg{width:34px;height:40px;fill:none;stroke:#8da096;stroke-width:2;stroke-linecap:round}
.photo-block .hint{margin:0 0 10px}.photo-block .field-label{margin-bottom:2px}
.photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.photo-actions .link-btn{margin:0}
.file-btn{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;border-radius:7px;border:1px solid #bdc9b6;color:var(--green);font-weight:600;font-size:14px;cursor:pointer;background:var(--white)}
.file-btn:hover{background:var(--tint)}.file-btn:focus-within{outline:3px solid #9b6220;outline-offset:4px}
.photo-editor{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;margin:18px 0 6px;padding:16px;background:var(--tint);border-radius:9px}
#photo-canvas{width:150px;height:180px;border-radius:6px;cursor:grab;touch-action:none;background:#fff;box-shadow:0 0 0 1px #c4ccbd}
#photo-canvas:active{cursor:grabbing}
.photo-editor-controls{flex:1;min-width:170px}.photo-editor-controls .hint{margin:0 0 12px}
#photo-zoom{width:100%;accent-color:var(--green);min-height:auto;padding:0;border:0}

/* ─── Final ─── */
#download-status:empty{display:none}
.done-card{display:flex;gap:16px;align-items:flex-start;margin-top:18px;padding:18px;border-radius:10px;background:var(--tint);color:var(--ink);font-size:14px;line-height:1.55}
.done-card strong{display:block;font-size:16px;margin-bottom:6px}
.done-card ul{margin:0;padding-left:18px}.done-card li+li{margin-top:4px}
.done-check{width:44px;height:44px;flex-shrink:0;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.done-check circle{stroke-dasharray:145;stroke-dashoffset:145;animation:draw .6s ease-out forwards}
.done-check path{stroke-dasharray:36;stroke-dashoffset:36;animation:draw .35s .5s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.done-check circle,.done-check path{animation:none;stroke-dashoffset:0}}
@media(max-width:760px){.tpl-options{gap:8px}.tpl{padding:10px 8px}}
.photo-editor .small-btn{background:var(--white);border-color:#bdc9b6;min-height:44px;padding-inline:20px}

/* ─── Sugerencias ─── */
.footer-end{text-align:right}.feedback{margin:6px 0 0;font-size:12px}
.feedback a,.done-feedback a{color:var(--green);font-weight:600}
.done-feedback{margin:12px 0 0}
@media(max-width:760px){.footer-end{text-align:left}}

.share-help ol{list-style:decimal;margin:4px 0 8px;padding-left:20px}.share-help li+li{margin-top:4px}.share-help .hint{margin:0}

.disclaimer{margin-top:-4px;padding-top:10px;border-top:1px dashed var(--line);font-size:11.5px}

/* ─── Comparar con un aviso ─── */
.match{margin:26px 0 8px;padding-top:22px;border-top:1px solid var(--line)}
.match h3{font-size:17px;margin:0 0 6px}
.match .hint{margin:0 0 12px}
.match textarea{min-height:140px;font-size:15px}
.match-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:-6px 0 4px}
.match-actions .small-btn{background:var(--green);color:#fff;min-height:44px;padding-inline:18px;font-size:14px}
.match-actions .small-btn:hover{background:#173f31}
.match-actions .link-btn{margin:0;color:var(--muted);font-weight:500}
#match-results:empty{display:none}
#match-results{margin-top:16px;scroll-margin-top:16px}
.match h4{font-size:14px;margin:20px 0 8px}
.match-summary{margin:0 0 10px;font-size:14px;line-height:1.55}
.match-summary strong{display:block;font-size:16px;margin-bottom:2px}
.match-empty{margin:0;padding:12px 14px;border-radius:7px;background:#fbf3e2;font-size:13px;line-height:1.55}
.match-good{margin:10px 0 0;padding:12px 14px 12px 32px;border-radius:7px;background:var(--tint);font-size:13px;line-height:1.55}
.match-good li+li{margin-top:4px}
.match-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.match-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:13px}
.match-icon{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:13px}
.match-met .match-icon{background:var(--tint);color:var(--green)}
.match-partial .match-icon{background:#fbf3e2;color:#8a5a14}
.match-missing .match-icon{background:#f6e3e0;color:var(--error)}
.match-met{padding-block:8px;border-style:dashed}
.match-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 0;font-size:14px}
.match-quote{margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere}
.match-tip{margin:6px 0 0;line-height:1.5}
.match-item .small-btn{margin-top:8px;min-height:40px}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.2px}
.badge-must{background:#f6e3e0;color:#7c2219}
.badge-plus{background:#e8eef4;color:#1f4e79}
.match-note{margin-top:14px!important}
.return-match{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:26px}
.return-match .small-btn{margin-top:10px;background:var(--white)}

/* Oculto pero accesible. Con !important para que no lo pisen los estilos de los campos (ancho 100%). */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.match-met .badge{background:var(--tint);color:var(--green)}