.cetis112-certificate-app{display:grid;grid-template-columns:minmax(320px,520px) minmax(420px,1fr);gap:24px;align-items:start;max-width:1250px;margin:24px auto;color:#202124}.cetis112-certificate-form,.cetis112-certificate-preview{padding:26px;border:1px solid #d8dde5;border-radius:8px;background:#fff;box-shadow:0 7px 24px rgba(0,0,0,.06)}.cetis112-certificate-form h2{margin-top:0;color:#7b1e3a}.cetis112-certificate-form label{display:flex;flex-direction:column;gap:6px;margin:0 0 15px;font-weight:650}.cetis112-certificate-form input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #aeb7c2;border-radius:5px;background:#fff;font:inherit}.cetis112-certificate-form input[readonly]{background:#f1f3f5;cursor:not-allowed}.cetis112-certificate-form small{font-weight:400;color:#59636e}.cetis112-certificate-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.cetis112-certificate-check{flex-direction:row!important;align-items:flex-start;gap:9px!important;font-weight:500!important}.cetis112-certificate-check input{flex:0 0 auto;width:auto;margin-top:3px}.cetis112-certificate-form button,.cetis112-certificate-button{display:inline-block;padding:12px 18px;border:0;border-radius:5px;background:#7b1e3a;color:#fff!important;text-decoration:none;font-weight:700;cursor:pointer}.cetis112-certificate-form button{margin-left:auto}.cetis112-certificate-form button:disabled{cursor:not-allowed;opacity:.45}.cetis112-certificate-button.is-secondary{background:#50575e}.cetis112-certificate-result{max-width:760px;margin:30px auto;padding:26px;border-left:5px solid #238636;background:#edf8ef}.cetis112-certificate-result div{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#cetis112-certificate-status{margin:4px 0 16px;padding:9px 0}#cetis112-certificate-status.is-success{color:#176b2c}#cetis112-certificate-status.is-error{color:#a12622}.cetis112-certificate-preview{min-height:720px;font-family:Arial,sans-serif;font-size:14px;line-height:1.55}.certificate-preview-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:3px solid #8b1e3f}.certificate-preview-head strong{font-size:18px}.certificate-preview-head span{max-width:230px;text-align:right;color:#616975;font-size:12px}.cetis112-certificate-preview h3{margin-top:45px}.cetis112-certificate-preview>p{text-align:justify}.cetis112-certificate-preview dl{display:grid;grid-template-columns:120px 1fr;gap:6px;margin:32px 0}.cetis112-certificate-preview dt{font-weight:700}.cetis112-certificate-preview dd{margin:0}.certificate-preview-signature{margin:55px 0 45px;font-weight:700;white-space:pre-line}.cetis112-certificate-preview footer{display:flex;flex-direction:column;align-items:center;padding-top:14px;border-top:3px solid #a51f46;color:#7b1e3a;font-size:11px}.cetis112-certificate-preview footer i{font-style:normal}.cetis112-certificate-preview[hidden],#cetis112-certificate-fields[hidden]{display:none}@media(max-width:950px){.cetis112-certificate-app{grid-template-columns:1fr}.cetis112-certificate-preview{min-height:0}}@media(max-width:560px){.cetis112-certificate-grid{grid-template-columns:1fr}.cetis112-certificate-form,.cetis112-certificate-preview{padding:18px}.certificate-preview-head{flex-direction:column}.certificate-preview-head span{max-width:none;text-align:left}.cetis112-certificate-preview dl{grid-template-columns:100px 1fr}}
@media(min-width:951px){.cetis112-certificate-app{grid-template-columns:minmax(0,35fr) minmax(0,65fr)}}
.cetis112-help-tip{position:relative;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:#7b1e3a;color:#fff;font-size:12px;font-weight:700;line-height:1;cursor:help}.cetis112-help-tip:after{position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;width:260px;max-width:70vw;padding:9px 11px;border-radius:5px;background:#202124;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:400;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.cetis112-help-tip:hover:after,.cetis112-help-tip:focus:after{opacity:1;transform:translate(-50%,0)}#cetis112-certificate-imss-field[hidden]{display:none}
.cetis112-certificate-image-status{display:block;margin-top:8px;font-size:13px;font-weight:600}.cetis112-certificate-image-status.is-processing{color:#7a4d00}.cetis112-certificate-image-status.is-success{color:#176b2c}.cetis112-certificate-image-status.is-error{color:#a12622}
@media(max-width:950px){.cetis112-certificate-preview{display:none!important}}