/* ESDE 15.10.319 — editor de plantillas de certificados. */
.esde-cert244 .esde319-template-manager{margin:18px 0 24px;padding:0;border:1px solid #CBD5E1;border-radius:15px;background:#F8FAFC;color:#172B3A;overflow:hidden}
.esde-cert244 .esde319-template-manager>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:17px 19px;cursor:pointer;list-style:none;font:800 16px/1.35 Montserrat,Poppins,sans-serif;color:#173B59}
.esde-cert244 .esde319-template-manager>summary::-webkit-details-marker,.esde-cert244 .esde319-template-card>summary::-webkit-details-marker{display:none}
.esde-cert244 .esde319-template-manager>summary span{font:600 11px/1.4 Poppins,sans-serif;color:#547083}
.esde-cert244 .esde319-manager-intro{margin:0;padding:0 19px 16px;color:#4A6171;font:500 12px/1.6 Poppins,sans-serif}
.esde-cert244 .esde319-template-card{margin:0 14px 12px;border:1px solid #D6E0E7;border-radius:11px;background:#fff;overflow:hidden}
.esde-cert244 .esde319-template-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none;color:#173B59;font:700 13px/1.4 Montserrat,Poppins,sans-serif}
.esde-cert244 .esde319-template-card>summary span{color:#5D7381;font:500 11px/1.4 Poppins,sans-serif}
.esde-cert244 .esde319-template-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px;border-top:1px solid #E4EBF0}
.esde-cert244 .esde319-template-form>label{display:grid;align-content:start;gap:6px;color:#213F52;font:700 12px/1.4 Poppins,sans-serif}
.esde-cert244 .esde319-template-form input:not([type=checkbox]):not([type=hidden]),.esde-cert244 .esde319-template-form select,.esde-cert244 .esde319-template-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #C5D3DD;border-radius:8px;background:#fff;color:#142D3E;padding:10px 11px;font:500 13px/1.45 Poppins,sans-serif}
.esde-cert244 .esde319-template-form small{color:#5A7282;font:500 10px/1.5 Poppins,sans-serif}
.esde-cert244 .esde319-template-form .esde319-wide{grid-column:1/-1}
.esde-cert244 .esde319-background-control{display:grid;gap:9px;align-content:start;min-width:0;padding:12px;border:1px solid #D7E1E8;border-radius:10px;background:#F5F8FA}
.esde-cert244 .esde319-background-control>strong{color:#173B59;font:800 12px/1.4 Montserrat,Poppins,sans-serif}
.esde-cert244 .esde319-preview-canvas{position:relative;isolation:isolate;aspect-ratio:842/595;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3%;padding:5% 4% 3% 31%;box-sizing:border-box;border:1px solid #C6D2DB;border-radius:6px;background-color:#fff;background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#101820;text-align:center;font-family:Arial,Helvetica,sans-serif}
.esde-cert244 .esde319-preview-canvas:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.08)}
.esde-cert244 .esde319-preview-canvas>span{font-size:clamp(8px,1.4vw,15px);font-weight:800;letter-spacing:.04em;line-height:1.2}
.esde-cert244 .esde319-preview-canvas>small{font-size:clamp(6px,.8vw,9px);line-height:1.25}
.esde-cert244 .esde319-preview-canvas>b{font-size:clamp(8px,1.25vw,13px);font-weight:800;line-height:1.2}
.esde-cert244 .esde319-preview-canvas>em{font-size:clamp(6px,.8vw,9px);font-style:normal;line-height:1.2}
.esde-cert244 .esde319-preview-body{max-width:98%;font-size:clamp(6px,.75vw,8px);line-height:1.25;font-weight:500}
.esde-cert244 .esde319-preview-back{padding:5% 5% 3%;gap:3%}
.esde-cert244 .esde319-preview-back ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;width:100%;margin:0;padding-left:14px;text-align:left;font-size:clamp(6px,.75vw,8px);line-height:1.25}
.esde-cert244 .esde319-preview-back>b{margin-top:auto}
.esde-cert244 .esde319-media-actions{display:flex;flex-wrap:wrap;gap:8px}
.esde-cert244 .esde319-media-actions button,.esde-cert244 .esde319-save-template{border:1px solid #137BA2;border-radius:8px;background:#20B5E4;color:#082535;padding:10px 13px;font:800 11px/1.35 Montserrat,Poppins,sans-serif;cursor:pointer}
.esde-cert244 .esde319-media-actions button+button{border-color:#CBD5E1;background:#fff;color:#304B5D}
.esde-cert244 .esde319-display-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin:0;padding:13px;border:1px solid #D7E1E8;border-radius:9px;background:#F8FAFC}
.esde-cert244 .esde319-display-options legend{padding:0 5px;color:#173B59;font:800 12px/1.4 Montserrat,Poppins,sans-serif}
.esde-cert244 .esde319-display-options label{display:flex;align-items:flex-start;gap:8px;color:#29495C;font:600 11px/1.45 Poppins,sans-serif}
.esde-cert244 .esde319-display-options input{margin:2px 0 0;accent-color:#138AB5}
.esde-cert244 .esde319-save-template{grid-column:1/-1;justify-self:start;padding:12px 18px}
.esde-cert244 .esde319-preview-link{display:inline-flex;align-items:center;justify-content:center;margin:10px 0;padding:10px 13px;border:1px solid #137BA2;border-radius:8px;background:#E9F8FC;color:#12485F;font:800 12px/1.4 Montserrat,Poppins,sans-serif;text-decoration:none}
.esde-cert244 .esde319-preview-link:hover{background:#D5F1F8;color:#0C3446}
@media(max-width:760px){.esde-cert244 .esde319-template-form{grid-template-columns:1fr}.esde-cert244 .esde319-template-form .esde319-wide,.esde-cert244 .esde319-display-options,.esde-cert244 .esde319-save-template{grid-column:1}.esde-cert244 .esde319-display-options{grid-template-columns:1fr}.esde-cert244 .esde319-preview-canvas>span{font-size:10px}.esde-cert244 .esde319-preview-canvas>small{font-size:7px}.esde-cert244 .esde319-preview-canvas>b{font-size:8px}.esde-cert244 .esde319-preview-body{font-size:6px}}

/* ESDE 15.10.320: inline save feedback; keeps the user inside the template designer. */
.esde-cert244 .esde319-template-status{grid-column:1/-1;padding:10px 12px;border:1px solid #B8CAD7;border-radius:8px;background:#F4F8FB;color:#173146;font:600 12px/1.5 Poppins,sans-serif}
.esde-cert244 .esde319-template-status[hidden]{display:none}
.esde-cert244 .esde319-template-status[data-kind="saving"]{border-color:#83CFEA;background:#EAF8FD;color:#173146}
.esde-cert244 .esde319-template-status[data-kind="success"]{border-color:#7CC9A2;background:#E9F8EF;color:#14532D}
.esde-cert244 .esde319-template-status[data-kind="error"]{border-color:#E8A3A3;background:#FFF0F0;color:#7F1D1D}
.esde-cert244 .esde319-save-template:disabled{opacity:.7;cursor:wait}
