.editor-office{border:1px solid #ddd6fe;border-radius:14px;background:#fff;overflow:hidden;margin:12px}.editor-office .cabecera-editor{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f7f5ff;border-bottom:1px solid #e5e1ef}.editor-office .cabecera-editor div{display:grid}.editor-office .cabecera-editor small,.editor-office .estado-editor{color:#697386}.barra-office{position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px;background:#f3f1f8;border-bottom:1px solid #ddd6fe}.barra-office button,.barra-office label{width:36px;height:36px;border:1px solid #d8d2e5;border-radius:8px;background:#fff;color:#25143d;display:grid;place-items:center;cursor:pointer;font-size:15px}.barra-office select{height:36px;border:1px solid #d8d2e5;border-radius:8px;background:#fff;padding:0 8px}.barra-office .fuente{max-width:145px}.barra-office input[type=color]{position:absolute;opacity:0;width:1px;height:1px}.barra-office i{width:1px;height:25px;background:#d7d0e3;margin:0 3px}.editor-contenido{min-height:360px;padding:24px 28px;outline:none;color:#111;line-height:1.6;font-size:17px;overflow:auto}.editor-contenido:focus{box-shadow:inset 0 0 0 2px #7c2bea}.editor-contenido img,.letra-enriquecida img{max-width:100%;height:auto;border-radius:8px}.datos-letra{display:grid;grid-template-columns:1fr 180px;gap:10px;padding:12px 14px;border-top:1px solid #e5e1ef;background:#faf9fc}.datos-letra label{display:grid;gap:5px;font-size:12px;color:#596174}.datos-letra input,.datos-letra select{height:40px;border:1px solid #d8d2e5;border-radius:8px;padding:0 10px;background:#fff}.accion-letra-editar i{font-style:normal;font-size:12px;margin-left:1px}.estado-editor.guardando{color:#a15c00}.estado-editor.correcto{color:#08783e}.estado-editor.error{color:#b42318}@media(max-width:700px){.editor-office{margin:6px}.barra-office{flex-wrap:nowrap;overflow-x:auto}.editor-contenido{min-height:55dvh;padding:16px;font-size:16px}.datos-letra{grid-template-columns:1fr}.barra-office select{max-width:110px}}